目的とターゲットが決まっていない画面は、あとから何色に塗っても決まらない。形より前に、伝えたい中身と順序を固める。
成果物:コンセプトシート/伝える順序の一覧
載せる情報を並べ替え、どこで何を見せるかを決める。ここで決めた構造が、そのまま見出しと導線になる。
成果物:情報構造/ワイヤーフレーム
斜めも赤も、構造が決まってから乗せる装いにすぎない。先に装いを決めると、中身のほうを装いに合わせて削ることになる。
成果物:HTML/CSS/操作の実装
キーボードだけで全部を操作し、コントラストを実際に計算する。通らなければ、様式のほうを直す。
成果物:コントラスト実測値/キーボード操作の確認