Опыт юзабилити карты сайта

Стоило мне вернуться к работе над блогом — сразу стали очевидны пробелы, которые захотелось немедленно исправить. Удивительно, как постепенно и не сразу «открываются глаза», приходит понимание, как должно быть. Например, как должна выглядеть карта сайта или страница ошибки 404 (подробнее здесь). Долгое время кажется, что все в порядке, стандартно, как у всех,  а потом понимаешь, что ничего не в порядке и нужно срочно все менять! В общем, сегодня я расскажу, как срочно переделывала свою карту сайта.

Но эта статья не станет инструкцией, планом действий, которым можно руководствоваться. Я действительно очень много накодировала — выстроила целый отдельный шаблон для этой страницы. Но не стану хвастаться своими успехами. Этот код я сама не назову «блестящим решением», его части были просто скопированы и скомпилированы.

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

Базис юзабилити — целеполагание

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

Схема, стандартный подход:

• Карта сайта нужна и должна быть;
• На этой странице выводится список страниц, постов и архивов;

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

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

Так что, давайте попробуем разбудить остатки своего свободного сознания. Подумайте, как вы (или ваша ЦА, если вы хорошо понимаете ее привычки) пользовались бы картой сайта, что помогло или помешало бы вам. Чтобы увидеть цель, которая ляжет в основу именно нашей карты сайта, нужно спросить себя:

• А моему блогу, вообще, нужна карта сайта? 

Все «гуры» верещат, что она нужна-нужна))) Но, например, молодому блогу, на котором, скажем, 5 рубрик и в каждой по 5 статей — такая страница вовсе не нужна. Заинтересованный читатель прекрасно все сам найдет и прочитает.

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

А вот Блоготею без нормальной карты сайта уже просто никуда — на блоге более 300 статей. Найти нужное — совсем непросто. Даже мне. Не говоря уж о пользователе, который и не знает, сколько всяких полезных штук тут можно найти!

• Что должно быть на этой странице?

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

Еще в карту сайта любят вставлять архивы. Но, например, сортировать записи Блоготея по дате их публикации — совершенно бессмысленно! Неважно, когда была написана статья — в марте или в ноябре.

• Категории и теги — что важнее?

Итак, я решила, что для Блоготея в Карте сайта должны быть представлены только посты. Но как их сортировать? — Чаще всего, это делается по категориям (по рубрикам). Но у меня тут 7 рубрик и в каждой десятки статей. А меток, около 100, и к каждой относится от 1 до 20 статей. Значит удобнее искать именно по тегам!

• Как «оптимизировать» бесконечный список?

Если на вашем блоге более 50 статей — их список в Карте сайта будет удручающе длинным. И даже самый восторженный читатель загрустит, просматривая его. И, продолжая вести свой блог, вы будете только увеличивать километраж этого списка. Печаль…

И тут мне нестерпимо захотелось добавить к названиям постов — их миниатюры! Именно с этой мыслишкой я двинулась на поиски решений. Взгляните на мою нынешнюю карту сайта — ну правда же список с картинками выглядит значительно веселее?!

Я не надеюсь, что кто-то проскроллит такой длинный список до конца. Но, по крайней мере, человек не уснет на первых двух экранах…

• Что еще поможет читателю найти нужное?

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

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

Можно показать ему списки наиболее популярных статей, самых свежих статей, самых комментируемых статей и так далее. Людей интересует «общественное мнение» — популярные, востребованные статьи чаще просматривают. Даже просто из интереса, что же всех так возбудило?

Карта сайта моей мечты

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

1. Блоготею нужна карта сайта;
2. На ней должны выводиться посты, сортированные по тегам (это мне пока не удалось );
3. Должны обязательно выводиться не только заголовки статей, но и их миниатюры;
4. На странице нужно сделать удобный поиск, показать облако тегов (если уж не удалась сортировка!), вывести список популярных статей;

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

Центральная колонка

Повторю, что пока мне не удалось сделать сортировку постов по тегам. Я понимаю, что решение очень близко. И даже знаю, где искать, но там нужно разобираться с функциями php. А мне для этого требуется особое вдохновение — пока не настолько уверенно себя чувствую.

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

Выше списка постов я расположила окно поиска, чтобы читатель мог прямо спросить, что его интересует и сразу получить релевантный ответ.

Нестандартный сайдбар

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

В идеале, нужно было зарегистрировать второй вариант сайдбара и сделать для него отдельный шаблон. Но это было бы слишком круто. Поэтому я впихнула его прямо в шаблон страницы Карта сайта.

Здесь у меня располагается несколько рекламных блоков (ну а вдруг кто-то кликнет?! ), облако тегов и список популярных статей. Вообще, этот сайдбар может быть настолько длинным, что там хоть поэму публикуй. Но нужно быть реалистами: глубина прокрутки на 3-4 экрана — это максимум. Ниже вряд ли кто-то продвинется.

Юзабилити — это мы!

Помните, как король заявлял «государство — это я!». Так вот, юзабилити вашего блога — это, буквально, вы.

Человек не может прыгнуть не только выше собственной головы, но и особенно сильно вбок. То есть, логика, согласно которой мы выстраиваем собственный сайт — это именно наша логика или, по крайней мере, понятная нам. Что-то, что мы способны себе вообразить.

Вот, например, мой список тегов — явственно отражает мое… недоумие))) Нет, правда! Я уже один раз перерабатывала его и переделывала почти 250 статей… Но все-равно он мне не нравится и надо привести его в разумный порядок. Как и деление на рубрики…

В общем, попробуйте посмотреть на собственный блог, как на свое отражение в зеркале — узнаете много интересного!