LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней

Советы по созданию хорошего пользовательского интерфейса: часть 3

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

53. Не принуждайте пользователей к самостоятельным расчетам

Пользовательский интерфейс может предусматривать математические вычисления, большие или малые, создавая таким образом препятствия для конверсии. Например, сколько дней осталось до конца тестового периода, ежемесячный платеж по тарифу и т.д. Другой более популярный пример — пользователь видит некие данные, и ему нужно быстро понять, как давно они обновлялись. В таком случае указание «3 минуты назад» будет проще и полезнее, чем «09:37, 4 августа». Избавьте людей от необходимости самостоятельных подсчетов.

Не принуждайте пользователей к самостоятельным расчетам

54. Подчеркивайте свободу выбора

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

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

Подчеркивайте свободу выбора

55. Протестируйте меняющееся вознаграждение вместо предсказуемого

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

Представьте, насколько захватывающим может быть опыт от email-рассылки, которая каждый раз предлагает новый полезный контент и неожиданные подарки, а не одно и то же «письмо от Джона» каждый день. 

Протестируйте меняющееся вознаграждение вместо предсказуемого

56. Захватывайте внимание

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

Захватывайте внимание

57. Используйте понятные сравнения

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

Используйте понятные сравнения

58. Создавайте коллекции вместо независимых элементов

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

Создавайте коллекции вместо независимых элементов

59. Установите ожидания, а не оставляйте людей в неведении

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

Установите ожидания, а не оставляйте людей в неведении

60. Используйте юмор вместо излишней серьезности

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

Используйте юмор вместо излишней серьезности

61. Давайте обратную связь, а не молчите

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

Давайте обратную связь, а не молчите

62. Предугадывайте намерения

Чувство «да, именно это я искал» может быть вызвано посредством некоторого предвидения намерений пользователя. UI, способный правильно предугадывать действия посетителей, принесет больше удовлетворения людям и больше прибыли вам. Например, Amazon.com добился этого на уровне микро-взаимодействий с помощью своего мега-выпадающего меню. Однако, предугадывать намерения можно и более простыми сценариями. Эта сфера все еще открыта для интересных решений, которые могут потребовать использования продвинутого искусственного интеллекта в будущем.

Предугадывайте намерения

63. Расширьте расстояние между элементами

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

Расширьте расстояние между элементами

64. Рассказывайте истории, а не перечисляйте факты

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

Рассказывайте истории, а не перечисляйте факты

65. Будьте собой, а не притворяйтесь

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

Будьте собой, а не притворяйтесь

66. Попробуйте прогрессивную редукцию

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

Попробуйте прогрессивную редукцию

67. Поставьте на первое место других, а не себя

Не новость, что перенос акцента с себя на других повышает социальное влияние. Переформулировать послания с «Я» на «Ты», внимательно слушать и оказывать искреннюю заинтересованность в других — это основные постулаты бестселлера Дейла Карнеги (Dale Carnegie) «Как завоевывать друзей и оказывать влияние на людей», вышедшего почти сто лет назад. Наше отношение к аудитории, клиенту или пользователю выражается в языке или взаимодействиях, которые мы (или наши продукты) используем или позволяем. Иногда, глядя на вещи глазами других людей, мы видим пути к конструктивным изменениям, которые пойдут на пользу всем. 

Поставьте на первое место других, а не себя

68. Объясняйте даже очевидное

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

Объясняйте даже очевидное

69. Освободите текст от лишних слов

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

Освободите текст от лишних слов

70. Попробуйте адаптивные макеты вместо статических

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

Попробуйте адаптивные макеты вместо статических

71. Добавьте визуальной ясности вместо двусмысленности

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

Добавьте визуальной ясности вместо двусмысленности

72. Дайте возможность исправления ошибок

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

Дайте возможность исправления ошибок

73. Предоставьте функционал для социальных обязательств

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

Предоставьте функционал для социальных обязательств

74. Дайте еще один шанс

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

Дайте еще один шанс

75. Не предлагайте слишком много вариантов

Поставьте под сомнение необходимость большого выбора — и снизьте число вариантов. Известно, большой выбор убивает конверсию и затрудняет принятие решений. Кроме того, из-за этого снижается и наше удовлетворение от решения, поскольку сомнения и сожаления тоже возрастают. Однако, иногда большой выбор дает свободу. Но поскольку знаменитое исследование с джемом (где меньший выбор дал больше продаж) еще не опровергнуто, советуем придерживаться некоего «срединного пути».

Не предлагайте слишком много вариантов

Высоких вам конверсий!

По материалам: goodui.org

04-08-2017

LPgenerator — профессиональная Landing Page платформа для увеличения продаж вашего бизнеса

  • Более 500 шаблонов в галерее
  • Инструменты оптимизации конверсии
  • Статистика и сквозная аналитика
  • CRM для работы с заявками и телефония
  • Визуальный редактор с расширенным функционалом
  • Быстрая техническая поддержка
  • Множество интеграций
  • Окупаемость инструмента — от 7 дней
blog comments powered by Disqus
copyright © 2011–2017 by LPgenerator LLC. Все права защищены
Запрещено любое копирование материалов ресурса без письменного согласия владельца — ООО "ЛПгенератор".