Выберите конкретную задачу: найти нужный размер, проверить наличие и купить.
Вариант A
Варианты и кнопка стоят рядом с ценой. Это сокращает путь, если выбор простой.
Вариант B
Подробности и варианты собраны в отдельном раскрытии. Нужно ясно показать выбранное состояние и способ вернуться.
Недоступность
Проверьте, понятно ли, какой вариант закончился, и можно ли выбрать другой без потери контекста.
Состояния
Проверьте изменение цены, ошибку и подтверждение. Кнопка должна объяснять следующий шаг.
Сравнение
Используйте одинаковый товар и задачу. Считайте ошибки и шаги, фиксируйте, где посетитель колебался.
Станислав Хацкевич — дизайн и разработка
Я Станислав Хацкевич, веб-дизайнер и разработчик. Создаю сайты для брендов и бизнеса, работаю по всей России. Официально как самозанятый: договор-счёт и чек через «Мой налог». Стоимость определяем после обсуждения задачи.
Топ-10
UI-дизайнеров рейтинга Dprofile — вхожу в топ-10 по данным моего профиля.
13
Наград на Dprofile. Проекты и достижения можно посмотреть в моём профиле.
12
Лет опыта в дизайне. Работаю лично с задачей, визуальной концепцией и реализацией сайта.
20
Попаданий в галерею лучших проектов Made on Tilda — по моим профессиональным итогам.
Практический порядок
Выбрать товар
Взять позицию с несколькими вариантами.
Записать путь
Отметить шаги в каждом макете.
Проверить крайний случай
Пройти отсутствующий размер.
Сравнить
Записать различия в понимании и действиях.
Пример и материалы
Сценарий
Пример
Пример проверки: найти чёрный размер M, увидеть отсутствие, переключиться на L и проверить новую цену до корзины.