Как сделать ваш сайт интуитивным в использовании

Как сделать веб-сайт интуитивным в использовании

Чем проще веб-сайт, тем больше у него посетителей. Простота в использовании определяется интуитивным пониманием пользовательского интерфейса веб-сайта.

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

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


Как сделать веб-сайт интуитивным в использовании

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

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

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

Проблема с проектированием интерфейсов: интуитивно понятный для кого?

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

Я верю, что большинство веб-сайтов разрабатывались с хорошими намерениями. Ожидалось, что они будут интуитивно понятными, но обычно для дизайнера! Среднестатистический разработчик или дизайнер не тратит время на наблюдение за тем, как люди пользуются тем, что он создал.

Как сделать веб-сайт интуитивным в использовании

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

Текущие знания и целевые знания

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

Как сделать веб-сайт интуитивным в использовании

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

Концептуальные модели

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

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

Как сделать веб-сайт интуитивным в использовании

Но предположим, что они делали покупки в интернете раньше, только не на Amazon. В этом случае их концептуальная модель будет другой, как и их представление о покупках на веб-сайте Amazon.

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

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

Изучите ваших посетителей

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

Есть два отличных метода выяснить это:

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

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

В обоих случаях вы наблюдаете и записываете, не вмешиваясь. Вы быстро определите основные проблемы. 10 испытуемых обычно дают представление о 90% трудностей.

Когда можно без труда считать веб-сайт интуитивно понятным?

Дизайн интуитивно понятен, когда текущие знания соответствуют целевым знаниям.

Существует два условия, при соблюдении которых посетители говорят, что интерфейс веб веб-сайта кажется им «интуитивным»:

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

Иными словами, вы либо делаете UI настолько простым, что не требует обучения, либо добавляете понятные инструкции, подсказки, которые без труда заметить.

Лучший пример первого условия — поиск Google. Его невозможно использовать неправильно.

Как сделать веб-сайт интуитивным в использовании

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

Как сделать веб-сайт интуитивным в использовании

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

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

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

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

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

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

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

Людям комфортнее пользоваться веб-сайтами, к которым они привыкли

Люди проводят большую часть времени на иных веб-сайтах. Так что они привыкли к тому, что веб-сайт выглядит определенным образом(текущие знания). Если нарушаете это правило, то сами напрашиваетесь на неприятности.

Типичные привычные элементы:

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

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

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

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

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

Крупный продавец потратил 100 миллионов долларов на редизайн, в результате чего продажи упали на 20%. Юридической фирме пришлось закрыться. В расписании врача и авиакомпании серьезные задержки. Их веб-сайты/приложения перестали быть интуитивными для большинства посетителей.

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

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

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

Напоследок

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *