関連するフォームパーツは隣り合う位置に配置する

UIデザイン

概要

この基準では、関連するフォームパーツが隣り合う位置に配置されていることを確認してください。 関連するフォームパーツがまとまった位置に配置されることで、拡大鏡を利用するユーザーや視野が狭いユーザーが情報を見落とすリスクを軽減できます。 ここでいう関連するフォームパーツとは、[削除]や[追加]などの、あるコンテンツを操作するための一連のフォームパーツを指します。

メリット

  1. 関連するフォームパーツが隣り合う位置に配置されていることで、ズーム機能を利用するユーザーや視野が狭いユーザーが情報を見落とすリスクを軽減できます。

達成方法

  1. まとまりのある配置:
    • 関連するフォームパーツは隣り合う位置に配置します。
    • 例えば、[複製]や[編集]などの関連するフォームパーツは、ページの両端などに配置せず、隣り合う位置に配置します。
削除や複製などの関連するフォームパーツが隣り合う位置に配置されているイメージ
Do
関連するフォームパーツが隣り合う位置に配置されている。
削除や複製などの関連するフォームパーツが散らばった位置に配置されているイメージ
Don't
関連するフォームパーツが画面上に散らばって配置されている。

テスト方法

  1. 目視での確認:
    • 関連するフォームパーツが隣り合う位置に配置されているか確認します。

参考