コンテンツにスキップ
Webアプリの画面設計ガイド
検索
Ctrl
K
キャンセル
テーマの選択
ダーク
ライト
自動
第1部:このガイドについて
はじめに
よくある問題
第2部:設計の考え方
画面とは何か
画面名は「何を見ているか」で名付ける
登録はその場で行う
編集はその場で行う
確認画面は最低限にする
モードレスを優先する
状態と操作を分離する
ステップではなく不足条件で示す
例外と関係
第3部:ケーススタディ
編集→編集確認パターン
入力→確認→申請パターン
ステップフォーム(順序固定)パターン
複製→新規登録パターン
下書き保存パターン
検索画面パターン
ステータス統合パターン
申込時パスワード登録パターン
第4部:改善の進め方
ありがちな状態
どこから始めるか
改善パターン
改善を提案する
付録
早見表
コラム: RESTとルート設計
コラム: 実装パターン集
コラム: テストの観点
コラム: シンプルにできない領域
コラム: 説得テンプレート
用語集
テーマの選択
ダーク
ライト
自動
Webアプリの画面設計ガイド
はじめに
へ移動します。