視線誘導

視線誘導とは、ユーザーの視線の流れを意図的にコントロールするために使われる手法の１つ。

視線誘導の種類

同じ種類の情報が均等に配置されている場合、視線は左上から右下に移っていく

重要な要素を斜めのラインに入れておくかがポイント

https://gyazo.com/9fe6ddf9eb92a36a08bd02bef2fd2857

視線が左上→右上→左下→右下の順に動くパターン

情報の強度が均一であるときに効果が表れる

https://gyazo.com/f952f66080cc0f40f8189661b4f87f49

https://gyazo.com/cbf9cb999121f816cf39d03dc6d9f728

視線が左下→右上→左下→右下の順に動くパターン

https://gyazo.com/3e478e71fef2716cf650c5f41b996148

https://gyazo.com/457c55a646460f886e24d7db013e48c5

視線が右上→右下→左上→左下の順に動くパターン

縦組みのデザインや漫画などの場合が多い

https://gyazo.com/840915091fabc0e6cde4c136ca83b225

大から小へ

大きいものから小さいものに視線が動く

https://gyazo.com/9b442de86865a639669acf55a2291064

同形、同色へ

均一に情報が配置されたとき、人は無意識に同形、同色を探し出し視線を移動させる

https://gyazo.com/da6f07b79a63c86b9151c1de50e8805c

数の順序

数字の順番に読んでしまう

https://gyazo.com/a3c0bf8a584c83b82574283337c518c1