16 little UI design rules that make a big impact - Adham Dannaway
- 関連する要素をグループ化するためにスペースを使用する: 関連する要素をグループ化すると、インターフェースがより整理され、理解しやすくなります。
- 一貫性を保つ: 似ている要素は似たように機能するべきです。これにより、使いやすさが向上し、エラーが減少します。
- 似ている見た目の要素は似たように機能することを保証する: 見た目が似ている要素は、同様の機能を持つべきです。
- 明確な視覚階層を作成する: 重要な情報は目立つようにし、情報のスキャンを容易にします。
- 不必要なスタイルを削除する: インターフェースをシンプルに保ち、注意を散らす要素を減らします。
- 目的を持って色を使用する: 色は慎重に、意味を伝えるために使用します。
- インターフェース要素は3:1のコントラスト比を確保する: 視覚障害のあるユーザーも詳細をはっきりと見ることができるようにします。
- テキストは4.5:1のコントラスト比を確保する: テキストははっきりと読めるようにする必要があります。
- 指標として色のみに頼らない: 色覚異常のあるユーザーも情報を理解できるように、色以外の方法も使用して要素を区別します。
- 単一のサンセリフ体を使用する: 読みやすさとシンプルさを保つために、サンセリフ体のフォントを使用します。
- 小文字が高いタイプフェースを使用する: 小文字の高さが大きいフォントは、小さいサイズでも読みやすいです。
- 大文字の使用を限定する: 大文字は読みにくいので、必要な場合以外は使用を避けます。
- 通常と太字のフォントの重みのみを使用する: デザインをシンプルに保ち、フォントの重みを一貫性のあるものにします。
- 純粋な黒のテキストを避ける: 純粋な黒は高コントラストであり、目に負担をかけることがあります。
- テキストを左揃えにする: 英語は左から右に読むため、テキストは左揃えにするのが最適です。
- 本文テキストには最低でも1.5行の行間を使用する: 行間があることでテキストが読みやすくなります。
これらのルールは、UIデザインを論理的に、効率的に改善するためのガイドラインとして機能します。デザインは芸術的な直感だけでなく、これらのような論理的なルールに基づいて行われることが多いです。