22.09.2008 → Статьи (web), Юзабилити

Часть 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: Доступность



Комментарии (19) RSS

  1. Юзабилити главной страницы сайта — Перфектомания | 22.09.2008 at 21:04

    [...] статью о том, какие задачи нужно учитывать при [...]


  2. Станіслав | 22.09.2008 at 22:39

    Досить якісна стаття, поздоровляю.


  3. Денис Судилковский | 23.09.2008 at 4:20

    Что касается “морды” яндекса — никогда не понимал сути того дизайна. Все (имхо) слишком запутано, а как только начинаешь привыкать и наконец вникать в суть — самизнаетекто организовывает редизайн =/

    i ♥ google


  4. Роман Настенко | 23.09.2008 at 4:36

    Денис Судилковский, суть — в том, чтобы средний пользователь портала заходил на главную и “ого, сколько всего интересного!”. И при этом вместить все в один экран :)


  5. Сергей | 23.09.2008 at 6:41

    70 или более процентов людей приходят на корпоративные сайты с поисковых систем. Попасть они могут на любую страницу сайта. Поэтому “главной страницей” сегодня является каждая страница сайта.

    А вообще главная страница любого корпоративного сайта — это Google.com.


  6. Сергей | 23.09.2008 at 6:43

    Поправка: из моего комментария выше нужно убрать слова “корпоративный”. Я имел в виду любые сайты.


  7. Роман Настенко | 23.09.2008 at 6:51

    Сергей, во-первых, 70% с поисковых систем — показатель далеко не всех сайтов. Во-вторых, часть из этих переходов идет опять таки на главную. И в третьих, часто путь пользователя на сайте бывает такой: “внутрення статья — главная — навигация дальше”. Изучение сайта в таком случае тоже начинается, фактически, с главной, а не с первой посещенной страницы.

    Да, в четвертых, есть более-менее постоянные пользователи, у которых страница в закладках :) А еще есть рекламные компании в оффлайне. И визитки, и …

    В общем, вы недооцениваете значение главной :)


  8. SL | 23.09.2008 at 7:31

    Сейчас огромное число пользователей Яндекса не знает и о половине его возможностей — именно за счет того, что главная НЕ ТАКАЯ.

    На чем основано это утверждение?


  9. Сергей | 23.09.2008 at 7:43

    Роман, я не оспариваю значение главной страницы сайта.

    Просто хочу обратить внимание читателей Вашего блога на то, что гавной страницей (или стартовой страницей) может оказаться любая. Зачастую потратив уйму времени на главную страницу сайта разработчики остальные страницы “лепят” пракически по одному шаблону, не задумываясь о том, что эти страницы также могут быть стартовыми.

    Что касается постоянных читателей, то здесь все тоже не так однозначно. На многие сайты я не заходил месяцами, читаю через RSS. На многих веб-сервисах у меня закладка ведет на мой dashboard или на определенную рубрику или таг, а не на главную.


  10. Сергей Макаров | 23.09.2008 at 9:04

    Это пиар Яндекса! =)))))


  11. Михаил | 23.09.2008 at 9:58

    Всё конечно замечательно, но в качестве “хорошего” примера приведен очень простой сайт с примитивной структурой.

    Вот для того же Яндекса – попробуйте создать главную, удовлетворяющую вашим постулатам. Интересно, получится или нет?


  12. Алексей Новиков | 23.09.2008 at 12:06

    Дело в том, что для “Яндекса” представить свои сервисы и строку поиска — это и есть “представить сайт”.


  13. Mighty Mouse | 23.09.2008 at 12:59

    Так вроде полезненько, но оба примера выдержаны всё же в лучших традициях самизнаетекого: чем проще, тем удобнее.
    Но есть ведь и исключения!


  14. Илья | 23.09.2008 at 14:36

    Спасибо … но разве яндексом и гуглом интернет в срезе “главных страниц” заканчивается?


  15. SunDrop | 23.09.2008 at 21:22

    Рома, приветствую.

    Хотел добавить, что если еще учитывать интересы маркетинга, куда входит SEO + продажи + обмен трафиком + … то главная страница может превратиться в набор фекалий (в лучшем случае), что ты и наблюдаешь на известных нам с тобой проектах.

    И вот не поверишь, но иногда, задачей главной страницы является именно самопревращение в калоприемник и калоотдатчик (примеры ты тоже знаешь светить не буду). И это гордо именуется бизнес!…

    Вот когда речь идет о продвижении бренда – совсем другое дело! )))


  16. Golovin | 24.09.2008 at 13:30

    Согласен с SunDrop, однако существубт проекты, которым надо, как говорится, “и рыбку съесть, и…”
    Поэтому возникает странный гибрид из симпатичной шапки и заговненного низа, уходящего в бесконечность.


  17. Purel! | 24.09.2008 at 13:56

    SunDrop +1

    Еще хотел показать сайт один… но ссылку потерял куда-то.
    Там очень интересно сделана управляемость сайта, без единого клика мыши! так затягивает, просто по бродить по нему!!! Шикарно сделали. Еще ссылку поищу, если найду обязательно кину!


  18. Сергей | 24.09.2008 at 14:00

    @Purel!

    Наверное, вы имеете в виду http://www.dontclick.it/


  19. Что почитать вебмастеру | rotorweb.ru | Проблемы и решения в Web-дизайне | 29.09.2008 at 9:56

    [...] На все случаи жизни — 28 незаменимых шпаргалок для веб-дизайнеров. Отличная статья про юзабилити главной страницы. [...]




Комментировать