DIST.25 「管理画面から考えるUX」で発表した内容です。 https://dist.connpass.com/event/115077/

1. SaaSの管理画面の
デザイン最適化
Yusuke hata

2. 畠 佑輔
デザイナー、CS 、Co-founder @
sennba2
長野と東京、中央線、温泉好き、
オカメインコ飼い
小さなチーム、大きな仕事

3. コールセンターを手軽に始めよう。

4. SaaS(BtoB)の管理画面
サービスのメイン部分
＝

5. SaaS(特にBtoB)の特徴
• 利用頻度が高い。
• メインの業務で使うようなものは利用時間
も長い(Slack、Salesforce、Zendesk)。
• 複数人で触ることが多い。
• 担当者が変わることもある。

6. 求められること
・長時間、長期間使っていても苦にならない。
・人が入れ替わっても使いやすい。

7. 長時間 × 長期間

9. 意識したこと
住みやすい家を作っていくこと。

10. どうしたか？

11. デザイナーやエンジニアも毎日7時間使う。

12. 提供するサービスが家になるまで使い込む。
＋
他の良いサービスを使う。

13. シャワーの出とか、気になる。

14. 横幅100％
メモの幅がどこまでも伸びていく。
1行で70字以上

15. max-width を設定
一行あたり 30～40 字が読みやすい。

16. ・人が入れ替わっても使いやすい。

17. 今どんな設定なのかが、視覚的に表現されている。

20. まとめ

21. 住みやすい家を作っていく。
人が入れ替わっても使いやすい。
SaaSのデザインのポイント