UX / UI / МОБИЛЬНЫЙ
AR-мерчендайзинг для iPad
Инструмент для просмотра коллекций и товаров с AR-примеркой.
Интерфейсы частично изменены, чтобы соблюсти условия конфиденциальности.
Контекст
- Дополненная реальность в ритейле часто впечатляет на демо — но в руках мерчендайзеров она должна работать быстро, понятно и без сбоев.
Этот проект стал частью внутренней инициативы по переосмыслению AR-приложения на iPad для визуализации выкладки продуктов в реальных пространствах: барах, магазинах, ресторанах. - Прототип уже существовал, но нуждался в доработке: многие сценарии были перегружены, а интерфейс отходил от iOS-паттернов, что замедляло простые действия и мешало быстрому ориентированию.
- Я подключился к проекту как UX/UI-дизайнер с задачей: провести аудит текущего дизайна, предложить лаконичную, нативную для iOS переработку и собрать кликабельный прототип — всё это за четыре дня. В задачу также входили проектная документация и презентация для клиента.
Подход
Аудит и разбор текущего решения
Отправной точкой стал детализированный прототип, который задавал визуальное направление, но не соответствовал паттернам поведения в iOS. Я провёл быстрый анализ, чтобы обозначить зоны для улучшения понятности, согласованности и удобства:
- Навигация — в логике платформыЯ скорректировал поведение и структуру, чтобы интерфейс соответствовал ожиданиям пользователей iPad01
- Меньше визуального шумаСократил количество цветовых акцентов, сосредоточив внимание на важном02
- Корректировка размеров элементовПереработал размеры и отступы, чтобы обеспечить читабельность на меньших экранах03
- Чище структура экрановУбрал дублирования, упростил иерархию, оставив только нужное04
Чистый интерфейс под iOS
Редизайн опирался на принципы iOS, чтобы снизить нагрузку и убрать лишнее:
- Поиск и верхняя панель позволяли быстро найти нужное без лишних действий.
- Нейтральный фон (белый и серый) помогал контенту выступать на первом плане.
- Один акцентный цвет использовался только для активных состояний и ключевых действий.
Вайрфреймы и итерации
Я собрал быстрые вайрфреймы, чтобы протестировать логику экранов и взаимодействия. Фокус был на ключевых разделах: просмотр коллекций, переход по категориям, карточки товаров и AR-просмотр.
Категории и списки товаров
Списки были построены так, чтобы взгляд легко ориентировался в категориях и товарах.:
- Карточки категорий помогают быстро сориентироваться — изображение подсказывает что и где искать.
- Фильтры и сортировка не мешают — их легко найти и они не отвлекают.
- Карточки товаров подчеркивают статус и ключевую информацию, без визуального шума.
Карточка товара с поэтапным раскрытием информации
Задача — показать только нужное, без избыточности:
Хотя интерфейс создавался для iPad, нативный подход позволил адаптировать его под телефоны без существенных изменений.
- Крупные изображения помогали мерчендайзерам быстро принять решение.
- Основное действие — всегда под рукой: кнопка всегда в зоне видимости.
- Главная информация — сразу, остальное раскрывалось по мере необходимости.
Хотя интерфейс создавался для iPad, нативный подход позволил адаптировать его под телефоны без существенных изменений.
Как это повлияло
Редизайн был выполнен за четыре дня и стал частью более широкой стратегической презентации.
Чтобы поддержать внутренние обсуждения, я подготовил аргументационную презентацию и черновую оценку трудозатрат — это помогло команде чётче донести ценность дизайн-решения и реалистично очертить масштаб работ.
Проект не дошёл до внедрения, но концепт получил положительный отклик и стал ориентиром для лаконичного UX-дизайна в условиях жёстких ограничений.
Проект показал, как AR может быть не игрушкой, а инструментом — если встроен в реальный сценарий.
Чтобы поддержать внутренние обсуждения, я подготовил аргументационную презентацию и черновую оценку трудозатрат — это помогло команде чётче донести ценность дизайн-решения и реалистично очертить масштаб работ.
Проект не дошёл до внедрения, но концепт получил положительный отклик и стал ориентиром для лаконичного UX-дизайна в условиях жёстких ограничений.
Проект показал, как AR может быть не игрушкой, а инструментом — если встроен в реальный сценарий.
И ещё кое-что
- Уточнение терминов: чтобы «коллекции» не путалиУже за пределами четырёхдневного спринта, при составлении полного пользовательского флоу, всплыло одно повторяющееся недоразумение: и команда, и заказчик называли «коллекциями» как пользовательские подборки, так и стандартные наборы оборудования.
Чтобы избежать путаницы в интерфейсе и документации, я предложил переименовать списки оборудования, собранные пользователями в «кастомные списки». Незначительное на первый взгляд изменение упростило обсуждение дизайна и сделало внутреннее общение точнее.
Название прижилось в проектной документации и было передано клиенту — теперь стало проще отличать стандартные наборы продуктов от персонализированных подборок.
Ещё проекты
-
Продуктовый дизайн: обновление коммуникацииКак улучшить обратную связь между продуктом и пользователем -
Верификация и доступ к банковским услугамОт идентификации до подписания договора — без лишних шагов -
Верификация и доступ к банковским услугам: Дизайн-процесс.Как проектировался сервис, упрощающий путь от идентификации до получения услуг -
От стальных ящиков к цифровому доступуПроектирование опыта аренды сейфа — с доверием, удобством и ясностью