Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

sizucca
November 26, 2022

「プロダクトとユーザーをつなぐ」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

sizucca

November 26, 2022
Tweet

More Decks by sizucca

Other Decks in Design

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

  6. 6

  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

  14. 14

  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

  27. 27

  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