デザイナーが価値を 発揮するための取り組み 息のなが〜いB2Bサービスで、 樋田 勇也 9/27 UX Cafe B2BサービスのUXデザインを語ろう
樋田 勇也 UX / UI デザイナー 制作会社でWebデザイナー/コーダー/ディレクターを経験後、 2016年にサイボウズ入社。 現在はクラウドサービスkintoneの担当デザイナー。 社内でプロトタイピングしまくるプロトタイピングおじさん。
「チームワークあふれる社会を創る」 チームあるところサイボウズあり
サイボウズの主なプロダクト ビジネスアプリ作成クラウド グループウェア メール共有ツール
Go Global San Francisco Ho Chi Min Shanghai Tokyo Osaka Matsuyama
グローバル開発本部 約200名 デザイングループ 10名 デザイナー リサーチャー アクセシビリティPG
デザイングループのミッション Planning & Design アイデアを素早く形にする Accessibility & Global 世界中のすべての人に チームワークを届ける
ところで
サイボウズ、20周年です！
6年2011年リリース
14年2003年リリース
15年2002年リリース
20年1997年リリース
息の長いB2Bサービスでは... デザイナーの成果がわかりにくい 結果が出るのに時間がかかる 結果の相関関係がわかりづらい
息の長いB2Bサービスでは... 顧客は変化を求めない 使い慣れたUIを変えるな！
小さな改善にフォーカスしがち モチベーションが湧きにくい
上流が遠くなる
プロダクトマネージャー エンジニア デザイナー 画面 よろしく! こういう機能つ くろう 実装するよ 画面とか つくるよ 要件定義 仕様検討
デザイングループって アイコンとかボタンとか 作る部署でしょ？ みんなの認識
デザイングループって アイコンとかボタンとか 作る部署でしょ？ みんなの認識 デザイナーの下請け化 「サービス全体のUX」を考えることが難しくなる
Planning & Design! これからはプランニングにシフトしよう 柴田（デザイングループ マネージャー）
リサーチ プランニング プロトタイプ を強化しよう！
積極的に外にでてリサーチ Research
サイトビジット 企業に訪問して実際のユーザ ーがサービスを使っている様 子を見せてもらう。 ユーザーが本当に抱えている 課題は何か？を探る
ユーザビリティテスト / ヒアリング 改善の結果を具体的に確認 ○ステップ減った ○%が使ってくれた…など 定量データも集める。
0 → 1 をつくる Planning
アイデア創造 ワークショップ ワークショップを デザイナー主導で開催。 これまで開発に関わらなか った部署からもアイデアを集 める。
実際にアプリを(社内)リリース！ Icepick アイスブレイクアプリ チームでゲームをクリアしてアイ スブレイクできるアプリ デザイナー×モバイルエンジニアで
PMと一緒に プランニング 新しいプロダクトのための プランニング活動をプロダ クトマネージャーと一緒に やる。 絵が描けるのは便利。
アイデアをすぐに形に！ Prototype
実装前のプロトタイピング / デザインが中心 開発要件検討 実装開始 リリース調査・コンセプト段階 プロトタイピング デザイン これまで
なんとなくやりたいことを イメージしてるんだけど… このプロダクトのバリューは なんだろう？ プロダクトマネージャーの悩み
さくっとプロトタイプ 作ってみたよ ユーザーのストーリーを Before/Afterで映像に してみたよ。 デザイナーが色んなプロトで解消する
プロトタイピングの手段が増えた
開発要件検討 実装開始 リリース調査・コンセプト段階 ■ 先行プロト •未来のアイデアを検討するためのプロトタイプ。 ■ デザインプロト •実装前にデザインを検討するプロトタイプ。 先行プロト プロトタイピング デザイン 先行プロト
得意技を活かす • コーディングができる • ファシリテーションできる • イラストが得意 • 資格を持っている …etc
開発プロセス全体でデザイナーは 活躍できる 開発要件検討 実装開始 リリース調査・コンセプト段階 先行プロト プロトタイピング デザイン リサーチ活動
いい感じの画面やアイコンを作ること Design
Design Research Planning Prototype
まだまだこれから どうやったらよりよいUXが実現できるか？ はまだまだこれから。 最終的に「サイボウズのデザインプロセス」が 出来上がるのが目標。
デザイナーが下請け化してませんか？ まとめ
デザイナーが下請け化してませんか？ まとめ 開発プロセス全体でデザイナーは活躍できます。 サービス全体のUXを探求しましょう。
デザイナーが下請け化してませんか？ 一緒にやってくれる人は「サイボウズ デザイングループ」で検索！ 開発プロセス全体でデザイナーは活躍できます。 サービス全体のUXを探求しましょう。 まとめ
Upcoming SlideShare
Loading in …5
×

息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み

196 views

Published on

9/27 UX Cafe B2BサービスのUXデザインを語ろう
発表資料

Published in: Design
0 Comments
1 Like
Statistics
Notes
no profile picture user

  • Be the first to comment

No Downloads
Views
Total views
196
On SlideShare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

