15 раздражающих читателя особенностей сайта
Ronald Huereca, 30 августа 2007
Статья о наболевшем, избыточной рекламе, всплывающих окнах и мелких шрифтах. Несмотря на то, что многие пункты хорошо известны, а некоторые не очень актуальны для рунета, мой список задач она немного пополнила.
В поисках вдохновения я просматриваю множество сайтов, и хочу поделиться своими наблюдениями о том, какие раздражающие читателя элементы используются наиболее часто. Эта статья является развитием моей предыдущей статьи на эту тему, с учетом множества замечаний читателей.
Реклама появляющаяся при наведении на ссылку
Любая реклама в тексте неприятна, причем не только та, которая постоянно видна, но и та, которая появляется при наведении указателя мышки на ссылки в тексте. Особенно сильно раздражают окошки, которые появляются при случайном наведении мышки на ссылку.
Отсутствие даты публикаций
Rory Sullivan очень хорошо выразился по поводу отсутствия даты публикации у статьи: «Это все равно, что держать руку в кармане на публичном выступлении». В основном, скрывая дату публикации, автор пытается сделать контент менее зависимым от времени, но я считаю, что такой подход не верен — решать устарела статья или нет должны читатели, а не автор.
Всплывающие окна
В эру табов IE7, FireFox и Opera, всплывающие окна становятся все более раздражающими, большинство пользователей предпочитают открывать страницу в новом табе, а не окне. Раздражая читателя новыми окнами, вам едва ли удастся задержать его на сайте.
Не стоит разочаровывать читателя, дайте ему возможность самостоятельно выбирать способ навигации.
Всплывающие при наведении на ссылку превью
Snap Shots позволяет читателям увидеть небольшое превью сайта при наведении на ссылку, эта казалось бы интересная возможность, ни чуть не помогает читателям, скорее наоборот:
- У читателя практически нет выбора, приходится смотреть на эти картинки, и хотя их можно отключить, это не сильно улучшает ситуацию.
- Картинки появляются и при случайном наведении на ссылку.
- В таких превью нет никакой необходимости, если подумать, какая пользователю разница как выглядит сайт на который указывает ссылка.
Неудобно расположенный или отсутствующий поиск
Якоб Нильсен считает, что поиск должен быть простым и заметным, и в этом он прав.
В лучшем случае поиск должен быть виден без прокрутки страницы, и расположен как можно выше. Размещение поиска в непредсказуемых местах может запутать читателя.
Темный фон
Лично я очень благосклонен к темному фону, но он раздражает многих пользователей, некоторые из них абсолютно уверены, что на всех сайтах должен быть белый фон.
Конечно, я в этом вопросе не столь категоричен, но, тем не менее, видел несколько сайтов, на которых темный фон действительно усложняет чтение. Каждый раз, используя при разработке сайта темный фон, я обращаю на читабельность особое внимание.
Примерами сайтов, где темный фон смотрится очень хорошо и не мешает чтению, могут быть ShawnBlanc.net и Larissa’s site.
Мне кажется, автор слишком оптимистичен, на самом деле реверс (он же выворотка, но, имхо, не звучит) значительно ухудшает читабельность длинных текстов, за примером можно обратиться к бренду, обычно выделяющемуся своим вниманием к юзабилити, на страничку с характеристиками MacBook Pro. В то же время, если на сайте преобладают небольшие публикации, по несколько предложений, возможно, темный фон и подойдет, но в таком случае избегайте чисто белого текста, на черном фоне он слепит, как дальний свет.
Музыка, включающаяся при входе на сайт
Я уверен, что для всех пользователей MySpace, использующих музыку на своих страничках, в аду подготовлен особый прием. Ну ладно возможно это слишком жестоко, ведь пользователи MySpace могли и не знать обо всех недостатках музыки на сайте.
Но серьезные владельцы сайтов обязаны знать, что читателям не всегда удобно, если музыка на сайте начинает воспроизводиться автоматически, и речь идет не только о тех, кто пользуется сайтом с рабочего места, но и о пользователях недостаточно разбирающихся в компьютерах, которых может смутить, неожиданно включившаяся, музыка.
Не разделенные комментарии и трекбеки
Трекбеки и пингбеки предназначены, в первую очередь, для блогеров, с их помощью можно легко сказать: «Эй, я говорил о тебе на своем блоге. Посмотри.» Для обычных читателей, трекбеки не являются частью обсуждения, а скорее наоборот прерывают его и часто в самом неподходящем месте.
Мне очень нравятся читатели, которые вступают в дискуссию, высказывают свое мнение и оставляют ссылку, вроде: «Я, написал об этом в своем блоге», по-моему, такие комментарии более значимы, чем трекбеки.
Чтобы разделить трекбеки и комментарии пользователям WordPress нужно немного модифицировать файл comments.php
Аудио реклама
Поздравляем! Вы попали на сайт с аудио рекламой. Вы только что выиграли бесперебойное снабжение Виагрой и презервативами в течении месяца!
Неплохая комбинация. Хуже то, что все коллеги слышали, что вы только что выиграли.
Не нужно смущать читателей, не позволяйте рекламе подавать голос.
Навязчивые предложения подписаться
Вы здесь новичек? Почему бы не подписаться (извините, не смог удержаться) на наш RSS?
Эта фраза могла бы звучать и так: «Эй, парень… подпишись на наш RSS, БЫСТРЕЕ! Если ты не подпишешься, я буду все время пилить тебя. Но даже если ты подпишешься, я не отстану. ХА!»
Спрятанные ссылки подписки
Не меньше раздражают пользователя сайты, на которых трудно найти ссылку на RSS. Я испытал это на себе, попав на блог, на котором не мог найти, как подписаться. Больше я никогда не видел этот блог, потому что читаю блоги с помощью RSS и не люблю заходить на них лишний раз. Если на вашем блоге трудно найти ссылку на RSS, то большинство посетителей никогда не вернутся на него.
Ссылка на RSS точно также как и форма поиска должна быть видна сразу, как только пользователь попадает на сайт.
Отсутствие списка похожих материалов
На каждом сайте должен быть простой способ найти материалы, связанные с только что прочтенной статьей или приобретенным товаром. Посмотрите на рекомендованные продукты Amazon.com, другим примером может быть каталог плагинов для WordPress, где исходя их того, какой плагин вы загрузили, вам рекомендуют другие.
На Devlounge мы составляем список похожих публикаций для каждой статьи, при этом все статьи упорядочены по категориям. А как вы помогаете читателям найти материалы, похожие на тот, который заинтересовал его?
Лично я обязательно использую карту сайта, удобные архивы и заметную форму поиска.
Навязчивая реклама
Каждый раз, заходя на CNET News или Slate, я вижу полный экран рекламы, добраться до контента можно только с помощью кнопки «Закрыть», не намного меньше рекламы на MySpace и RottenTomatoes.
Навязчивая реклама производит очень плохое впечатление на пользователя. Переизбыток рекламы можно было бы несколько сгладить, получая материалы с этих сайтов через RSS, но они не предоставляют полных RSS, поэтому я просто вынужден просматривать горы рекламы, не вижу ничего удивительного в том, что такие сайты теряют популярность.
Читатели должны быть свободными, не нужно принуждать их просматривать рекламу.
Реклама в тексте
Сервисы вроде Vibrant Media или Kontera, вставляющие в текст рекламные ссылки, часто очень похожие на обычные, один из самых простых способов подорвать доверие читателей. Читатель не всегда замечает особенности оформления таких ссылок и думает, что блоггер рекомендует продукт, на страницу которого он попал, хотя на самом деле это может быть далеко не лучшее предложение.
В худшем случае при наведении на ссылку появляются окошки с рекламным объявлением, но это у нас, кажется, было первым пунктом.
Мелкий шрифт
Simonne Matthew опубликовал целый список раздражающих его черт блогов, и мелкий шрифт занял в нем первое место.
Мелкий шрифт ухудшает читабельность страниц, и далеко не все читатели знают о возможности масштабирования шрифтов в браузерах. А тех, кто о ней знает необходимость каждый раз, посещая ваш сайт, настраивать масштаб шрифта едва ли обрадует, к тому же часто при масштабировании страница сильно искажается, так что лучше сразу позаботиться о достаточно крупных шрифтах.
Заключение
В своей статье я коротко описал 15 раздражающих пользователя элементов сайта, думаю, что большинство читателей согласиться со многими ее пунктами. Если, вы можете предложить раздражители, о которых я не упомянул, расскажите о них в комментариях.

















