Предварительный аудит дизайна. Этап 1

Как сделать аудит дизайна

Дизайн — это не только красивая картинка. Эффективный дизайн сайта повышает конверсию и дает неплохую прибыль.

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

Как сделать аудит дизайна

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

О, счастливчик

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

Хочу сразу предупредить, что в этой статье слово «Говно» встречается с завидной регулярностью, так что уберите от экранов детей.

Первое впечатление

Заходим в гости к Курскому бомжу и что мы видим? Унылая шапка, унылый сайдбар, унылые блоки, унылая подписка, унылые цвета, унылые заголовки, в общем и целом дизайн полное говно. Хочется удалить все возможные браузеры с компьютера и больше никогда не заходить в интернет.

Именно то, что я искал. Но, скорее всего, у вас стоит точно такое же говно, так что сильно не радуйтесь.

Навскидку перечислю основные ошибки, которые заметил при беглом просмотре пациента:

  1. Шапка огромная, а функциональности ноль
  2. Главное горизонтальное меню не видно и оно не располагает к клику
  3. Подписка просто жуть
  4. В сайдбаре хаос и чересчур много ненужных блоков, да еще и в первом экране
  5. Анонсы постов настолько длинные, что при скролле заголовки теряются и весь контент разом превращается в один здоровенный кусок говна

А теперь давайте обсудим это поподробнее.

Поподробнее

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

Допустим, если вы ведете SEO блог, значит, дизайн должен быть заточен под людей, которые стремятся раскрутить свои сайты быстро и дешево. То есть, нужно им показать, что у вас имеются все необходимые материалы по оптимизации и продвижению сайтов.

У Алексея имеется под это дело отличный блок, который называется TOP ARTICLES, но его реализация, как вы уже догадались, полное говно.

Шапка

Как сделать аудит: Шапка

Не вижу смысла в такой огромной уродливой шапке. Для чего она? О чем говорит посетителю, впервые оказавшемуся на этом блоге? Я думаю, стоит сделать что-то более функциональное, но менее громоздкое.

Подписка

Как сделать аудит:  Подписка

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

Сайдбар

Заметил странную тенденцию у русскоязычных блоггеров. Они лепят свою фотографию на главную страницу блога. Зачем? Я этого никак не могу понять. Для этого есть страница «Об авторе» — вот там ей самое место.

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

К счастью, у Алексея не такой запущенный случай, но я знаю достаточно много таких блогов. Более того, я уверен, что вы эти блоги тоже отлично знаете.

Контент

Огромная простыня в виде анонсов не делает твои яйца больше чувак. Так зачем же заставлять посетителей стирать указательный палец в кровь, при попытке добраться до футера блога? Я думаю нужно сделать что-нибудь компактное и эстетически-верное.

В заключении

Анализ дизайна сайта — важный этап в создании эффективного дизайна. Поэтому, не поленитесь выявить сильные и слабые стороны старого, чтобы впоследствии, при разработке нового, не наступить на те же грабли.

Автор: ТОха