toB SaaS開発におけるUXライティング｜あつまるデザナレ2022

株式会社ビビビット主催のデザインカンファレンス「あつまるデザナレ2022」の「あのプロダクトのUXライティング解剖」の発表スライドです。
https://vivivit.connpass.com/event/253590/

Transcript

1. toB SaaS開発における
   
   UXライティング
   株式会社SmartHR｜UXライター
   おおつかあぐり
   あつまるデザナレ 2022.9.11
   

   View Slide

2. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   @aguringo
   おおつかあぐり
   UXライター / SmartHR Inc.
   About Me
   

   View Slide

3. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   https://note.com/aguri/n/n024d48ba30d3
   https://note.com/aguri/n/n5e7f8591df79
   

   View Slide

4. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   アプリケーション開発以外のお仕事
   

   View Slide

5. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   アプリケーション開発以外のお仕事
   デザインシステムの運用体制についてはこちら
   開発しながらガイドライン化する考え方についてはこちら
   https://note.com/aguri/n/n2665dcdc5948
   https://speakerdeck.com/aguringo/20220315-design-study-morning07
   

   View Slide

6. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   アプリケーション開発以外のお仕事
   

   View Slide

7. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   今日お話すること
   toB SaaSのUXライターは、
   
   整体師や調律師みたいなものである
   

   View Slide

8. View Slide

9. Confidential - Not to be disclosed or distributed to third parties.
   © 2022 Aguri Otsuka All Rights Reserved.
   SmartHRでできること
   01
   業務を効率化
   02
   データを一元管理
   03
   組織改善を実現
   

   View Slide

10. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    SmartHRの進化プロセス
    人事労務の効率化
    人事、従業員間の
    
    フロントシステム
    人材マネジメント
    

    View Slide

11. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    開発体制
    SmartHR 基本機能
    人材マネジメント機能
    14チーム以上が常に開発、リリースし
    ている状態
    労務オプション
    

    View Slide

12. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    https://smarthr.design/products/contents/
    

    View Slide

13. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    https://smarthr.design/products/contents/
    

    View Slide

14. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    https://smarthr.design/products/contents/
    

    View Slide

15. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    よく聞かれること
    UXライターって
    
    なにしてくれるの？
    

    View Slide

16. © 2022 Aguri Otsuka All Rights Reserved.
    プロダクトデザイナーからの声
    Before
    After
    

    View Slide

17. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    このとき、なにがあったのか…
    

    View Slide

18. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    組
    
    織
    
    図
    SmartHR 基本機能
    人材マネジメント機能
    労務オプション
    

    View Slide

19. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    SmartHRに登録されている
    
    部署と従業員情報をもとに、
    
    ツリー形式の組織図を作成する機能
    とし
    て2021年1月リリース
    

    View Slide

20. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    

    View Slide

21. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    できることが増えると…
    

    View Slide

22. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    設定も増える
    

    View Slide

23. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    組織図の設定 > 表示設定画面
    

    View Slide

24. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    組織図の設定 > 表示設定画面
    大盛
    

    View Slide

25. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    表示設定画面に従業員プロフィールダ
    イア
    ログに関する項目とプレビューが増えたの
    で、デザインや文言を見直したい
    

    View Slide

26. プレビューを先頭に配置し、
    
    見ながら設定することを示唆
    別ページに分割
    

    View Slide

27. View Slide

28. 地 味
    

    View Slide

29. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    UXライターは、なにをしたのか
    

    View Slide

30. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    UXライターは、なにをしたか
    ™ 新しい概念に関するメンタルモデル構築をし
    ようと試みs
    ™ 見えない部分での文言のユレを解消しs
    ™ 情報の粒度を適正にした
    

    View Slide

31. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    “新しい概念”は、必ず読まれる場所に配置する
    「従業員カード」と「従業員プロ
    フィール」は、ユーザーのメンタル
    モデル構築が必要な新しい概念
    
    
    新しい用語は、Descriptionにだけ書
    いても読まれないのでユーザーが選
    択するラベル名とし
    て明示
    Before After
    

    View Slide

32. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    従業員カード
    従業員プロフィール
    

    View Slide

33. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    ・ どんな名前にするか
    既存の似た用語はないか？
    一般名詞と混同されないか？
    ・ どうやってユーザーのメンタルモデルを構築するか
    できる限り自然な動線上でインプ
    ットを試みる
    プロダクトに新しい概念を追加するに考えること
    

    View Slide

34. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    Descriptionは、
    
    よほどの関心がないと瞬殺される
    
    と考えておく
    選ぶので
    
    視線も注意も届く
    

    View Slide

35. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    プロダクト上の概念を定義し、
    
    ユーザーのメンタルモデル構築を助ける
    

    View Slide

36. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    混同しやすいものは、言葉を意識的に使いわける。
    従業員項目にある［氏名］と混同しないように、［従業員名］と言い換え
    Before
    After
    

    View Slide

37. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    同じ画面上にはなくても、共通基盤とし
    てあるものは、ユーザーのメンタルモデ
    ルが確立していると考える
    

    View Slide

38. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    既存のユーザーのメンタルモデル
    
    を把握し
    て、調整する
    

    View Slide

39. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    情報の格を揃える
    Before
    After
    情報を整理し
    て、［表示する従
    業員項目］を小見出しに昇格
    

    View Slide

40. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    同格の画面の見出しの扱いは、
    
    きちんと揃える
    

    View Slide

41. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    情報設計に配慮し
    て、
    
    ユーザーの学習負荷を軽減する
    

    View Slide

42. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    UXライターが日々考えていること
    q メンタルモデi
    q 情報設計
    

    View Slide

43. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    なぜ、やるのか？
    

    View Slide

44. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    なぜ、やるのか
    • 業務アプリケーションの提供価値のひとつ
    は、効率化だかu
    • 成長し続けるプロダクトが生み出しかねない
    歪みはユーザーの使い勝手に影響するから
    

    View Slide

45. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    ユーザーは、
    
    効率良く仕事したいから
    
    私たちの製品を使っている
    

    View Slide

46. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    SmartHR デザイン原則
    https://smarthr.design/products/principles/
    

    View Slide

47. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    人間は急いでいると
    
    メンタルモデルで
    
    近道をする
    https://note.com/aguri/n/n10692f66129a
    https://note.com/aguri/n/n10692f66129a
    

    View Slide

48. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    私たちは、
    
    実用最小限でリリースし、
    
    仮説検証を繰り返しながら
    
    プロダクトを大きくし
    ている
    

    View Slide

49. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    SmartHR デザイン原則
    MVP
    Minimum Viable Product
    

    View Slide

50. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    toB SaaS開発でのUXライティングは、
    
    ユーザーがつねに自然に振る舞えるよう、
    変化し続けるプロダクトとユーザーの接点
    
    を調整し続ける役割を担っている
    

    View Slide

51. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    toB SaaSのUXライターは、
    
    整体師や調律師みたいなものである
    

    View Slide

52. We Are Hiring!
    

    View Slide

53. Confidential - Not to be disclosed or distributed to third parties.
    © 2022 Aguri Otsuka All Rights Reserved.
    https://open.talentio.com/r/1/c/smarthr/pages/45059
    一緒に働きたい！
    
    という方
    
    お待ちし
    ております
    

    View Slide