9 Секретов Интуитивно Понятного Дизайна, Которые Сделают Ваш Сайт Комфортным для Посетителей

Посетители уходят с вашего сайта, так и не став подписчиками/лидами/клиентами?

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

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

Однако сегодня я разложу по полочкам, как сделать ваш сайт комфортным для посетителей. Давайте начнем…

1. Простота – залог успеха

Чем проще пользоваться вашим сайтом, тем больше круг ваших читателей/подписчиков/потенциальных клиентов.А что такое простота? Это когда человек сразу понимает, куда двигаться, чтобы получить желаемое. Вот бы в жизни было так!

Вам не нужны суперсовременные навороты — интуитивно понятный дизайн не заметен. Но при этом он сам направляет человека туда, куда следует, чтобы тот достиг своей цели. Если это покупка товара – он найдется легко и быстро. Если это чтение статьи – сделать это будет удобно и приятно. Каждое новое действие для пользователя очевидно, он не тратит время на раздумья, что делать дальше.

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

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

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

2. Главная проблема: для кого понятен ваш дизайн?

В Сети масса ресурсов, которые раздражают посетителей. Почему же не все делают сайты с интуитивно понятным дизайном? Ведь это то, что нужно людям. Но все не так просто, ведь все пользователи разные. Что легко и понятно для одного, другому покажется китайскими иероглифами.

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

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

3. Знания, которые есть, и знания, которые нужны

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

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

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

4. Как использовать концептуальные модели

Звучит как-то сложно? Сейчас все поясню:) Если человек впервые зашел на ваш сайт, это еще не значит, что его знания равны нулю.

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

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

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

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

5. Изучите вашего посетителя

Чтобы создать интуитивно понятный дизайн, важно выяснить, что уже знают, и что нужно знать вашим посетителям. Есть 2 отличных способа это определить:

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

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

Важно! В каждом случае вы только наблюдаете, делаете выводы и не вмешиваетесь. Попробуйте, и вы быстро обнаружите, что не так. Кстати, не стоит заморачиваться с огромным количеством участников, достаточно всего 10-ти, чтобы выявить 90% проблем.

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

6. Формула интуитивно понятного дизайна

В идеале она выглядит так: текущие знания = нужным знаниям.

Сами пользователи выделяют 2 условия, при которых дизайн сайта интуитивно понятен:

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

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

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

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

7. Интуитивная навигация и поиск

76% покупателей говорят, что для них самое важное в дизайне сайта — «насколько легко я могу найти то, что мне нужно». Для удобных поисков нужна правильная навигация.

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

Помните! 50% посетителей интернет-магазинов отказываются от покупки, потому что не могут найти то, зачем пришли. Поэтому вам не обойтись без поиска по сайту. У магазина Rozetka огромный ассортимент. Но здесь есть строка поиска прямо по центру экрана. Поэтому не нужно долго думать, что делать.

Маленький совет: подключите поиск по сайту к инструменту Google Analytics. Это повысит конверсию, ведь сам Google будет подсказывать человеку, что он может здесь найти.

8. Помните: людям комфортнее пользоваться сайтами, к которым они привыкли

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

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

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

9. Будьте осторожны с редизайном

20% пользователей тратят 80% своих доходов в Интернете. Это те важные люди, на которых редизайн повлияет сильнее всего. Они уже привыкли к тому, как все работает. Поэтому, когда вы переделываете сайт, вы меняете его, в первую очередь, для них. А многим не нравится, когда что-то не так, как обычно.

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

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

Напоследок

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

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

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

Вы уже составили список целей на ближайшие 5 лет? Осталось самое трудное — реализовать задуманное. Чтобы не сбиться с курса, важно знать несколько секретов. Читайте сейчас «Как Реализовать на Практике Самый Популярный Совет Миллионеров».