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

言葉をデザインするUXライティング / 10 Rules of Effective UX Writing

ダーシノ
March 28, 2019

言葉をデザインするUXライティング / 10 Rules of Effective UX Writing

UXライティングの基礎と、効果的なUXライティングをするための10のルール
フロントエンド交流会@さくらインターネット

ダーシノ

March 28, 2019
Tweet

More Decks by ダーシノ

Other Decks in Design

Transcript

  1. 言葉をデザインする
    UXライティング
    フロントエンド交流会 ‑ 2019/03/28
    ダーシノ(@bc_rikko)

    View Slide

  2. 自己紹介
    ダーシノ(@bc_rikko)
    さくらインターネット
    フロントエンドエンジニア
    NES.css
    ファミコン風CSSフレームワーク
    世界ランク 4位
    ※GitHub css‑framework topicでのスター数

    View Slide

  3. テキストを書くとき何を考えていますか?
    俺たちは雰囲気でテキストを書いている
    そのせいで機会損失していませんか?
    ?!
    UXライティングしましょう!

    View Slide

  4. UXライティングとは
    ユーザーを導くテキストを書くこと
    ユーザー体験を良くし、ユーザーが目的を達成するために手助け
    し、ビジネスに貢献することを目的として、ラベル、ボタン、イ
    ンフォメーション、エラーメッセージなどのテキストを書くこと

    View Slide

  5. なぜUXライティングが重要なのか?
    「言葉」はすべての製品に存在する
    「単語、ワードはすべての製品に存在する」ということで
    す。(略)実はワードだらけなんです。
    https://logmi.jp/tech/articles/309281

    View Slide

  6. さくらのクラウド 2.7万文字
    さくらのクラウドはホーム画面、コントロールパネルあわせて日
    本語だけで約2.7万文字が存在する。

    View Slide

  7. なぜUXライティングが重要なのか?
    「言葉」はUXや成功に大きな影響を及ぼす
    copy of your app can have an immense
    impact on the overall feel and success of
    your product.
    https://medium.com/enjoyhq/the‑3‑
    elements‑of‑great‑ux‑writing‑7639e7ad22f4

    View Slide

  8. UXライティングに必要な要素
    1.簡潔で平易であること
    2.ユーザーの目的を達成させること
    3.ユーザーに動機づけを行うこと

    View Slide

  9. 効果的なUXライティングのルール

    View Slide

  10. 1.文章は簡潔に
    ユーザーはテキストを読まない。
    意味を失わず、できる限り少ない文字で効率よく伝える。
    BAD
    コメントを書くためにはログインしなければなりません
    GOOD
    ログインしてコメントしてください

    View Slide

  11. 2.すべてのことを一度に表示させない
    長文を使わず、必要な情報を段階的に開示していく。
    ユーザーが「次やること」に集中できるようにする。
    (段階的開示のことをProgressive disclosureという)
    BAD
    用紙のサイズと余白を選択して印刷してください
    GOOD
    1.用紙のサイズを選択してください
    2.余白を設定してください
    3.印刷ボタンを押してください

    View Slide

  12. 3.二重否定はやめる
    二重否定は認知負荷を増加させる。
    BAD
    削除したくないリソースは選択しないでください
    GOOD
    削除したいリソースを選択してください

    View Slide

  13. 4.目的格からはじめる
    アクションを示しているなら目的格→動作の順にする。
    BAD
    アイテムをクリックしてこのプロパティを確認してください
    GOOD
    アイテムのプロパティを確認するには、クリックしてくださ

    View Slide

  14. 5.一貫性をもたせる
    一貫性のなさはユーザーを混乱させる。
    BAD
    ログアウト、ログオフ、サインアウト
    GOOD
    ログアウトに統一

    View Slide

  15. 6.専門用語や固有名詞は避ける
    明快さとシンプルさが重要。
    専門用語や固有名詞、一般的でない用語、造語はユーザーを混乱
    させる。
    BAD
    システムエラー:E1234 ログインできませんでした
    GOOD
    ユーザー名またはパスワードが間違っています

    View Slide

  16. 7.具体的な動詞をつかう
    普遍的な動詞よりも具体的な動詞をつかう。
    ひと目で何が起こるか想像できるような動詞をつかう。
    BAD
    ノートを登録する
    GOOD
    ノートを下書き保存する
    ノートを投稿する
    ノートを公開する

    View Slide

  17. 8.行動できるように説明する
    次何をすれば良いかわかるように、正確に、かつ行動できるよう
    な具体的なメッセージにする。
    BAD
    リソースの作成に失敗しました
    GOOD
    リソース名が重複しているため、変更してください

    View Slide

  18. 9.ポジティブな言葉をつかう
    「できないこと」ではなく「できること」をユーザーに伝える。
    BAD
    リッチテキストファイルはアップロードできません
    GOOD
    WordやPDFファイルをアップロードできます

    View Slide

  19. 10.動機づけを行う
    機能駆動コピーではなく、利点駆動コピーを書く。
    BAD
    ニュースレターを申し込む
    GOOD
    月曜の朝、忙しいUXデザイナーのために厳選された記事を
    受け取るにはニュースレターを購読してください

    View Slide

  20. まとめ
    「言葉」は簡潔で平易なほど良い
    「言葉」はユーザーを導く
    「言葉」はビジネスに貢献する

    View Slide

  21. 参考サイト
    16 Rules of Effective UX Writing
    http://babich.biz/ux‑writing/
    シリコンバレーが注目する「UXライター」とは何か?
    https://logmi.jp/tech/articles/309281
    18 Best Tips to Improve UX Writing
    https://uxplanet.org/18‑best‑tips‑to‑
    improve‑ux‑writing‑aa4995a4aa80
    The 3 Elements of Great UX Writing
    https://medium.com/enjoyhq/the‑3‑
    elements‑of‑great‑ux‑writing‑7639e7ad22f4

    View Slide