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

Что такое юзабилити и почему дизайнер должен это учитывать

Для начала разберемся, что означает термин «юзабилити» и почему о нем столько говорят.

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

1. Навигация и ориентация на сайте. Насколько пользователю удобно переходить из раздела в раздел и найти нужные страницы на сайте.
2. Эффективность. Понятно ли пользователю, как сделать целевое действие - купить товар, подписаться на рассылку, заказать услугу или просто получить информацию.
3. Запоминаемость. Насколько сайт позволяет пользователю запомнить структуру страницы и способы осуществления основных действий. Отдельно в этот параметр можно отнести запоминаемость сайта среди других ресурсов похожей тематики.
4. Отсутствие ошибок. Если на сайте присутствуют различные технические ошибки (некорректное отображение отдельных элементов, медленная загрузка и прочее), а также ошибки при переходе в другие разделы, уровень юзабилити оценивается по степени оперативности их устранения.
5. Удовлетворенность. Этот параметр описывает эмоциональную составляющую взаимодействия пользователя с ресурсом: насколько ему понравился сайт, какие впечатления он оставил.
6. Польза. Насколько пользователю была полезна предоставляемая информация.

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

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

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

Какие факторы способствуют ухудшению юзабилити сайта?

1. Медленная загрузка ресурса. В большинстве случаев это отталкивает пользователей и они переходят на другие сайты.
2. Отсутствие адаптивности. Все чаще клиенты заходят на сайты с мобильных телефонов и планшетов. Поэтому некорректное отображение сайта с другого устройства негативно повлияет на впечатление от сайта.
3. Сложная навигация и отсутствие структуры. Если клиент не понимает, где он находится и что делать дальше - сайт перестает приносить пользу. Об элементах навигации, улучшающих восприятие информации мы писали здесь.
4. Тяжелая для восприятия цветовая гамма, некачественные изображения. Если информация теряется в обилии цветовых оттенков, это начинает раздражать и отвлекает от целевых действий. Фотоконтент плохого качества вызывает недоверие у пользователя и побуждает покинуть страницу. Об элементах, способствующих повышению доверия пользователя мы писали в этой статье.
5. Дизайн, несоответствующий фирменному стилю компании. В жизни и в интернете компания должна быть представлена одинаково. В противном случае, клиент может просто не отличить компанию от остальных.
6. Малоинформативный контент, отсутствие полной информации о компании и услугах. Конечная цель пользователя - заказать услугу, купить товар или получить ответы на вопросы. Если сайт не предоставляет нужную информацию, например, цены на услуги, контактные данные, клиент может уйти к конкурентам с более четкими условиями.
7. Неоднозначные призывы к действию. CTA-элементы должны быть четко сформулированы и обозначать одно определенное целевое действие. Подробнее о призывах к действию на сайте мы писали здесь.

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

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

Креативность в веб-дизайне: искусство или препятствие пользователю

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

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

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

1. Горизонтальная навигация

Дизайнеры сайта для любителей вкусной пищи организовали контент следующим образом: блоки с рецептами перемещаются с помощью горизонтального скроллинга. После нажатия пользователь переходит на страницу с рецептом:

Горизонтальная навигация на сайтах встречается не часто. Это связано, в первую очередь, с привычкой пользователя прокручивать страницы сверху вниз. Дизайнеры не рискуют менять привычные установки и горизонтальный скроллинг вносит новизну в интернет-пространство.

2. Видео на фоне и интерактивность

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

И вот что получается в итоге:

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

3. Анимация

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

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

4. Типографика

Иногда типографика становится не дополняющим, а основным элементом дизайна.

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

5. Сайт как история и уникальные изображения

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

Оригинальная организация контента и интересное повествование увлекают пользователя и оставляет неизгладимое впечатление от ресурса.

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

Креативность & юзабилити: что выбрать

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

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

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

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

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

1. Специфика ресурса

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

2. Контент на сайте

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

3. Эмоции клиента

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

4. Техническая составляющая

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

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

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