Стив Круг когда-то написал гениальную фразу: «Не заставляйте меня думать». Но в реальности большинство интернет-магазинов заставляют пользователя думать, сомневаться, искать и раздражаться с первой же секунды.
Мы привыкли смотреть на магазин глазами владельца: «красиво ли у нас?», «все ли товары выложены?», «работает ли корзина?». Но феноменология Другого учит другому: нужно смотреть глазами человека, который зашел к вам впервые, уставший, с пятой вкладкой и с котом на руках.
Я собрала чек-лист из 1000+ параметров для аудита интернет-магазина. Но сегодня — 50 самых болезненных точек, с которых стоит начать, если вы действительно хотите проектировать интерфейс, который уважает Другого.
🚪 Главная страница: первое касание
1. Поймет ли пользователь за 3 секунды, чем именно вы торгуете?
2. Есть ли на первом экране понятный CTA (кнопка действия), а не просто красивая картинка?
3. Используются ли качественные фото или дешевый клипарт, убивающий доверие?
4. Видит ли пользователь преимущества покупки именно у вас, а не просто «мы классные»?
5. Актуальны ли акции на баннерах или там висит предложение трехмесячной давности?
6. Не перегружен ли слайдер? (больше 5 баннеров — уже информационный шум)
7. Заметны ли логотипы брендов, с которыми вы работаете, и ведут ли они на страницы этих брендов?
Почему это важно: Первый экран — это не «витрина». Это момент первого доверия. Здесь человек решает: «Я здесь останусь или это очередной шаблонный магазин?».
🧭 Навигация: не дайте заблудиться
8. Видит ли пользователь, в каком разделе он находится?
9. Работают ли хлебные крошки на странице товара и в каталоге?
10. Не дублируется ли название категории в хлебных крошках («Ноутбуки / Ноутбук»)?
11. Умещаются ли хлебные крошки в одну строку или уходят в перенос?
12. Ярко ли выделена кнопка «Каталог» и ничего ли ее не перекрывает?
13. Открывается ли каталог по клику (а не по наведению, которое бесит на мобильных)?
14. Не слишком ли много пунктов в меню?
Почему это важно: Навигация — это карта местности. Если человек потерялся, он не будет искать выход — он просто закроет вкладку.
📱 Мобильная версия: где живет Другой
15. Не едет ли верстка на мобильном телефоне?
16. Не приходится ли увеличивать экран, чтобы нажать на кнопку?
17. Попадает ли большой палец в зону комфорта (не тянете ли вы пользователя в левый верхний угол)?
18. Есть ли кнопка «Каталог» в таббаре (нижнем меню)?
19. Не перекрывает ли клавиатура поле ввода при заполнении форм?
20. Корректно ли работают фильтры на мобильном?
Почему это важно: 70% трафика — с телефонов. Если Другой заходит с мобильного, а вы заставляете его делать «щипки» и «тыки» в миллиметровые кнопки — вы его не уважаете.
🔍 Поиск: когда пользователь точно знает, чего хочет
21. Видно ли поле поиска сразу или оно спрятано за иконкой?
22. Понимает ли пользователь, что искать? (есть ли плейсхолдер-пример)
23. Работает ли автоподстановка (подсказки при вводе)?
24. Исправляет ли поиск опечатки?
25. Понимает ли поиск транслит и неверную раскладку?
26. Можно ли добавить товар в корзину прямо из выпадающих подсказок?
27. Есть ли фильтры на странице результатов поиска?
28. Что видит пользователь, если ничего не нашлось? Пустую страницу или умные рекомендации?
Почему это важно: Поиск — это крик души. Пользователь говорит вам: «Я хочу вот это, помогите найти». Если поиск глух — вы теряете клиента.
🛒 Карточка товара: момент истины
29. Есть ли хлебные крошки на странице товара?
30. Видно ли название товара, цену и кнопку «Купить» без скролла?
31. Можно ли увеличить фото и рассмотреть детали?
32. Есть ли хотя бы 3-5 фотографий (а не одна)?
33. Понятно ли, какие варианты товара доступны (цвет, размер)?
34. Видно ли, есть ли товар в наличии?
35. Указана ли дата доставки (а не абстрактное «быстро»)?
36. Есть ли блок с похожими или рекомендованными товарами?
37. Виден ли рейтинг и отзывы (и не пустой ли блок с отзывами)?
Почему это важно: Карточка товара — это свидание. Человек уже выбрал, теперь он хочет влюбиться. Если фото плохие, цен нет, а размеры непонятны — свидание провалено.
🧾 Корзина и чекаут: не упустите в последний момент
38. Видит ли пользователь, что добавил в корзину (микро-анимация, счетчик)?
39. Можно ли изменить количество товара прямо в корзине?
40. Видит ли пользователь, сколько до бесплатной доставки?
41. Есть ли возможность продолжить покупки (не заперт ли он в корзине)?
42. Можно ли оформить заказ без регистрации (как гость)?
43. Можно ли отредактировать все данные непосредственно перед подтверждением заказа?
44. Понимает ли пользователь, сколько шагов осталось до завершения заказа?
45. Есть ли подсказки при заполнении полей (маски для телефона, автоподстановка адреса)?
46. Что происходит после ошибки ввода? Нужно ли перезаполнять всё заново?
47. Видит ли пользователь итоговую сумму и состав заказа перед подтверждением?
Почему это важно: Корзина — это финишная прямая. Здесь Другой уже готов отдать деньги. Не заставляйте его прыгать через барьеры.
❤️ Избранное и сравнение: когда выбирать сложно
48. Можно ли добавить товар в избранное без регистрации?
49. Виден ли счетчик избранного и сравнения в шапке сайта?
50. Можно ли поделиться списком избранного (например, отправить мужу/жене)?
51. Работает ли сравнение товаров по характеристикам (а не только по картинкам)?
Почему это важно: Если человек выбирает — значит, он серьезен. Помогите ему выбрать, не потеряв по пути.
🧠 И напоследок: эвристики Нильсена, о которых нельзя забывать
52. Видит ли пользователь, что система работает (индикаторы загрузки, скелетоны)?
53. Говорит ли интерфейс на языке пользователя (нет профессионального жаргона)?
54. Есть ли «аварийный выход» (отмена действия, возврат)?
55. Одинаково ли выглядят похожие элементы на всем сайте?
56. Предупреждаете ли вы о важных действиях?
57. Не перегружена ли страница лишней информацией?
58. Понятно ли написаны сообщения об ошибках?
59. Есть ли помощь для сложных сценариев (подсказки, FAQ)?
🎯 60. Что дальше?
Это только вершина айсберга. 59 пунктов — а сколько еще осталось за кадром?
В моем полном чек-листе:
✅ Более 1000 параметров для аудита
✅ Разбивка по разделам (от главной до мобильного UX)
✅ Оценка сложности и приоритета каждого пункта
✅ Готовые чек-боксы для отметки о выполнении
✅ Бонусные разделы: лендинги, законы UX, мобильный UX
Это не просто список. Это карта пути Другого по вашему магазину. Места, где он спотыкается, где радуется, где уходит.
👉 [Забрать полный чек-лист на сайте]
P.S. Помните: хороший интерфейс не тот, который красивый. А тот, который не заставляет думать, где кнопка, куда нажать и как не ошибиться. Проектируйте с уважением к Другому. Даже если Другой — это уставший человек в час ночи с телефоном в одной руке и бутербродом в другой.