デザイン確認リスト

ただいま更新中！

「デザインをする」、「デザインを確認する」には視点移動のスキルが求められます。視点移動とは、いろいろな切り口でそのデザインを見るという意味です。

それは表面的に見えているものだけを、ただ見るという意味ではありません。外見からは見えない隠れた関係性を読み解き、要素を構造化していくプロセスを踏まなくては、問題の抽出は不完全なものになります。だから、デザイン案をいろいろな角度、距離から見るという視点移動のスキルは重要です。

ここでは「どういう切り口でデザインを見ればよいか」の実例を挙げて、チェックリストを公開しています。

全体

• ・伝えるべきことが適切にユーザーに伝わるか？
• ・要素の強弱の関係性は適切か？
• ・全体的な色づかいは適切か？

• ・統一すべきところは統一しているか？

コンテンツ

■要素

• ・要素漏れはないか？
• ・誤字脱字はないか？

■優先度・関係性

• ・内容がユーザーにわかりやすく伝わるか？
• ・優先度は適切か？
• ・ベタの使い方は適切か？
• ・広告が見易さを邪魔していないか？

■その他

• ・ボリュームが多いページは分けることができないか？

ナビゲーション、リンク

• ・ボタンはリンクと識別できるか？
• ・ボタンの大きさは適切か？
• ・リンクのラベリングは、ユーザーから見てわかりやすいか？
• ・「こちらをクリック」など内容の想像できない名称だけになっていないか？
• ・ボタン内の文字の可読性は満たされているか？

文字

■優先度・関係性

• ・強さや大きさの強弱は適切か？
• ・他要素との関係性は適切か？

■可読性・視認性

• ・ツメ、カーニングはちゃんとしたか？
• ・文字間や行間は適切か？
• ・文字サイズは小さすぎないか？
• ・タイトルや段落と文章の間などは、適当な間隔をとっているか？
• ・横幅が長くなりすぎて、読みづらくないか？

■色味

• ・文字と背景とのコントラストは取れているか？
• ・イメージとあっているか？
• ・他要素との関係は適切か？

• ・赤や青の使い方は適切か？（青はリンク、赤は注意書き、強調が一般的）

■制約

• ・半角英数は？
• ・機種依存文字を使っていないか？

画像

■画像補正

• ・色味がおかしくないか？
• ・シャープ不足やシャープ過多ではないか？
• ・画像が粗くないか？
• ・ゴミがついていないか？
• ・イメージが斜めになっていないか？？

■優先度・関係性

• ・大きさは適切か？
• ・スケールが違くないか？
• ・トリミングを変えれば、さらに良くならないか？