息のながーいB2Bサービスで、デザイナーが価値を発揮するための取り組み

  1. 1. デザイナーが価値を 発揮するための取り組み 息のなが〜いB2Bサービスで、 樋田 勇也 9/27 UX Cafe B2BサービスのUXデザインを語ろう
  2. 2. 樋田 勇也 UX / UI デザイナー 制作会社でWebデザイナー/コーダー/ディレクターを経験後、 2016年にサイボウズ入社。 現在はクラウドサービスkintoneの担当デザイナー。 社内でプロトタイピングしまくるプロトタイピングおじさん。
  3. 3. 「チームワークあふれる社会を創る」 チームあるところサイボウズあり
  4. 4. サイボウズの主なプロダクト ビジネスアプリ作成クラウド グループウェア メール共有ツール
  5. 5. Go Global San Francisco Ho Chi Min Shanghai Tokyo Osaka Matsuyama
  6. 6. グローバル開発本部 約200名 デザイングループ 10名 デザイナー リサーチャー アクセシビリティPG
  7. 7. デザイングループのミッション Planning & Design アイデアを素早く形にする Accessibility & Global 世界中のすべての人に チームワークを届ける
  8. 8. ところで
  9. 9. サイボウズ、20周年です！
  10. 10. 6年2011年リリース
  11. 11. 14年2003年リリース
  12. 12. 15年2002年リリース
  13. 13. 20年1997年リリース
  14. 14. 息の長いB2Bサービスでは... デザイナーの成果がわかりにくい 結果が出るのに時間がかかる 結果の相関関係がわかりづらい
  15. 15. 息の長いB2Bサービスでは... 顧客は変化を求めない 使い慣れたUIを変えるな！
  16. 16. 小さな改善にフォーカスしがち モチベーションが湧きにくい
  17. 17. 上流が遠くなる
  18. 18. プロダクトマネージャー エンジニア デザイナー 画面 よろしく! こういう機能つ くろう 実装するよ 画面とか つくるよ 要件定義 仕様検討
  19. 19. デザイングループって アイコンとかボタンとか 作る部署でしょ？ みんなの認識
  20. 20. デザイングループって アイコンとかボタンとか 作る部署でしょ？ みんなの認識 デザイナーの下請け化 「サービス全体のUX」を考えることが難しくなる
  21. 21. Planning & Design! これからはプランニングにシフトしよう 柴田（デザイングループ マネージャー）
  22. 22. リサーチ プランニング プロトタイプ を強化しよう！
  23. 23. 積極的に外にでてリサーチ Research
  24. 24. サイトビジット 企業に訪問して実際のユーザ ーがサービスを使っている様 子を見せてもらう。 ユーザーが本当に抱えている 課題は何か？を探る
  25. 25. ユーザビリティテスト / ヒアリング 改善の結果を具体的に確認 ○ステップ減った ○%が使ってくれた…など 定量データも集める。
  26. 26. 0 → 1 をつくる Planning
  27. 27. アイデア創造 ワークショップ ワークショップを デザイナー主導で開催。 これまで開発に関わらなか った部署からもアイデアを集 める。
  28. 28. 実際にアプリを(社内)リリース！ Icepick アイスブレイクアプリ チームでゲームをクリアしてアイ スブレイクできるアプリ デザイナー×モバイルエンジニアで
  29. 29. PMと一緒に プランニング 新しいプロダクトのための プランニング活動をプロダ クトマネージャーと一緒に やる。 絵が描けるのは便利。
  30. 30. アイデアをすぐに形に！ Prototype
  31. 31. 実装前のプロトタイピング / デザインが中心 開発要件検討 実装開始 リリース調査・コンセプト段階 プロトタイピング デザイン これまで
  32. 32. なんとなくやりたいことを イメージしてるんだけど… このプロダクトのバリューは なんだろう？ プロダクトマネージャーの悩み
  33. 33. さくっとプロトタイプ 作ってみたよ ユーザーのストーリーを Before/Afterで映像に してみたよ。 デザイナーが色んなプロトで解消する
  34. 34. プロトタイピングの手段が増えた
  35. 35. 開発要件検討 実装開始 リリース調査・コンセプト段階 ■ 先行プロト •未来のアイデアを検討するためのプロトタイプ。 ■ デザインプロト •実装前にデザインを検討するプロトタイプ。 先行プロト プロトタイピング デザイン 先行プロト
  36. 36. 得意技を活かす • コーディングができる • ファシリテーションできる • イラストが得意 • 資格を持っている …etc
  37. 37. 開発プロセス全体でデザイナーは 活躍できる 開発要件検討 実装開始 リリース調査・コンセプト段階 先行プロト プロトタイピング デザイン リサーチ活動
  38. 38. いい感じの画面やアイコンを作ること Design
  39. 39. Design Research Planning Prototype
  40. 40. まだまだこれから どうやったらよりよいUXが実現できるか？ はまだまだこれから。 最終的に「サイボウズのデザインプロセス」が 出来上がるのが目標。
  41. 41. デザイナーが下請け化してませんか？ まとめ
  42. 42. デザイナーが下請け化してませんか？ まとめ 開発プロセス全体でデザイナーは活躍できます。 サービス全体のUXを探求しましょう。
  43. 43. デザイナーが下請け化してませんか？ 一緒にやってくれる人は「サイボウズ デザイングループ」で検索！ 開発プロセス全体でデザイナーは活躍できます。 サービス全体のUXを探求しましょう。 まとめ

×
Save this presentationTap To Close