Новостные сайты растут в размерах: какой должна быть длина странички?

Тенденция последних лет: новостные сайты становятся все «длиннее»: веб-страница вытягивается вниз, и пользователю приходится долго скролить, чтобы добраться до конца страницы. А какой должна быть длина «титулки»? И есть ли вообще какие-то ограничения?

В пособиях верстальщикам сайтов очень часто указывается, какой должна быть ширина сайта: мол, чуть меньше, чем самое популярное разрешение монитора, а еще лучше и вовсе подстроиться под большинство дисплеев. Чаще всего советуют делать сайт, чтобы он вписывался в 1.024 пикселя по ширине. Еще нужно отнять 24 пикселя на правый ползунок прокрутки – останется 1.000 пикселей; а для пущего удобства лучше и вовсе оставить 960 пикселей: это число хорошо делится на числа, кратные 6 и 8, — удобнее размещать блоки.

Но что же все-таки с размерами сайта по высоте? Насколько длинной должна быть страничка? По этому поводу единого мнения нет – дизайнеры верстают кто во что горазд. Негласное правило «Главная страница сайта должна умещаться на одном-двух экранах монитора» известный дизайнер Артем Горбунов комментирует так: «Прокрутка ничего не стоит пользователю — по сравнению с кликами по ссылкам она приятна и необременительна. Но чтобы пользователь начал крутить, он либо должен понимать, чего ему ждать внизу, либо быть жутко заинтригован. Например, если главная страница имеет линейную структуру, читатель сразу понимает правила игры. Эта страница может быть сколь угодно длинной. Так устроена «Лента.ру» (схема 1). Если сайт содержит много разнородной информации, есть смысл держать размеры главной страницы под контролем. У посетителя останется ощущение лёгкого, но разнообразного фуршета. Так выглядит сайт «Афиши» (схема 2). Рассчитывать на то, что читатель непременно докрутит вниз, не стоит (схема 3)».

Чем «длиннее» сайт, тем дольше пользователю приходится скролить страницу, тем объемнее для него картина дня и тем быстрее он может устать и бросить сайт на середине. Особенно это касается новостных сайтов. Если новости оформлены кратко, в одну строку, то тогда и вся страница будет компактной; если же заголовки растянуты, а каждая новость идет в паре с крупной картинкой, то сайт может вытянуться в длину на десятки экранов. Как с этим обстоят дела у крупных новостных сайтов Беларуси и соседних стран? Проверять будем русскоязычные версии сайтов на мониторе с разрешением 1.440х900 пикселей в браузере Firefox.

С 1 июня этого года у портала TUT.by обновилась главная страница: теперь для  ее прокручивания нужно 10 раз нажать клавишу Page Down. Длина всей страницы при этом составила 8.253 пикселя. Мы отследили изменения размеров страницы портала за последние 2,5 года – с осени 2012-го, когда длина «титулки» была еще 2.863 пикселя. Раз за разом (октябрь 2012, июнь 2013, ноябрь 2014, апрель 2015) страница вытягивалась в длину и увеличилась за это время в 2,88 раза. При этом ни по белорусским, ни по «соседским» меркам страница TUT.by не является рекордсменом по длине. Сайт «близких новостей» Blizko.by «размахнулся» на 9.757 пикселей, давно уже не обновляемый сайт Ale.by «застыл» на отметке 9.843 пикселя, а «Наша Нiва»– 12.532 пикселя. С другой стороны, Naviny.by – это всего 3.056 пикселей, агрегатор 21.by — 4.347, «Белорусский партизан» – 4.629, «Народная воля» – 4.893, CityDog.by – 5.221, Onliner.by – 6.593, Хартыя’97 – 6.773.

Главные страницы порталов Yandex.by и Mail.ru целиком умещаются в один экран, но новостные сайты News.Yandex.by и News.Mail.ru имеют длину в 3.402 и 3.096 пикселей соответственно. Популярные российские новостные сайты в целом демонстрируют скорее повышенную, нежели среднюю, длину титульных страниц: LifeNews – 4.679, «Газета.Ru» – 5.918, Lenta.Ru – 9.354, «Ведомости» – 10.354, NewsRu.com – 10.401.

Украинские сайты (их русскоязычные версии), наоборот, скорее короткие, нежели длинные: Корреспондент.net – 3.951, Українські Новини (Ukranews.com) – 4.529, Сегодня.Ua – 5.005, Bigmir.net – 5.804, УНIАН – 7.821 пиксель.

Но дальше всех шагнули прибалтийские редакции новостного портала Delfi. Так, у литовского ru.Delfi.lt – 13.128 пикселей, у эстонского rus.Delfi.ee – 21.670 пикселей, а у латвийского rus.Delfi.lv – аж 26.011 пикселей! Нам потребовалось нажать кнопку Page Down целых 34 раза, чтобы промотать страницу от начала до конца.

Вот «рост» двадцати пяти сайтов в пикселях:

Naviny.by – 3.056

News.Mail.ru — 3.096

News.Yandex.ru — 3.402

Корреспондент.net – 3.951

21.by — 4.347

Ukranews.com — 4.529

LifeNews.ru – 4.679

Народная воля — 4.893

Сегодня.Ua – 5.005

CityDog.by – 5.221

Bigmir.net – 5.804

Газета.Ru — 5.918

Onliner.by – 6.593

Хартыя’97 – 6.773

УНIАН.net – 7.821

TUT.by — 8.253

Lenta.Ru – 9.354

Blizko.by — 9.757

Ale.by — 9.843

Ведомости.ru — 10.354

NewsRu.com – 10.401

Наша Нiва — 12.532

ru.Delfi.lt – 13.128

rus.Delfi.ee – 21.670

rus.Delfi.lv – 26.011

Кликните, чтобы открылось в полном размере

Дизайнерская студия Dasket поясняет тенденцию к увеличению длины страницы сайтов: «Нельзя не заметить, что большинство новых сайтов, как правило, имеют длину страницы большую, чем стандартное окно браузера, и требуют прокрутки вниз страницы. Основная причина этого — растущая популярность мобильных устройств, и адаптация под них становится обычным требованием для сайта. Для пользователя проще пролистать страницу вниз, чем постоянно нажимать на какие-то кнопки для поиска нужной информации».

Иными словами: мир движется в сторону потребления интернет-контента с мобильных устройств, на которых удобнее просто скролить вниз, чем прицеливаться в отдельные ссылки, чтобы увидеть больше новостей.

http://mediakritika.by/

Leave a comment

медиа-новости

все медиа-новости


Warning: simplexml_load_string(): Entity: line 2: parser error : AttValue: " or ' expected in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): <html lang=en> in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): ^ in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): Entity: line 2: parser error : attributes construct error in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): <html lang=en> in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): ^ in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): Entity: line 2: parser error : Couldn't find end of Start Tag html line 2 in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): <html lang=en> in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): ^ in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): Entity: line 2: parser error : Extra content at the end of the document in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): <html lang=en> in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553

Warning: simplexml_load_string(): ^ in /var/www/html/ipc.org.ua/wp-content/plugins/youtube-channel-gallery/youtube-channel-gallery.php on line 553
Message from server: Not Found. Check in YouTube if the id investigatorchannel belongs to a user. To locate the id of your user check the FAQ of the plugin.