タグ

uiとWebに関するherakuresのブックマーク (2)

  • ウェブページを読む人の視線はどう動くのか、ウェブデザインやコンテンツ作成に役立つ調査結果が公開中

    ウェブページを見ている人の目線の動きをトラッキングした2006年の調査で「インターネットで公開されている記事の文章を端から端まできっちり読む人は極めてまれ」ということが示されました。それから10年以上が経過し、インターネットは大きく変化しましたが、人のウェブページの見方は変化したのか?ということで、新たな調査結果が公開されています。過去にはあまり見られなかったウェブサイトのレイアウトや目線パターンの存在が明かされており、インターネット上で物を書いたり公開したりする人に非常に役立つ内容となっています。 How People Read Online: New and Old Findings https://www.nngroup.com/articles/how-people-read-online/ 2006年、ウェブサイトのユーザービリティについて調査を行うニールセン・ノーマン・グループ

    ウェブページを読む人の視線はどう動くのか、ウェブデザインやコンテンツ作成に役立つ調査結果が公開中
  • 色に頼らないビジュアル表現を考える | mkasumi.com

    実はこのテキストの中には、どこかがリンクになっています。どこのテキストにリンクが指定されているかビジュアルだけでわかりますか? 少し意地悪な問題ですが、題ではないので早速答えを述べます。実は、「このテキスト」という部分にリンクが指定されています(リンクには「#」が設定されているので、クリックするとこのページのトップに移動します)。 皆さんはどの段階で「このテキスト」という部分が少し青色であることに気づけましたか?もしかしたら、普段色を使うお仕事をされている方(デザイナーなど)はすぐに違和感に気づけたかもしれませんが、全てのテキストを読んでから青色になっている部分を探して見つけた方もいらっしゃるのではないでしょうか。 このように、文が黒文字でリンク色に暗めの青を使った場合はリンクだと気づけないことがあリます。 では、どのようなスタイルにすれば良かったのか考えると以下のようなパターンが挙げ

    色に頼らないビジュアル表現を考える | mkasumi.com
  • 1