カテゴリー
レイアウト/配置系
30

ペンは紙の近くに置く

ツール類は処理対象の近くに配置する。その場でモードレスに操作し、逐次結果を確認できるようにする。

01
Bad

操作対象とツールが離れていて視線移動が多い

編集中のテキスト:
選択されたテキストブロック
↑ ツールバーまで視線移動
Good

操作対象の近くにツールがあり即座に操作可能

テキストエディタ
編集中のテキスト:
選択されたテキストブロック
すぐ上にツールがある!
02
Bad

操作対象から完全に離れ、視線移動が大きい

書式設定
ドキュメント
編集対象のテキストがここにある
ツールバーまで視線移動が大きい
Good

選択したテキストのすぐ近くにフォーマットツールが表示

ドキュメント
編集対象のテキストがここにある
選択位置のすぐ上にツールが出現
03
Bad

右クリックしても遠くにメニューが表示される

+右クリック位置
← メニューが遠い
Good

クリックした場所にメニューが表示される

+
クリック位置にメニューが表示
No.30ペンは紙の近くに置く
30

ペンは紙の近くに置く

ツール類は処理対象の近くに配置する。その場でモードレスに操作し、逐次結果を確認できるようにする。

01
Bad

操作対象とツールが離れていて視線移動が多い

編集中のテキスト:
選択されたテキストブロック
↑ ツールバーまで視線移動
Good

操作対象の近くにツールがあり即座に操作可能

テキストエディタ
編集中のテキスト:
選択されたテキストブロック
すぐ上にツールがある!
02
Bad

操作対象から完全に離れ、視線移動が大きい

書式設定
ドキュメント
編集対象のテキストがここにある
ツールバーまで視線移動が大きい
Good

選択したテキストのすぐ近くにフォーマットツールが表示

ドキュメント
編集対象のテキストがここにある
選択位置のすぐ上にツールが出現
03
Bad

右クリックしても遠くにメニューが表示される

+右クリック位置
← メニューが遠い
Good

クリックした場所にメニューが表示される

+
クリック位置にメニューが表示