UXセルフチェックテンプレート
PM・UXの専門家がプロダクトレビューで実際に確認している観点をセルフチェック用にまとめた。各項目を自分のサイトに当てはめて確認してほしい。
ナビゲーション
- 現在地がわかるか(アクティブ状態の表示)
- 主要ページに3クリック以内で到達できるか
- モバイルでのメニュー操作は片手でできるか
- 戻る操作が直感的にできるか
- ボトムナビ(モバイル)は5項目以内か
フォーム
- すべての入力欄にラベルが表示されているか(placeholder だけになっていないか)
- エラーメッセージが該当フィールドの近くに表示されるか
- 必須項目が明示されているか
- モバイルで適切なキーボードが表示されるか(email, tel, number)
- 送信後にフィードバック(成功/エラー)があるか
モバイル操作性
- タッチターゲットが44×44px以上あるか
- タッチ対象の間隔が8px以上あるか
- 横スクロールが発生していないか
- テキストが16px以上で読めるか
- フォームでズームが発生しないか
ローディング・フィードバック
- 300ms以上かかる処理にローディング表示があるか
- 空の状態(データなし)に案内メッセージがあるか
- エラー時に復帰手段が提示されるか
- 成功時に確認メッセージが表示されるか
アクセシビリティ
- 色だけで情報を伝えていないか(アイコンやテキストを併用)
- テキストのコントラスト比が4.5:1以上あるか
- キーボードだけで操作できるか
- 画像にalt テキストがあるか
- 見出し階層が正しいか(h1→h2→h3)
コンテンツ
- ページの目的が3秒以内に理解できるか
- CTAが明確で、次に何をすべきかわかるか
- テキストの行長が65〜75文字以内か
- 日付や数値がわかりやすいフォーマットか