Новая статья: юзабилити главной страницы сайта

Написал статью о том, какие задачи нужно учитывать при проектировании главной страницы сайта.


Часть 1: Главная

Что такое хорошая главная страница сайта?

Для незарегистрированных новых пользователей задачи главной страницы любого сайта такие:

  1. Представить сайт. Вопросы: о чем это? зачем мне это?
  2. Представить систему навигации. Вопросы: насколько сайт большой? что здесь есть?
  3. Расположить к себе. Вопросы: я здесь кому-то нужен? мне здесь комфортно? здесь есть что-то интересное?

Пример первый: Medicon Media.

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

1. Представить сайт

Что нам сайт рассказывает о себе с первого взгляда? Во-первых, всегда в ходе загрузки первое, что мы замечаем — это значение элемента title. Здесь это: «Medicon Media – Din partner innen design og utvikling på nett!». Судя по всему, «название — краткое описание». Отлично.

Дальше большим шрифтом написано: «Vi er Medicon Media. To entusiastiske personer med en stor interesse og lyst til å tenke utkreative ideer for din bedrift». Поскольку больше на странице ничего нет, если данное описание написано хорошо, мы, в сумме со значением элемента title, можем понять, что за сайт перед нами за менее чем 10 секунд после загрузки страницы. Отличный результат.

2. Представить систему навигации

Все, что есть на главной странице сайта — это крупный текст-описание и горизонтальное навигационное меню из четырех пунктов вверху страницы. Первый из них выделен и не является ссылкой — это явно текущая, главная страница. НЕ ПОНЯТЬ структуру сайта в таких условиях — просто невозможно. После 10 секунд, потраченных на первое впечатление от страницы начнется процесс навигации — уже уверенный, пользователь будет понимать, что делает, осознавать структур сайта, а не просто кликать по заинтересовавшим его ссылкам.

3. Расположить к себе

Проведем небольшой эксперимент. ОТКЛЮЧИМ CSS-стили данной страницы. Вот что у нас получится:

В чем принципиальная разница между таким представлением ТОЙ ЖЕ информации и оригинальным представлением? Естественно, кроме «просто красивее»? Оригинальное представление не пытается нам что-то навязать, но одновременно ЗАБОТИТСЯ он нас: старается выделить ключевые слова в тексте, отделить меню от текста, а текст от подписи внизу (видите эти горизонтальные линии?), старается нам понравиться (самолетик), обеспечить комфорт (достаточные отступы между блоками, комфортный размер шрифта, длина строк).

Большинство пользователей (не таких специалистов, как мы с вами :) ) просто не обращает внимания на такие детали. Но их подсознание — обращает. Пользователь может не заметить горизонтальных линий-разделителей — его подсознание заметит, читать будет комфортнее. Тот же самолетик не специалист не воспримет сознательно, как знак дружелюбности и скрытого смысла (направленность на последний раздел меню) — тем не менее, он значит именно это и РАБОТАЕТ.

Следует заметить что страница не делает НИЧЕГО, чтобы заинтересовать пользователя. Информация выдается интересно и удобно, и кого она заинтересует САМА ПО СЕБЕ — будет абсолютно доволен.  Однако, пользователь, попавший на страницу не целенаправленно может сразу уйти с нее.

Если такая ситуация компанию-создателя устраивает — все нормально (а такое вполне может быть). Если нет — это можно воспринимать как ошибку.

Четвертая задача

Очевидно, что большинство главных страниц в интернете сильно отличаются от рассмотренной выше, в худшую сторону, если учитывать только три данные задачи для новых пользователей. Здесь нужно учитывать еще один фактор — главные страницы многих сайтов посещают не только новые, но и постоянные, часто уже зарегистрированные здесь пользователи. И вот им пояснять суть сайта не нужно — они в курсе, представлять систему навигации — тоже, они ее уже изучили. Им в первую очередь нужна НОВАЯ информацию или конкретный функционал, ради которых они и заходят на сайт снова и снова.

К сайтам, главная задача которых не предоставление конкретной информации, а актуальность и функциональность — подход нужен немного другой. Задачи для новых пользователей — остаются, но реализовывать их нужно уже с оглядкой на постоянных пользователей.

Пример второй: Яндекс

  1. Представить сайт. Можно заметить, что нигде на странице не поясняется, куда пользователь, собственно, попал.
  2. Представить систему навигации. Яндекс — это фактически набор сервисов, доступных под единой системой авторизации и часто интегрированных друг в друга. Список всех их можно увидеть на специальной странице. Собственно, такая страница и была бы идеальной главной/стартовой с точки зрения представления системы навигации. Сейчас огромное число пользователей Яндекса не знает и о половине его возможностей — именно за счет того, что главная НЕ ТАКАЯ.

В условиях стандартного корпоративного сайта такое, казалось бы ужасное, исполнение пунктов 1 и 2 — было бы недопустимо. Однако, это Яндекс. Им ежедневно пользуются миллионы. Допустим, мы решим изменить title главной страницы с простого «Яндекс» на «Яндекс: найдётся всё». Позитивный эффект налицо: портальность, глобальность и главную функциональность (поиск) мы представляем с помощью собственного лозунга Яндекса.

