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

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

aguri otsuka
September 11, 2022

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

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

aguri otsuka

September 11, 2022
Tweet

More Decks by aguri otsuka

Other Decks in Design

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