Сьюзан Уэйншенк - 100 новых главных принципов дизайна. Как удержать внимание

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

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

Споры о том, является ли полоса прокрутки «хорошим» или полезным элементом интерфейса, велись долгое время. Что делать, если требуется представить большое количество информации? Следует ли выкладывать все на одной странице, заставляя пользователей прибегать к прокрутке? Или лучше распределить сведения на несколько страниц?

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

Примечание. Термин «сгиб» появился как аналогия с газетным листом. Если газету сложить пополам, часть текста окажется над сгибом, а часть – под сгибом. Аналогичная ситуация наблюдается онлайн, просто словосочетание «над сгибом» относится к тому, что люди видят, не пользуясь прокруткой.

Компания Chartbeat проанализировала данные о 2 миллиардах посещений сайтов, и оказалось, что 66 % времени посещения люди находятся «под сгибом». Другими словами, прокруткой люди пользуются.

Компания ClickTale проанализировала 100 000 посещений сайтов и указала в отчете, что прокруткой посетители пользовались на 76 % страниц, а 22 % страниц просматривались до конца.

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

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

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

• Несмотря на то что посетители сайта будут пользоваться прокруткой, старайтесь располагать самую важную информацию «над сгибом».

• Чтобы побудить посетителей к использованию прокрутки, все время предоставляйте им интересную и полезную информацию.

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

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

Брайан Реймер (Reimer, 2015) решил выяснить, не проще ли в использовании новые, работающие через облачные сервисы системы распознавания речи для смартфонов (особенно для модели Galaxy S4 от Samsung). А также больше или меньше по сравнению со встроенной системой голосового управления облачный сервис будет отвлекать водителя во время совершения звонка и движения по навигатору.

Он отобрал 80 человек с хорошей историей вождения и попросил их воспользоваться смартфоном Samsung (вмонтированным в приборную панель, со звуком, выходящим через интерфейс Bluetooth, встроенный в систему автомобиля), а затем аналогичным образом протестировать автомобиль Chevrolet Equinox с системой MyLink или Volvo XC60 с системой Sensus.

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

Реймер измерял количество усилий, необходимых для выполнения поставленной задачи, учитывая в числе прочего ЧСС, электропроводность кожи и ответы водителей на вопросы. Измерялись также визуальная вовлеченность и эффективность вождения. Участники эксперимента звонили по телефону, используя для набора номера как экран, так и голосовой интерфейс. Ввод адресов в навигационную программу осуществлялся исключительно голосом.

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

• Голосовой ввод требовал меньших усилий, чем ввод информации вручную, как в случае смартфона, так и в случае встроенной в машину системы.

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

А вот указывая адрес навигационной системе, люди чаще переставали смотреть на дорогу, общаясь со встроенной в машину программой, а не со смартфоном. Больше всего ошибок совершалось в автомобиле Chevrolet Equinox. Реймер проверил в нем уровень фонового шума, и он оказался повышенным. Возможно, именно этим объясняется большее количество ошибок при работе со встроенной системой MyLink.

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

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

Иногда клиенты приходят ко мне с конкретными запросами: «Мы хотим сделать свой сайт более привлекательным» или «Мы хотим увеличить конверсию». То и дело кто-нибудь из них говорит: «Мы хотим добавить игрофикацию». Для меня это тревожный сигнал.

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

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