装飾用の画像は、互い違いになったリストのレイアウトで使われていると、ページを流し読みするユーザーがつまずく原因になることが、アイトラッキング調査でわかった。一方、テキストや画像が縦に整列しているページでは、ユーザーは効率的に流し読みをしていた。 Zigzag Image–Text Layouts Make Scanning Less Efficient by Kim Flaherty on November 26, 2017 日本語版2018年6月27日公開 画像は、大きな写真であれサムネイルであれ、現在のWebデザインには欠かせないものだ。特に、トップページや「こういう仕組みです」(How it works)ページのようなストーリーを伝えるページで、企業が複雑なトピックについて書いたり、製品の説明をするときには、関連する画像を付けた説明的なテキストのかたまりがあり、次の列も同じようなテキ
![画像とテキストのジグザグ型レイアウトは、流し読みの効率を下げる](https://cdn-ak-scissors.b.st-hatena.com/image/square/7e1558227efb3e7112a524cb42e67fde0fa79672/height=288;version=1;width=512/https%3A%2F%2Fu-site.jp%2Fwp-content%2Fuploads%2F2018%2F06%2Fhellofresh-heatmap-comparisons-marked.jpg)