Юзабилити сайтов: по каким учебникам его изучить

Чем не надо «набивать» сайты и как cтоит построить их элементы, чтобы пользователю не приходилось над ними долго думать, кружить глазами, прокручивать и вообще «рыскать» – сотни аспектов этого описаны в трех изданиях, которые сегодня представляет Evo.business

Люк Вроблевски. Сначала мобильные! – М.: Манн, Иванов и Фербер, 176 с.

Книга Люка Вроблевски «Mobile First» (о чудо, по-русски названная без переименования: «Сначала мобильные!») отличается высоким КПД страничного пространства. При всего 110 страницах – пусть и формата A4 – основного объема книги количество полезных технических указаний по дизайну и юзабилити сайтов здесь таково, что штудировать эту книгу стоило бы с блокнотом или заметочным софт-сервисом в руках, чтобы каждую минуту заносить очередной важный нюанс. Иначе уже через два десятка страниц станет ясно, что столько полезных аспектов человеческой памяти не удержать.

Как нетрудно догадаться по названию, все сайтостроительские советы в книге связаны с мобайл-отображением: во-первых, с тем, что экраны смартфонов многократно менее широкие и высокие, чем экраны настольных компьютеров – да и используются при просмотре сайтов смартфоны чаще в вертикальном положении, чего не скажешь о десктоп-ПК.

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

Вы все еще любите в анкете регистрации на сайте вставлять автоматически выпадающий длиннющий список годов рождения с 1920 до 2010? Подумайте, сколько экранов смартфона придется его прокручивать посетителям сайта – и тогда решите: не лучше ли при всей любви к автоматизации предоставить тут возможность ввода года вручную. Примерно такими разумными наблюдениями до отказа набита каждая страница книги Люка Вроблевски.

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

По сути, книга решает два основных вопроса:

  • как создавать мобайл-версии сайтов – в особенности: чего в них не должно быть;
  • как создавать базовые версии сайтов для настольных компьютеров – и вот тут основная идея автора, вынесенная в заголовок, состоит в том, чтобы не делать массу двойной работы по созданию кардинально различающихся десктопной и мобильной версий, а насколько возможно, изначально создавать идентичную мобайл-сайту версию.

Книга эта особенно актуальна у нас, в Восточной Европе и Азии – где гораздо больше, чем на Западе, распространена до сих пор боязнь пустого пространства и не изжито страстное желание его заполнять миллионом «финтифлюшек» (на сайтах это могут быть не уведенные под кат длинные и многоэтажные полосы меню вверху и внизу, «кладбища баннеров» и кнопок, толпы кликабельных ссылок и плотная мозаика из превью, отовсюду свисающая контекстная и прочая реклама – или, наконец, просто густая орнаментальность и украшательство).

Надеемся, развитие мобайла – вместе с книгой Люка Вроблевски – наконец скажет твердое нет всему перечисленному в предыдущем абзаце

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

Осталось добавить, что книга написана не для специалистов (хотя отдельные указания на cинтаксис тэгов и СSS присутствуют, но крайне редко, скорее, в качестве иллюстрации) и абсолютно доступна любому читателю – как веб-дизайнеру, так и владельцу сайта, какой бы профессии он ни был.

Стив Круг. Как сделать сайт удобным. – СПб.: Питер, 208 с.

Книга Стива Круга «Как сделать сайт удобным» хороша стилистически – автор не просто часто вставляет юмор, он вообще иронически, на грани стеба пишет весь текст.

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

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

Результат пошуку зображень за запитом "стив круг веб-дизайн"

Стив Круг. Веб-дизайн, или «Не заставляйте меня думать!» – СПб.: Символ-Плюс, 224 с.

«Не заставляйте меня думать!» того же Стива Круга, несмотря на крупную надпись «веб-дизайн» на обложке русского перевода, посвящена все-таки сугубо юзабилити.

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

Тем не менее, книга, несмотря на быстрое устаревание, все же во многом хороша, поскольку довольно плотно набита «психологией пользователя сайта» – хорошо сформулированными мельчайшими аспектами динамики внимания обычного веб-серфера и улавливанием источников его раздражения.

Все это мы и сами знаем и испытываем, но обычно не умеем так явно осознать и четко сформулировать – и когда садимся за сайтостроительство или заказываем последнее специалисту, часто игнорируем

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