Разбор мобильной карточки товара

Сравнение двух способов показать варианты и действие покупки на экране телефона.
Примеры сайтов и веб-дизайна Станислава Хацкевича

Работы из портфолио

Примеры сайтов из портфолио Станислава Хацкевича.

Сценарий

Выберите конкретную задачу: найти нужный размер, проверить наличие и купить.

Вариант A

Варианты и кнопка стоят рядом с ценой. Это сокращает путь, если выбор простой.

Вариант B

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

Недоступность

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

Состояния

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

Сравнение

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

Станислав Хацкевич — дизайн и разработка

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

Практический порядок

Выбрать товар

Взять позицию с несколькими вариантами.

Записать путь

Отметить шаги в каждом макете.

Проверить крайний случай

Пройти отсутствующий размер.

Сравнить

Записать различия в понимании и действиях.

Пример и материалы

Сценарий

Пример

Пример проверки: найти чёрный размер M, увидеть отсутствие, переключиться на L и проверить новую цену до корзины.

AI-графика для бизнеса

Дизайн сайта

Обсудим вашу задачу

Опишите задачу и пришлите ссылку на проект в Telegram @Stanislavkha.
Panaride — продукт
© Станислав Хацкевич. Дизайн и разработка сайтов.
Работаю как самозанятый: договор-счёт и чек через «Мой налог».
Главная · Статьи о веб-дизайне · Telegram · Dprofile · Behance · Dribbble
Made on
Tilda