Книги. Юзабилити. Примеры

Вышла новая глава «Энциклопедии поискового продвижения«, посвященная конверсии сайтов. Я, большой поклонник юзабилити, не смог пройти мимо.

И не зря, книга получилась объемной, с массой реальных примеров из рунета. Занятно, что в этом чтиве фигурируют популярные сайты, к примеру, сайт «Евросети».

Давайте пройдемся по страницам издания, выделим самое интересное. 

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

Структура

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

0_c378_9635841b_L Книги. Юзабилити. Примеры

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

За примером далеко ходить не надо. Всем украинским дилерам автомобилей Volkswagen выдают типичные сайты, и вот такая фигня была на каждом в течении двух лет. Только пару месяцев назад поправили. Наводишь на «Автомобили», выпадает список моделей, и при попытке наведения на любую из них список пропадает. А кто знает, если бы не это, я, возможно, и купил бы Фольксваген.

volkswagen_bug Книги. Юзабилити. Примеры

Из прочих советов рекомендуется работа над такими деталями, как 404 страница, лаконичные формы регистрации/оформления заказа и «хлебные крошки». Последнее можно часто встретить на форумах, но рекомендуется использовать на любом сайте.

hlebnie_kroshki1 Книги. Юзабилити. Примеры

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

krivoi_site Книги. Юзабилити. Примеры

Дизайн

Не знаю, то ли глюк меню завязан в верстке, то ли так на самом было запланировано, но «Евросеть» отличилась:

Evroset_gluk-500x166 Книги. Юзабилити. Примеры

Счас проверил со всех браузеров, баг исправили. Но это поучительно — и у гигантов бывают проблемы.

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

texte Книги. Юзабилити. Примеры

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

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

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

diz2 Книги. Юзабилити. Примеры

Несмотря на то, что вы уже выпили две таблетки Анальгина, вам невыносимо хочется еще.

Контент

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

content1 Книги. Юзабилити. Примеры

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

Вот такие впечатления. На мой взгляд, это лучшая книга о SEO. Качайте.

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

КОММЕНТАРИИ

23.11.12 Ответить
Cro:

Не буду читать книгу, поберегу нервы. Вот это примерчики ))

23.11.12 Ответить
Алексей:

Пойдет книженция, а в бумажном виде нет?

23.11.12 Ответить
Boss:

Да уж, сайтики действительно «вырвиглазные»…

24.11.12 Ответить
Aleks-Gold:

Встречают по одежки!

25.11.12 Ответить
Wildo:

@Алексей: не-а.

25.11.12 Ответить
Maler:

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

25.11.12 Ответить
Валерик:

Фотографии в качестве фона — нафиг. А удачные примеры сайтов в книге имеются?

25.11.12 Ответить
Wildo:

@Валерик: да, там есть и как надо и как не надо.

25.11.12 Ответить
Валерик:

Зайду, посмотрю, скачаю

26.11.12 Ответить
Джон:

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

26.11.12 Ответить
Wildo:

@Джон: ашмановская не столько плохая, сколько устаревшая.

26.11.12 Ответить
daemon:

Спасибо, качаю.

26.11.12 Ответить
Wildo:

@Михаил: есть такой грешок, ага. Но я, как sparrow, внимание не обращаю просто.

26.11.12 Ответить
Михаил:

Да уж, с саморекламой ребята перегнули.
Где покупать ссылки? Конечно в ROOKEE
Как отслеживать SMM? Конечно в BABKEE
Где продвигать сайты? Конечно в Ingate )))

26.11.12 Ответить
sparrow:

@Михаил: ты не прав, там реально много полезного. А просто так нахаляву тебе никто писать книги не будет. Надо подходить с умом просто и не обращать внимание на лишнее

27.11.12 Ответить
Valeria:

Очень познавательная статья получилась.

28.11.12 Ответить
fred:

статья понравилась.