1. デザイナーが価値を
発揮するための取り組み
息のなが〜いB2Bサービスで、
樋田 勇也
9/27 UX Cafe B2BサービスのUXデザインを語ろう

2. 樋田 勇也
UX / UI デザイナー
制作会社でWebデザイナー/コーダー/ディレクターを経験後、
2016年にサイボウズ入社。
現在はクラウドサービスkintoneの担当デザイナー。
社内でプロトタイピングしまくるプロトタイピングおじさん。

3. 「チームワークあふれる社会を創る」
チームあるところサイボウズあり

4. サイボウズの主なプロダクト
ビジネスアプリ作成クラウド グループウェア
メール共有ツール

5. Go Global
San Francisco
Ho Chi Min
Shanghai
Tokyo
Osaka
Matsuyama

6. グローバル開発本部 約200名
デザイングループ 10名
デザイナー リサーチャー アクセシビリティPG

7. デザイングループのミッション
Planning &
Design
アイデアを素早く形にする
Accessibility &
Global
世界中のすべての人に
チームワークを届ける

8. ところで

9. サイボウズ、20周年です！

10. 6年2011年リリース

11. 14年2003年リリース

12. 15年2002年リリース

13. 20年1997年リリース

14. 息の長いB2Bサービスでは...
デザイナーの成果がわかりにくい
結果が出るのに時間がかかる
結果の相関関係がわかりづらい

15. 息の長いB2Bサービスでは...
顧客は変化を求めない
使い慣れたUIを変えるな！

16. 小さな改善にフォーカスしがち
モチベーションが湧きにくい

17. 上流が遠くなる

18. プロダクトマネージャー エンジニア デザイナー
画面
よろしく!
こういう機能つ
くろう
実装するよ
画面とか
つくるよ
要件定義 仕様検討

19. デザイングループって
アイコンとかボタンとか
作る部署でしょ？
みんなの認識

20. デザイングループって
アイコンとかボタンとか
作る部署でしょ？
みんなの認識
デザイナーの下請け化
「サービス全体のUX」を考えることが難しくなる

21. Planning & Design!
これからはプランニングにシフトしよう
柴田（デザイングループ マネージャー）

22. リサーチ
プランニング
プロトタイプ を強化しよう！

23. 積極的に外にでてリサーチ
Research

24. サイトビジット
企業に訪問して実際のユーザ
ーがサービスを使っている様
子を見せてもらう。
ユーザーが本当に抱えている
課題は何か？を探る

25. ユーザビリティテスト /
ヒアリング
改善の結果を具体的に確認
○ステップ減った
○%が使ってくれた…など
定量データも集める。

26. 0 → 1 をつくる
Planning

27. アイデア創造
ワークショップ
ワークショップを
デザイナー主導で開催。
これまで開発に関わらなか
った部署からもアイデアを集
める。

28. 実際にアプリを(社内)リリース！
Icepick
アイスブレイクアプリ
チームでゲームをクリアしてアイ
スブレイクできるアプリ
デザイナー×モバイルエンジニアで

29. PMと一緒に
プランニング
新しいプロダクトのための
プランニング活動をプロダ
クトマネージャーと一緒に
やる。
絵が描けるのは便利。

30. アイデアをすぐに形に！
Prototype

31. 実装前のプロトタイピング / デザインが中心
開発要件検討 実装開始 リリース調査・コンセプト段階
プロトタイピング デザイン
これまで

32. なんとなくやりたいことを
イメージしてるんだけど… このプロダクトのバリューは
なんだろう？
プロダクトマネージャーの悩み

33. さくっとプロトタイプ
作ってみたよ
ユーザーのストーリーを
Before/Afterで映像に
してみたよ。
デザイナーが色んなプロトで解消する

34. プロトタイピングの手段が増えた

35. 開発要件検討 実装開始 リリース調査・コンセプト段階
■ 先行プロト
•未来のアイデアを検討するためのプロトタイプ。
■ デザインプロト
•実装前にデザインを検討するプロトタイプ。
先行プロト
プロトタイピング デザイン
先行プロト

36. 得意技を活かす
• コーディングができる
• ファシリテーションできる
• イラストが得意
• 資格を持っている …etc

37. 開発プロセス全体でデザイナーは
活躍できる
開発要件検討 実装開始 リリース調査・コンセプト段階
先行プロト
プロトタイピング デザイン
リサーチ活動

38. いい感じの画面やアイコンを作ること
Design

39. Design
Research Planning Prototype

40. まだまだこれから
どうやったらよりよいUXが実現できるか？
はまだまだこれから。
最終的に「サイボウズのデザインプロセス」が
出来上がるのが目標。

41. デザイナーが下請け化してませんか？
まとめ

42. デザイナーが下請け化してませんか？
まとめ
開発プロセス全体でデザイナーは活躍できます。
サービス全体のUXを探求しましょう。

43. デザイナーが下請け化してませんか？
一緒にやってくれる人は「サイボウズ デザイングループ」で検索！
開発プロセス全体でデザイナーは活躍できます。
サービス全体のUXを探求しましょう。
まとめ