Как уменьшить трения в веб-дизайне

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

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

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

Выявление трения на вашем сайте

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

Хотя все это, по сути, версии одного и того же, в целом мы можем определить симптомы трения как:

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

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

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

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

1. Начните с макроподхода

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

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

2. Минимизируйте шаги, необходимые для совершения действия

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

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

Если вы думаете, что смотреть на это тяжело, вы не одиноки. Теперь сравните это с путешествием пользователя в календаре Backpack:

1. Дважды щелкните дату события в месячном обзоре.
2. Введите название события и время начала.

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

3. Знайте, что «меньше значит больше»

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

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

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

4. Используйте передовые методы навигации

Один из врагов невесомости — плохая навигация.

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

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

5. Чанкинг — ваш друг

Любой студент психологии помнит, что Джордж А. Миллер утверждал, что средний человеческий разум может удерживать в рабочей памяти 7 объектов плюс-минус 2.

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

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

6. Не изобретайте велосипед

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

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

7. Оставайтесь верными своему бренду

Наконец, поставьте себя на место пользователя на минуту. Узнает ли посетитель, о чем вы, в течение 4-6 секунд после посещения вашего сайта? Если нет, вы создаете трения с самого начала.

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

Заключение

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

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

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