Книга Стива Круга "Не заставляйте меня думать" стала настольной для многих специалистов по дизайну пользовательских интерфейсов. Основная идея заключается в том, что любые вопросы, возникающие у пользователей, такие как "Куда мне нажать?" или "Что это значит?", создают задержки и неуверенность, что в свою очередь отвлекает от процесса покупки. Каждое сомнение уменьшает желание совершить покупку, и, как утверждает Круг, это "резервуар доброй воли", который истощается с каждым новым вопросом. Когда этот резервуар иссякает, покупатели покидают сайт.
Важность ясности в интерфейсе
Одним из наиболее распространенных вопросов, возникающих у покупателей, являются цены и количество товаров, включая стоимость доставки. Однако существуют и менее очевидные подсказки, визуальные или текстовые, которые могут устранить сомнения покупателей. Рассмотрим несколько примеров, как это можно реализовать.
Примеры успешного дизайна
1. Не считайте, а выбирайте: Компания Gush использует оригинальный подход к обозначению размеров упаковки, предлагая такие варианты, как "С другом", "С командой" и "Для вечеринки". Вместо того чтобы задумываться о количестве упаковок, покупатели выбирают, какой вечер они планируют, что значительно упрощает процесс выбора.
2. Ясные количества: На странице продукта Waju четко указано, что количество относится к коробкам, а не к отдельным банкам, с пояснением о том, сколько банок в коробке. Белый фон поля количества выделяется, что делает его заметным и понятным.
3. Интуитивные названия продуктов: Blueland не просто переводит таблетки в ежедневное использование для количества людей в домохозяйстве. Название продукта — "1 год чистящего средства для ванной" — описывает результат, а не содержимое, что делает его более привлекательным для покупателей.
4. Иллюстрация порций: The Farmer’s Dog отвечает на вопрос о количестве заказа с помощью трех визуальных порций, каждая из которых показывает миску с количеством корма для собак. Цена указана за день, а не за упаковку, что соответствует тому, как большинство владельцев собак оценивают свои расходы. Дополнительная строка под опциями — "Содержит две недели корма" — проясняет выбор и исключает необходимость в переводе граммов или упаковок.
Рекомендации по улучшению интерфейса
Чтобы улучшить интерфейс вашего интернет-магазина, следуйте этим рекомендациям:
- Определите единицу измерения: Откройте страницу вашего продукта и посмотрите на селектор количества. Указана ли единица в ваших терминах (граммы, упаковки, таблетки) или в терминах покупателей (дни, люди, случаи, использования)? Добавьте одну строку под каждой опцией для пояснения.
- Цените единицу, а не только упаковку: Если покупатели думают в днях, приемах пищи или использованиях, показывайте цену за день, прием пищи или использование рядом с общей стоимостью. Убедитесь, что число соответствует выбранной опции, чтобы цена подписки не стояла рядом с разовой покупкой.
- Уточните содержимое комплекта: Если вы продаете в коробках, упаковках или наборах, укажите количество рядом с селектором: "1 коробка (12 банок)". Не заставляйте покупателей открывать выпадающее меню или читать описание.
- Перенесите вопрос "Как долго это продлится?" из раздела FAQ: Разместите его рядом с опциями количества.
- Наблюдайте за покупателями: Попросите трех человек вне вашей команды выбрать количество вслух. Каждая пауза, "ммм" или расчет — это один из вопросов Круга, который показывает, где можно добавить подсказку.