「プロダクトとユーザーをつなぐ」BtoB SaaSデザインの面白さ

SaaS Design Conference 2022
BtoBビジネスとデザイナーをつなぐカンファレンス
2022/11/26
https://saasdesign-conf.uzabase.com/

Vertical SaaS企業に転職した元C向けサービスデザイナーが、入社してから気づいたBtoB領域・SaaSデザインならではのやりがいと面白さ。WebサイトデザインとプロダクトUIデザインの違いや、日々感じている課題感などを交えながら、アンドパッドのデザイナーが何を考え、建設・建築業界のユーザーとプロダクトを “つなぐため” にどのようにデザインしているのかをお話した際のスライドです。

▼内容書き起こし
https://note.com/sizucca/n/n615c383caf5c

Transcript

1. BtoB SaaS SaaS Design Conference 2022 BtoB 2022/11/26
2. 2 @sizucca_ 2008 4 / Web 2008 5 UI 2016 5 GMO UI/UX toC 2021 7 ANDPAD ⾒ UI/UX
3. 3 @sizucca_ 2008 4 / Web 2008 5 UI 2016 5 GMO UI/UX toC 2021 7 ANDPAD ⾒ UI/UX toC 13 toB 1 5
4. 4 1. 2. 3. 4. 5. BtoB SaaS
5. 5 1
7. 7 DX ANDPAD
8. 8 ANDPAD Vertical SaaS Vertical SaaS Horizontal SaaS ※ ※ Slack Chatwork LINEWORKS freee SmartHR freee
9. 9 × … etc … etc
10. … etc 10
11. 11 2
12. 12 ANDPAD Web iOS Android LP
13. 13 × … etc C B A E D F
15. 15 3
16. Web UI CtoC BtoC BtoBtoC BtoB 16
17. 17 Web UI Web UI LP • • • IA • UX • UI • • • • • • IA • UX • UI • • • QA
18. 18 1. 2. 3.
19. 19 1. 1 2019 4 4 p.18 1. 2. → 3. 4.
20. 20 1. 2 5 Empathize Define Ideate Prototype Test
21. 21 1. ⪦䚉٬杼鉮 Empathize 㲊紶 Define Ⱘ鵰 Ideate 鍱⛼ Prototype 吾錞 Test 塜׊ַ鐐갭؅氦釤٬㲊紶 塜׊ַ鉮婊瓀؅Ⱘ鵰 杼 鉮 ﺝ ﻏ 鈝 㴔 ﺝ ﻏ 釱 憠 ﻖ 䐂 ﻏ 浓 䘶 ﻖ 䐂 ﻏ 鍱 ⛼ ⿁ ﻖ ⛼ ﻏ 吾 錞 ﺝ ﻏ 氦 丆 ⹜ 兠 氦 丆 ⹜ 兠
22. 22 1. ⪦䚉٬杼鉮 Empathize 㲊紶 Define Ⱘ鵰 Ideate 鍱⛼ Prototype 吾錞 Test 塜׊ַ鐐갭؅氦釤٬㲊紶 塜׊ַ鉮婊瓀؅Ⱘ鵰 杼 鉮 ﺝ ﻏ 鈝 㴔 ﺝ ﻏ 釱 憠 ﻖ 䐂 ﻏ 浓 䘶 ﻖ 䐂 ﻏ 鍱 ⛼ ⿁ ﻖ ⛼ ﻏ 吾 錞 ﺝ ﻏ 氦 丆 ⹜ 兠 氦 丆 ⹜ 兠 • • • • • • CJM • • • PDCA
23. 23 1. ⪦䚉٬杼鉮 Empathize 㲊紶 Define Ⱘ鵰 Ideate 鍱⛼ Prototype 吾錞 Test 塜׊ַ鐐갭؅氦釤٬㲊紶 塜׊ַ鉮婊瓀؅Ⱘ鵰 杼 鉮 ﺝ ﻏ 鈝 㴔 ﺝ ﻏ 釱 憠 ﻖ 䐂 ﻏ 浓 䘶 ﻖ 䐂 ﻏ 鍱 ⛼ ⿁ ﻖ ⛼ ﻏ 吾 錞 ﺝ ﻏ 氦 丆 ⹜ 兠 氦 丆 ⹜ 兠 • • • • UX • • UI • QA • • UI
24. 24 2. • •
25. 25 3. • • •
26. 26 4
28. 28 STEP 0 • • •
29. 29 STEP 1
30. 30 STEP 2 BS
31. 31 STEP 3
32. 32 • •
33. 33 Slack Slack ANDPAD BS toC
34. MTG ⾒ 34
35. BtoB SaaS 35 5
36. BtoB SaaS 36 1. 2. 3. toB
37. 37 UI/UX BX UI/UX ×IT BX