Якоб Нильсен :: Прокрутка и внимание

[GoshaTobolsky]

в общем и целом: убедился в своем мнении о «первом экране» страницы. теперь это более научно, чем просто мои собственные представления об удобстве. спасибо за перевод.

[newa]

да, эта статья для меня также поставила все на свои места научно, нежели чутье задним нервом )
пожалуйста.

[Zhikharev]

Не надо забывать простую вещь: пользователи смотрят туда, где им что-то показывают. И первый экран все смотрят не потому, что он первый, а потому все думают, что пользователи смотрят первый экран и пихают туда все самое главное.

С другой стороны, глупо оставлять первый экран пустым или публиковать на нем неважную информацию. Люди действительно ожидают все увидеть и понять в самом начале. Чтобы не тратить время впустую. И разработчики должны помогать им это делать. Не путайте причину: первый экран важен не потому, что на него все смотрят, а потому что там должна быть самая важная информация. Ключ в логике вещей, а не в статистика просмотров.



§ 130. Пять цитат из Ромы Воронежского

[GoshaTobolsky]

Ключ в удобстве и историческом развитии работы браузеров. Статистика лишь подтверждает, что основной массе это удобно и привычно, как и мне.

[Zhikharev]

В каком историческом развитии? О чем речь? Сначала все смотрели только на второй экран или что? Или вы думаете, что раньше экран был меньше и ситуация как-то отличалось от сегодняшней?

Статистика подтверждает, то что логика построена верно. А не предпочтения основной массы. Уверен, что статистика покажет, например, что большая часть самоубийц методом падения с большой высоты выбирает возвышения не менее 30 метров. Что это подтверждает? Что всем нравится убиваться с высоты не менее 30 метров что ли??? Или что так удобнее? Нет. Просто все стараются действовать наверняка. Это логика.

[GoshaTobolsky]

если бы исторически браузеры показывали вам сразу середину страницы а не верхушку, то середину страницы вы бы называли «первым экраном» и туда бы пихали все самое важное :)

[sergof]

Вы это специально?

[Softovick]

Про последний элемент очень интересное замечание. Можно обыгрывать внимание читателя, эффектно использую небольшую страницу, информацию в начальном и конечном элементах…

[newa]

На последний элемент приходится не так уж много фиксаций, т.е. на странице с небольшим списком чего-либо этот эффект, я думаю, будет практически незаметен.

[Softovick]

А если не список, а, допустим, постерами или диаграммой?

[newa]

Для каждого случая нужно тестировать все, но я бы сказал, что эффект имеет место при сравнительно длинных списках и страницах. Что будет на самом деле при использовании постеров или диаграммы (вот тут я не совсем понял как это может буть реализовано) мне было бы интересно и самому узнать.

[medvedew]

То, сколько готов прокрутить пользователь зависит от того, как подал информацию дизайнер, вот например тут: img.artlebedev.ru/studio/vacancy/i/info-designer2/result/33790759950037004515.jpg я пожалел, что это всего лишь картнка и некоторые ссылки не нажимаются.

[newa]

здесь с вами абсолютно вогласен, я бы тоже потыкал ссылочки

[Anton_Shevtsov]

>>верстка выполнена таким образом, что пользователь сам захочет прокручивать страницу;

www.sss72.ru.nyud.net/ — Иного не остается :)

[pxx]

Там нет прокрутки.

Fatal error: This file has expired. in /home/sss72ru/public_html/_mods/shop/frontends/orders.inc.php on line 0

[newa]

хабраэффект какой-то. с утра я эту страницу открывал.

[Kapatskiy]

Fatal error: This file has expired. in /home/sss72ru/public_html/_mods/shop/frontends/orders.inc.php on line 0? :)

[Kapatskiy]

блин, отвлекся на пару часиков от чтения — опередили :)

[Anton_Shevtsov]

хм… А у меня вроде ок

[Kapatskiy]

Да, работает теперь. Понял юмор :)

