Понедельник, 2 Октября 2023
Оценить материал
Скопируйте код для вставки в свой блог:
<div>
<a href="http://www.runyweb.com">Русский Нью-Йорк</a> онлайн - <a href="http://runyweb.com/" target="_blank">новости</a> <a href="http://runyweb.com/" target="_blank">США</a> по-русски<br />
<pre><a href="http://www.runyweb.com"><img alt="" height="64" src="http://www.runyweb.com/img/blogLogo.gif" style="border: medium none ;" width="90" /></a>
</pre></div>
<h3 style="margin: 15px 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0);">
<a href="http://www.runyweb.com/articles/life/gadgets/golden-triangle-of-google---more-of-a-visual-site-optimization.html">Золотой треугольник Google — подробнее о визуальной оптимизации сайта</a></h3>
<div>
<a href="http://www.runyweb.com/articles/life/gadgets/golden-triangle-of-google---more-of-a-visual-site-optimization.html"><img alt="" height="292" src="http://www.runyweb.com/image/articles/9019/454-292-Eyetools_Google.jpg" style="border: 1px solid rgb(209, 210, 212); padding: 2px;" width="454" /></a></div>
<p>
<a href="http://www.runyweb.com/articles/life/gadgets/golden-triangle-of-google---more-of-a-visual-site-optimization.html" style="margin: 10px 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); text-decoration: none;">Компания Eyetools провела занятное исследование читаемости материала в зависимости от его расположения на экране, взяв в качестве объекта исследования страничку результатов поиска сервера Google.com и составив карту движения глаз добровольцев <br />
<strong>Читать полностью > > ></strong></a></p>
Еще читать в этом разделе
Золотой треугольник Google — подробнее о визуальной оптимизации сайта
24 Января, 2012, Михаил Покровский
Компания Eyetools провела занятное исследование читаемости материала в зависимости от его расположения на экране, взяв в качестве объекта исследования страничку результатов поиска сервера Google.com и составив карту движения глаз добровольцев. Фото с сайта eyetools.com
Компания Eyetools провела занятное исследование читаемости материала в зависимости от его расположения на экране, взяв в качестве объекта исследования страничку результатов поиска сервера Google.com и составив карту движения глаз добровольцев — получился т.н. золотой треугольник Google, которой поможет вам правильно разместить самые важные ссылки или статьи у себя на сайте.
Вот наиболее полезные результаты практического исследования, в котором принимали участие 50 среднестатистических добровольцев: принцип F действительно работает, но на страничке Google он больше похож на треугольник с небольшим «спутником» в правой колонке. При этом:
- Результаты поиска на позиции с первой по третью (расположены в верхней половине экрана) замечают 100%, причем читается вся строчка до конца!
- Результаты на четвертой и пятой позиции (середина экрана) читает большинство людей: 85% и 65% соответственно.
- А результаты, расположенные на шестой и седьмой позициях (самый низ экрана), читают лишь 50% , причем читается лишь самое начало строки — буквально первые три-четыре слова.
- Все, что находится «за изгибом», т.е. требует прокрутки вниз, читается крайне плохо — всего 20%-30%.

Фото с сайта eyetools.com
Вывод? Важные или требующие повышенной внимательности читателя материалы следует ставить в верхний левый угол страницы. А если уж пришлось втиснуть что-нибудь в самый низ, то этот материал следует снабжать максимально коротким и емким заголовком — чтобы пользователь, стремительно теряющий интерес, успел его прочитать и заинтересоваться.

Фото с сайта eyetools.com
Кстати, и правая колонка может сослужить определенную службу. Согласно исследованию, материалы в правой колонке более менее хорошо читаются (30%-50%) только если они расположены посередине страницы — ни слишком высоко, ни слишком низко.
Источник: Plasticmike.com
Просмотров: 8311
Скопируйте код для вставки в свой блог:
<div>
<a href="http://www.runyweb.com">Русский Нью-Йорк</a> онлайн - <a href="http://runyweb.com/" target="_blank">новости</a> <a href="http://runyweb.com/" target="_blank">США</a> по-русски<br />
<pre><a href="http://www.runyweb.com"><img alt="" height="64" src="http://www.runyweb.com/img/blogLogo.gif" style="border: medium none ;" width="90" /></a>
</pre></div>
<h3 style="margin: 15px 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 1em; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0);">
<a href="http://www.runyweb.com/articles/life/gadgets/golden-triangle-of-google---more-of-a-visual-site-optimization.html">Золотой треугольник Google — подробнее о визуальной оптимизации сайта</a></h3>
<div>
<a href="http://www.runyweb.com/articles/life/gadgets/golden-triangle-of-google---more-of-a-visual-site-optimization.html"><img alt="" height="292" src="http://www.runyweb.com/image/articles/9019/454-292-Eyetools_Google.jpg" style="border: 1px solid rgb(209, 210, 212); padding: 2px;" width="454" /></a></div>
<p>
<a href="http://www.runyweb.com/articles/life/gadgets/golden-triangle-of-google---more-of-a-visual-site-optimization.html" style="margin: 10px 0pt; font-family: Arial,Helvetica,sans-serif; font-style: normal; font-variant: normal; font-weight: normal; font-size: 0.9em; line-height: normal; font-size-adjust: none; font-stretch: normal; color: rgb(0, 0, 0); text-decoration: none;">Компания Eyetools провела занятное исследование читаемости материала в зависимости от его расположения на экране, взяв в качестве объекта исследования страничку результатов поиска сервера Google.com и составив карту движения глаз добровольцев <br />
<strong>Читать полностью > > ></strong></a></p>
Оценить материал
Добавить комментарий
0 комментариев