Для нового пользователя это было бы преимущество. А для миллионов постоянных пользователей это «найдётся всё» будет лишним отвлекающим элементом:

3+4. Расположить к себе + учесть интересы постоянных пользователей.

Вот ради третьего и четвертого пункта Яндекс и решил отказаться от удовлетворения первых двух — и можно сказать, что это вполне оправданное решение. Действительно, все блоки и ссылки на странице размещены с замыслом заинтересовать пользователя, предложить ему самую интересную, популярную и свежую информацию (точнее, ссылки на таковую). Именно такую страницу с большей охотой сделают своей стартовой, именно на такую будут заходить просто осмотреться, без видимой причины.

dirty.ru и самозамкнутость

Еще одной причиной, по которой могут игнорироваться первые две задачи главной страницы, есть создание атмосферы «ориентации сайта на себя». В случае Яндекса этого, конечно, нет, но вот в случае, допустим, dirty.ru, на котором не только не пишется прямо, куда попал пользователь, не только система навигации сложна и непривычна, но даже и просто ИЗ КОНТЕКСТА нельзя понять, что это за место. Так вот, здесь пояснять происходящее единственной ссылкой в самом низу «Что это все?» — вполне допустимый прием.

Подытожим все выше написанное еще раз перечислив все задачи главной страницы:

  1. Представить сайт (для новичков).
  2. Представить систему навигации (для новичков).
  3. Расположить к себе (для новичков, постоянных пользователей).
  4. Учесть интересы постоянных/зарегистрированных пользователей (для постоянных пользователей).

Часть 2: Доступность


Хабрахабр: The End

Рейтинговое агентство имени IgrOK’а присваивает сайту habrahabr.ru рейтинг D-: «не рекомендуется использовать для любых целей». Причины:

  • Размывание тематики потока записей вследствие потери контроля над ростом аудитории;
  • Понижение IQ, социального и профессионального статуса среднего представителя аудитории до уровня «студент, 21 год, имеет какое-то отношение к IT»;
  • Проявившаяся в очередной раз сегодня полная неадекватность (непредсказуемость, нерациональность) администрации в способах администрирования сообщества.

Если 31 мая прошлого года я констатировал начало смерти Хабрахабра, как профессионального сообщества, то сейчас могу констатировать смерть как вообще интересного тематического проекта. Это не мешает им быть финансово успешными (я про это ничего не говорю, мне даже не интересно, успешны они или нет) и популярными, но как тематический проект они уже провалились.


Насущная SEO-проблема

У меня есть проблема с этим блогом в Яндексе: там никак не хочет индексироваться более 10 страниц.

Интересно, это не может быть связано с тем, что адреса в коде страниц блога иногда имеют вид «http://www.perfectomania.com/./articles/»? Я применил такой хак, чтобы WordPress нормально воспринимал задуманную мной структуру сайта. На пользователях это никак не сказывается, на Google вроде бы тоже…

Поэтому вопросов будет сразу два: такие структуры в коде могут чему-то повредить? И чем, если не этим, может быть вызвана плохая (но все же какая-то) индексация Яндексом?

Выиграй
LBook eReader V3 на конкурсе книжных рецензий LiveLib!


Ориентация на дурака, Google и Яндекс

Google и Яндекс меня просто достали — сколько я не снимаю галочки «предпочитать сайты из Украины», они все равно мне выдают совершенно дурацкую, не нужную мне, украинскую выдачу.

Особенно это смешно, когда я ищу информацию НА АНГЛИЙСКОМ или информацию на русском, но международную, типа хостинга или онлайн-библиотеки.

Зачем они это делают? Ответ один, чтобы Вася Петрович, вводящий запрос «кондиционеры» получал ссылки на этот популярный товар только из своего Зажопинска. Вася совершенно не понимает этого интернета и не в состоянии набрать «кондиционеры Зажопинск».

И это прекрасно. Я не питаю иллюзий, что Вася сможет понять принцип действия поисковой системы, как его не подталкивай к этому.

Но, допустим, Васе нужно узнать, какие праздники попадают на 10 сентября. А то вот что-то ему напоминали… или это 11 сентября? В общем, он ищет «праздники», «международные праздники» — в таком духе. И замечательный сайт calend.ru Вася не увидит — тот будет где-то в третьем десятке поисковой выдачи. А первыми результатами будут не качественные, узкоспециализированные украинские сайты, где Вася того что ему нужно не найдет.

А еще создатели Google считают, что раз Youtube недоступен на украинском языке, то украинским пользователям он и не нужен — кто тут знает английский, в этой забытой богами Украине?

(Я такое меню не по своей воле вижу — пользуюсь английским интерфейсом. Но Google меня уже десятый раз перекидывает на такое! Достали!)

В общем, что я предлагаю. Ограничить гео-таргетинг простой и понятной фишкой, типа

Надеюсь такой интерфейс даже Вася поймет.

Главное чтобы по умолчанию такой жесткой привязки к стране как сейчас не было. А то получается сервис, сделанный для дурака, которым только дурак сможет пользоваться без раздражения.