[sphere]

Сверху страницы обычно много информации (управляющие элементы разной степени сложности восприятия, меняющиеся части, типа баннеров и т.д.), поэтому времени на изучение и адаптацию (привыкание к логике и структуре сайта) там тратится больше. Упрощение этой части даст пользователю больше времени на страницу в целом.
Также угасание внимания по ходу движения вниз возможно из-за потери ориентации в центре страницы и, если бы у пользователя были четкие маркеры текущего положения (крупные заголовки в статьях / поэкранное деление контента в каталогах и т.д.), ему было бы проще дробить и изучать информацию, соответственно, он уделял бы этому больше времени.
Сейчас подумалось, что идеальный пример — Хабр :)

[newa]

баннеры, которые приносят доход — в самом верху, а о том, что дальше нужно крутить до конца любой юзер хабра знает )

[kmmbvnr]

ха-ха, только щас заметил, что до самого конца хабрастраницы я практически никогда не доматываю.

Вот только теперь с удивлением познакомился с содержимым нижнего меню хабра.

[newa]

видите, все не просто так. но, честно говоря, я и сам часто забываю что у хабра существует нижнее меню.

[p1uton]

Это был тот редкий случай, когда принципы юзабилити быстро изменились

Может просто изначально они были неправильные?

[dohlik]

The following languages have already been sold:

* German
* Japanese

Судя по всему нет :)

[almozavr]

Черным по белому — это цвета пиратского флага :)
А вообще это актуальная заметка, спасибо.

[newa]

А вы сами как думаете?

[basilisk]

Ну эта информация находится не на «первом экране». Отсюда закономерный результат: автор топика этого не увидел :)

[kartoha]

спасибо. в закладки.

[newa]

очень рад

[ssneg]

Для переводов есть специальный тип хабра-записи.

[newa]

с вледующий раз буду пользоваться

[pustoemesto]

Да, золотая середина, первый экран — все от природы. Человек предсказуемое животное.

Спасибо за перевод, читал с удовольствием.

[newa]

рад, что вам понравилось

[basilisk]

«Такое нежелание прокручивать страницы было достаточно закономерным в то время, поскольку чаще всего компьютеры у пользователей были медленными.»
Вообще-то я бы в качестве ключевой причины выделил бы появление колёсика/качельки для прокрутки на мышке (1996 год, Microsoft IntelliMouse)

[newa]

Полностью согласен, я пока переводил об этом думал.

[CONSTantius]

Никогда не понимал, как в подобных исследованиях отслеживается «куда смотрит пользователь». Ладно по вертикали еще можно отследить положение полосы прокрутки, а по горизонтали? Или отслеживается движение курсора? Разъясните пожалуйста

[nikolaypavlov]

Перед пользовательем камера стоит и смотрит на его зрачки.

[nikolaypavlov]

Оказывается этот девайс можно и самому изготовить: www.youtube.com/watch?v=4cbCuxNfbDA

[monstek]

Если честно, мне эти исследования напоминают изучения влияния размера холодильника на количество тараканов :) А Якоб — это такой скандалист, который вечно ругает тренды. Был флеш очень популярен, флеш ругал, теперь вот прокрутки ругает. Жирик такой от вебдизайна.

99% пользователей на Хабре пользуются прокруткой и их это совсем не парит. Во общем, это псевдонаучная хрень :)

[poonlee]

Раньше просто не было мышек с колёсиком

[alexeyenko]

Я перевел бы «carrousel» как прокрутку, либо привел бы пример (http://sorgalla.com/projects/jcarousel/examples/static_simple.html). Мне кажется, некоторым читателям такая буквальность может оказаться непонятной. Впрочем, могу ошибаться:)

В остальном — спасибо за перевод, он хорош, как и тема оригинала заметки!

[jMas]

Мне было интересно. Сказал банальность, но не жалею.

Все написано правильно. Пользователь подсознательно старается найти выводы под длинной статьей. Глупо их не делать.