気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
ユーザの視線に配慮したページ作り：「表」編 (ユーザビリティ実践メモ)
49 users
www.bebit.co.jp
www.bebit.co.jp
www.bebit.co.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
弊社のユーザ行動観察調査では、アイトラッキング（ユーザの視線分析）を利用していますが、ある程度ユ... 弊社のユーザ行動観察調査では、アイトラッキング（ユーザの視線分析）を利用していますが、ある程度ユーザ理解があれば、「認知的ウォークスルー」（ユーザになりきってそのサイトを検証する）という手法でも、視線の流れを意識したサイト評価・設計ができるようになります。 今回はWebページ内の表のつくり方を例に、「視線を意識したサイト設計」のヒントをご紹介しましょう。 このニュース一覧は、ぱっと見はきれいなのですが、実際にはユーザの情報収集を妨げています。その理由がわかるでしょうか？ この例の場合、ユーザはまず文頭を見て自分に必要な情報を探すのに対し、文章が中央ぞろえになっているため、視線を左右に動かす必要があり、情報収集の効率を下げています。 そこで、文頭を左寄せにすることで視線がスムーズに流れ、表が読みやすくなります。 ただし、左寄せが万能なわけではありません。次の例をご覧ください。 いかがでしょう
www.bebit.co.jp
www.bebit.co.jp
www.bebit.co.jp
www.bebit.co.jp
www.sakigake.jp
www.nikkei.com
nazology.kusuguru.co.jp
togetter.com
anond.hatelabo.jp
anond.hatelabo.jp
anond.hatelabo.jp
www.ritocamp.com
dailyportalz.jp
ojamihina.hatenablog.com
www.watch.impress.co.jp
n-gata.hatenadiary.org
lesko.com
www.gaitame.com
2009/03/22 リンク