15 раздражающих читателя особенностей сайта » Wake Up! 30 августа, 2007 22:44 #
[...] Design For Masters: Статья о наболевшем, избыточной рекламе, всплывающих окнах и мелких шрифтах. Несмотря на то, что многие пункты хорошо известны, а некоторые не очень актуальны для рунета, мой список задач она немного пополнила. [...]
sokiche 30 августа, 2007 23:22 #
Ну, что ж, как всегда очень интересно и ничего лишнего!
remal 31 августа, 2007 0:32 #
куча субъективности. со многим не согласен.
Денис Талала 31 августа, 2007 0:35 #
:)
Евгений 31 августа, 2007 0:39 #
remal
Было бы замечательно, если бы вы поделились, чем больше мнений тем меньше субъективности.
larin 31 августа, 2007 0:42 #
Под каждым словом не подпишусь, но что меня действительно бесит из описанного выше, так это:
1) мелкий шрифт
2) темный фон
3) обилие графической рекламы
Но, главное меня бесят дизайны, которые создавались только с одной целью, показать, что "дизайнер" умеет сделать "такое".
Евгений 31 августа, 2007 1:02 #
larin
это просто самые распространенные
Насчет спрятанных подписок автор тоже особо не фантазировал, я с такой ерундой сталкивался, ну нет на сайте ссылки на RSS, а в адресной строке FF светиться, и как ее в Google Reader перетащить, через Ctrl+U не очень удобно :)
Local 31 августа, 2007 4:27 #
Хорошая статья. Не сказал бы что бы прям все пункты меня раздражали, но некоторые действительно не лишены истины. Особенно раздражает просто ну горы рекламы на сайтах, снэпшоты и мелкий текст
Vedmak 31 августа, 2007 6:39 #
Apple отличается любовью к юзабилити в своих устройствах, вроде ipod. Но когда дело до ходит до сайтов, то тут они далеко не пример для подражания. Например где на этой странице ссылки? Их там много но все они очень умело замаскированы так, что обычный текс проще заметить!
А на странице MacBook Pro крошечный темно-серый текст конечно будет плохо читаться на черной странице. Это пример их очередного непонимания разницы между вебом и печатью. Плюс они позволяют главенствовать стилю, а не содержимому.
На темном фоне можно делать читаемый текст, надо только приложить больше усилий. Хотя размещать объемный текст, вряд ли стоит на таких страницах.
В самой статье согласен с многими пунктами, кроме пожалуй "Отсутствие списка похожих материалов", "Спрятанные ссылки подписки" "Навязчивые предложения подписаться" (в пределах разумного конечно).
Я просто кидаю заглавную страницу сайта и все, дальше он сам находит.
Евгений 31 августа, 2007 10:16 #
Спасибо, буду знать.
Emm 31 августа, 2007 10:21 #
Да, когда пытаешься что-то создать, набирая опыт, стать частью веб-мира, и с тем же обычным читателем, задумываешься о всех недостатках прошлого и возможно будущего, оставляя по мнению опыта только лучшее..
Хорошая статья. :)
Sam 31 августа, 2007 11:58 #
Статья понравилась. Некоторые из ошибок нашёл у себя...
aleXoid 31 августа, 2007 14:50 #
В последних версиях IE, Opera и FF можно просто кликнуть на иконку в адрусной строке. Google Reader неплохо находит сам ссылки на RSS и Atom...
Евгений 31 августа, 2007 15:06 #
Насчет Google Reader уже говорили, я просто не знал.
В FF (без плагинов) нормальной поддержки RSS нет, в Opere тоже не очень, в IE7 поддержка RSS неплохая, но у него других неудобств хватает, а скопировать ссылку на RSS, кликнув правой кнопкой на значек в адресной строке, ни один из них не позволяет.
aleXoid 31 августа, 2007 16:05 #
FireFox довольно либерален, он позволяет подписаться на ленту, используя самые различные средства просмотра: от установленных в системе feed-readers до kanban.ru и google.com/reader. Вот картинка, котоhe. я только что сделал нажав на иконку RSS в адресной строке (нет никаких специальных плагинов)
http://alexshin.blog.tut.by/wp-content/uploads/alexshin/2007/08/firefox_rss.jpg
Opera - вообще, на мой взгляд, один из удобнейших reader-ов. Читал rss в ней, начиная с 7-ки. В настройке MIME-типов можно довольно просто настроить, чтобы и она предлагала подписку в прочих программах-сервисах. Правда в последнее время стал пользоваться Google-reader...
http://alexshin.blog.tut.by/wp-content/uploads/alexshin/2007/08/opera-rss.jpg
Сорри, что немного в оффтоп. Конечно, делать ссылки на RSS нужно. Однако, думаю, что этот вопрос решат также и производители браузеров, интегрировав поддержку того же Google Reader, как это сделано и сейчас в FF...
Евгений 31 августа, 2007 17:20 #
Спасибо, вы открыли мне глаза :)
Кликаю на ссылку появляется LiveBookmarks, первая месль, какой-то странный у меня FF :), оказывается в настройках точечку переставить нужно.
Sam 31 августа, 2007 17:37 #
Чем вам в Опере читалка не понравилась?
http://funkyimg.com/viewer.php?img=74636opera_rss.png
Огоньков 1 сентября, 2007 9:54 #
интересно, а в этом блоге пункт "Не разделенные комментарии и трекбеки" выполняется?)
Евгений 1 сентября, 2007 10:29 #
Sam
У меня она выглядит не так.
Огоньков
Нет, но скоро будет.
Nikita 3 сентября, 2007 10:30 #
Не согласен, насчёт похожих статей. Ищите по тэгам, категориям, поиск в конце концов есть. Если человеку нужно, то он найдёт статьи похожей тематики. Это всё равно, что внутренняя контектная реклама. А реклама людей раздражает как природный класс!
Насчёт фона страницы, это как сказать. Конечно, нет ничего лучше белой бумаги и чёрных чернил, но фотографии, имхо, лучше всего просматривать на тёмном фоне.
Я бы ещё добавил пару пунктов:
1) Включенная галочка "Получать уведомления о новых комментариях по электронной почте". Как у вас! Выключите её! Раздражает каждый раз кликать туда. Если мне нужно получать уведомления о новых комментариях я поставлю галочку или подпишусь на RSS.
2) Безграмотность и опечатки автора.
Музыка допустима на имиджевых сайтах. Но должна быть сразу видна ссылка на выключение этой музыки. А то бывает, замаскирована светлосерым на тёмносерым. Опять же, кнопка выключения должна быть стандартным значком паузы (II), а не бегающие бары спектранализа.
Проблема в том, что автор написал своё мнение, так как буд-то он кроме как на блогах нигде не бывает. А статья называется "15 раздражающих читателя особенностей сайта", а не "15 раздражающих читателя особенностей блога". Есть такие сайты, которые в силу своей популярности не гнушаются использованием навязчевой рекламы, поскольку им по-барабану, раздражает она пользователя или нет. Пользователь всё равно придёт на этот сайт, он уже привык и знает как найти нужную информацию среди клоаки баннеров и ссылок.
Seleckis.lv :: журнал Никиты Селецкого » » 15 раздражающих читателя особенностей сайта 3 сентября, 2007 10:41 #
[...] раздражающих читателя особенностей сайта В догонку к статье на Design For Masters написал им своё мнение и скопировал его сюда. Жду [...]
Евгений 3 сентября, 2007 12:44 #
Одно дело когда нужно искать, и совершенно другое когда кто-то уже нашел то, что вам, возможно, понадобиться. Не отрицаю, что подборки похожих материалов имеют и рекламные функции.
Когда дизайнер четко представляет, зачем использует темный фон и может объективно оценить читабельность страницы, то можно делать, что угодно, но как показывает опыт (в качестве пользователя этих шедевров), это бывает редко.
Субъективно. Меня раздражает когда блоги или форумы пренебрегают моим комментарием и не сообщают об ответах. Подписываться на RSS лишнее телодвижение, ведь я уже ввел email. Чтобы не раздражать лично вас, сделаю чтобы кнопка отключалась раз и навсегда.
Сорри, плохо у меня с русским :( и нет времени заняться этим (по крайней мере в ближайшее время), возможно удастся привлечь редактора и ситуация поправиться.
Меня не обрадует музыка на любом сайте, иногда выключать ее уже бесполезно, например, если жену разбудил :) или если начальник услышал, если есть желание можно сделать "включатель музыки".
Если им по барабану это еще не значит, что избыток рекламы никого не раздражает, а если раздражает, значит ему в этом списке самое место.
В связи с блоговой истерией сейчас каждая вторая статья нацелена именно на них, не думаю, что это многое меняет, отсеять пункты которые применимы только к блогам от применимых к любым сайтам не проблема.
Nikita 3 сентября, 2007 13:38 #
Система не должна решать за человека. На форумах есть специальная галочка типа "Отправлять новые сообщения в темах в которых вы писали" и для каждой темы есть специальная ссылка на подписку. Телодвижение может и лишнее, но решение совершать его или нет - личное для каждого человека.
Это не относилось конкретно к вам. Очень много блогов безграмотных авторов, а от "кросафчегов" вообще тошнит (хотя это на уценителя любителя).
Вы относитесь к сайтам только как к информационным ресурсам, но не нужно забывать, что имиджевые сайты создаются для произведения впечатления на посетителя, где музыка играет не последнюю роль, создавая настроение всему сайту. Тем более, что на работе на такие сайты не ходят. Не положено )) А если жена спит выключайте/не включайте колонки. Другое дело когда музыкой злоупотребляют или используют не к месту.
В списке место. Но только владельцы этих сайтов его читать не будут. ))
smmurf 3 сентября, 2007 17:21 #
А я действительно несколько раз попадая на интересный блог или сайт читал статьи "по цепочке" благодаря этим ссылкам. Лично меня не раздражает. Несколько (не больше 5) чисто текстовых ссылок для меня никак не напоминают навязчивую рекламу, а как раз помогают узнать много интересного, и, зачастую, полезного. Думаю, что никому от этого не хуже -) Честно говоря, не думал, что это может серьезно раздражать.
Nikita 3 сентября, 2007 19:03 #
В том то и дело, что автор записал отсутствие похожих материалов в раздражающие особенности. Я с ним категорически не согласен. Блок с похожими материалами - это "виджет", но он не обязан присутствовать. Его отсутствие не может раздражать.
Евгений 3 сентября, 2007 20:35 #
Мне не совсем понятно, почему, классифицировав блок с похожими материалами как "виджет", вы сделали вывод, что его отсутствие не может раздражать. Если человек привык пользоваться удобным виджетом то его отсутствие обязательно будет раздражать.
Отсутствие некоторых общепринятых блоков (или виджетов, как вам угодно), вроде "популярных статей" и "похожих материалов", если не раздражающий, то очень неприятный факт.
Кстати, в статье ничего не сказано о "популярных статьях", которые можно выбирать как исходя из популярности, так и исходя из предпочтений автора, этот блок обязятельно должен быть на каждом блоге и на требующих того сайтах. Он ценен в первую очередь для тех, кто попадает на сайт впервые, тем, что позволяет быстро ознакомиться с лучшими произведениями автора. Собирая материалы для статьи
Обзор №1, Август 2007, я хорошо ощутил разницу между блогами где он был и теми где о нем позабыли.
Nikita 3 сентября, 2007 21:46 #
"Общепринятый" блок? Эка вы махнули ))
Остановимся на том, что желание не может быть крайностью.
Евгений 3 сентября, 2007 21:59 #
Ну перегнул маленько, бывает :)
Nikita 4 сентября, 2007 14:52 #
Добавлю ещё один неприятный пункт: ожидание модерации комментария. Тем самым автор даёт понять, что он не доверяет посетителям своего сайта. Если он боится спама - пускай использует спам фильтры, они в последнее время очень эффективны. Допустима модерация только если это очень серьёзный проект и просматривают его очень серьёзные люди, поэтому чтобы не подорвать репутацию сайта, модератор просматривает каждый новый комментарий. Это как очень дорогой ресторан - секьюрити проводит фейс-контроль и решает кого пускать, а кого нет. А в обычных блогах это раздражает.
Евгений 4 сентября, 2007 15:11 #
Спасибо, за ценное замечание.
Этот недостаток я сильно недооценил (оно и понятно, моим комментариям ждать модерации не нужно), предварительная модерация будет отключена, после небольшой настройки фильтров.
Delchyve 10 сентября, 2007 9:24 #
Абсолютно не согласен. Если все сделано умело, то фон не отвлекает. А люди, которых что-нибудь да раздражает всегда найдутся.
А вот здесь не согласен. А как же пословица "Доверяй, но проверяй"?
Скорее автор не доверяет спам-фильтрам (и от части правильно делает). Я ни сколько не комплексую, если мой коммент находится на премодерации. В любом случае автор прочтет его (а комменты по большей части пишутся именно для автора).
NokkaZanie 28 сентября, 2007 20:56 #
"Мне нравится серо-буро-малиновый цвет с зелеными лошадками, вокруг которых, у меня прыгают ежики! Я делаю это в своих сайтах!"
Млин, вы делаете то что вам нравится, а должны делать то, что нравится людям (или тому большинству на которых вы ориентируетесь).
С наилучшими пожеланиями.
Олег 8 марта, 2008 21:33 #
Статья интересная. Спасибо.
Диалог между Никитой и Евгением , не менее интересен.
Надеюсь Вы не против то что поставил ссылку на Вашу статью?
http://www.bogari.lv/webdesign/ru.php
Моё субъективное мнение:
Чесно говоря меня последнее время стали раздражать ( резиновые сайты width="100%")
Возможно что монитор 22'
При диоганали 17' это не так бросается в глаза.
Но если монитор больше, не дай бог около 30' - то просмотр ( резиновых ) сайтов просто ужас. Нужно всё время уменьшать окно.
А на некоторых из них вся графика просто разъежаются до безобразия.
Евгений 10 марта, 2008 21:57 #
Олег
Было бы удивительно елси бы я был против ссылки :)
Резиновые сайты на болших мониторах действительно создают неудобства, главным образом потому, что разработчик не позаботился указать
max-width.Не думаю, что на 30' мониторе удобно разворачивать окно на всю, что бы в нем ни было.