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

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

Transcript

1. toB SaaS開発における UXライティング 株式会社SmartHR｜UXライター おおつかあぐり あつまるデザナレ 2022.9.11
2. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. @aguringo おおつかあぐり UXライター / SmartHR Inc. About Me
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
4. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. アプリケーション開発以外のお仕事
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
6. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. アプリケーション開発以外のお仕事
7. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 今日お話すること toB SaaSのUXライターは、 整体師や調律師みたいなものである
9. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. SmartHRでできること 01 業務を効率化 02 データを一元管理 03 組織改善を実現
10. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. SmartHRの進化プロセス 人事労務の効率化 人事、従業員間の フロントシステム 人材マネジメント
11. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 開発体制 SmartHR 基本機能 人材マネジメント機能 14チーム以上が常に開発、リリースし ている状態 労務オプション
12. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. https://smarthr.design/products/contents/
13. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. https://smarthr.design/products/contents/
14. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. https://smarthr.design/products/contents/
15. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. よく聞かれること UXライターって なにしてくれるの？
16. © 2022 Aguri Otsuka All Rights Reserved. プロダクトデザイナーからの声 Before After
17. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. このとき、なにがあったのか…
18. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 組 織 図 SmartHR 基本機能 人材マネジメント機能 労務オプション
19. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. SmartHRに登録されている 部署と従業員情報をもとに、 ツリー形式の組織図を作成する機能 とし て2021年1月リリース
20. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved.
21. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. できることが増えると…
22. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 設定も増える
23. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 組織図の設定 > 表示設定画面
24. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 組織図の設定 > 表示設定画面 大盛
25. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 表示設定画面に従業員プロフィールダ イア ログに関する項目とプレビューが増えたの で、デザインや文言を見直したい
26. プレビューを先頭に配置し、 見ながら設定することを示唆 別ページに分割
28. 地 味
29. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. UXライターは、なにをしたのか
30. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. UXライターは、なにをしたか ™ 新しい概念に関するメンタルモデル構築をし ようと試みs ™ 見えない部分での文言のユレを解消しs ™ 情報の粒度を適正にした
31. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. “新しい概念”は、必ず読まれる場所に配置する 「従業員カード」と「従業員プロ フィール」は、ユーザーのメンタル モデル構築が必要な新しい概念 新しい用語は、Descriptionにだけ書 いても読まれないのでユーザーが選 択するラベル名とし て明示 Before After
32. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 従業員カード 従業員プロフィール
33. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. ・ どんな名前にするか 既存の似た用語はないか？ 一般名詞と混同されないか？ ・ どうやってユーザーのメンタルモデルを構築するか できる限り自然な動線上でインプ ットを試みる プロダクトに新しい概念を追加するに考えること
34. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. Descriptionは、 よほどの関心がないと瞬殺される と考えておく 選ぶので 視線も注意も届く
35. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. プロダクト上の概念を定義し、 ユーザーのメンタルモデル構築を助ける
36. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 混同しやすいものは、言葉を意識的に使いわける。 従業員項目にある［氏名］と混同しないように、［従業員名］と言い換え Before After
37. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 同じ画面上にはなくても、共通基盤とし てあるものは、ユーザーのメンタルモデ ルが確立していると考える
38. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 既存のユーザーのメンタルモデル を把握し て、調整する
39. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 情報の格を揃える Before After 情報を整理し て、［表示する従 業員項目］を小見出しに昇格
40. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 同格の画面の見出しの扱いは、 きちんと揃える
41. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 情報設計に配慮し て、 ユーザーの学習負荷を軽減する
42. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. UXライターが日々考えていること q メンタルモデi q 情報設計
43. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. なぜ、やるのか？
44. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. なぜ、やるのか • 業務アプリケーションの提供価値のひとつ は、効率化だかu • 成長し続けるプロダクトが生み出しかねない 歪みはユーザーの使い勝手に影響するから
45. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. ユーザーは、 効率良く仕事したいから 私たちの製品を使っている
46. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. SmartHR デザイン原則 https://smarthr.design/products/principles/
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
48. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. 私たちは、 実用最小限でリリースし、 仮説検証を繰り返しながら プロダクトを大きくし ている
49. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. SmartHR デザイン原則 MVP Minimum Viable Product
50. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. toB SaaS開発でのUXライティングは、 ユーザーがつねに自然に振る舞えるよう、 変化し続けるプロダクトとユーザーの接点 を調整し続ける役割を担っている
51. Confidential - Not to be disclosed or distributed to third parties. © 2022 Aguri Otsuka All Rights Reserved. toB SaaSのUXライターは、 整体師や調律師みたいなものである
52. We Are Hiring!
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 一緒に働きたい！ という方 お待ちし ております