迷わせない

利用者の言葉で分ける。組織図で分けない。カードソーティングで実際に並べてもらう。情報設計

カードソーティングで利用者の言葉に並べ替える

情報設計で手順を見る

7つを超えたら親を作る。ただし階層を深くするより、ページを分けるほうが探しやすい。情報設計

<nav>
  <a href="/">ホーム</a>
  <details><summary>サービス</summary>...</details>
</nav>

h1で名乗る。ページを開いて最初に読む1行が、そのページの答えになっているか確かめる。視覚階層

<h1>料金の目安</h1>

主語を利用者にする。名詞止めをやめて動詞で書く。UXライティング

NG: お問い合わせフォーム OK: ご質問を送る

読者が日常で使う語なら使う。使わない語なら、初出で言い換えを添える。UXライティング

<p>インボイス（適格請求書）とは…</p>

5人に触ってもらう。意見ではなく、詰まった場所を見る。検証

5人に触ってもらい、詰まった場所を記録する

検証で手順を見る

年齢や属性ではなく、何を片づけたくて来たのかで書く。利用者を捉える

<p>初めてWebサイトを作る事業者の方へ</p>

ユーザビリティは使いやすさの程度、UXは体験の総体。前者は後者の一部。UXとUIとユーザビリティ

UXとUIとユーザビリティで手順を見る

構造を合意するならワイヤー、見た目を合意するならモックアップ。忠実度は3軸で別々に上げる。設計の道具

構造合意=ワイヤー、見た目合意=モックアップ

設計の道具で手順を見る

順に読ませたいなら1枚、目当てを探させるなら分ける。情報設計

順に読ませる=1枚、探させる=分ける

情報設計で手順を見る