В этой статье я остановился на 200 замечаниях, хотя их гораздо больше.
Структура статьи
Чтобы облегчить восприятие, все замечания я разбил по этапам клиентского пути – от узнавания о приложении до момента оплаты – и ключевым экранам:
- Призыв к скачиванию на сайте
- Страница приложения в App Store
- Онбординг и активация
- Ввод адреса доставки
- Выбор магазина
- Главный экран
- Просмотр сторис
- Раздел акций
- Ознакомление с каталогом
- Поиск с помощью строки
- Карточки товаров в листинге
- Фильтрация и сортировка
- Полные карточки товаров
- Избранное
- Авторизация и оформление карты
- Работа с корзиной
- Оформление заказа
- Оплата заказа
Призыв к скачиванию на сайте
7 замечаний
Наличие полноценного блока
Кнопки скачивания приложения доступны лишь в футере. Полноценного блока, который призывал бы посетителя сайта скачать приложение, на страницах нет.
![](https://awdee.ru/wp-content/uploads/2023/10/Screenshot_2023-10-0.png)
Призыв к скачиванию
Каким-либо явным призывом к скачиванию приложения кнопки сторов в футере не сопровождаются. Зачем такая скромность, не совсем понятно.
![](https://awdee.ru/wp-content/uploads/2023/10/Screenshot_2023-10-0-1.png)
Highlight ценности
Подсвечивая ценность, которую клиент получит от приложения, мы повышаем шансы на то, что пользователь его скачает. В данном случае описание ценности также отсутствует.
![](https://awdee.ru/wp-content/uploads/2023/10/Screenshot_2023-10-0-2.png)
QR-код в версии для ПК
В случае с iOS кнопка для скачивания приложения в App Store в версии для ПК бесполезна. Зато QR-код с deep link’ом на релевантный магазин приложений позволил бы решить эту задачу.
![](https://awdee.ru/wp-content/uploads/2023/10/Screenshot_2023-10-0-3.png)
Highlight рейтинга
Хотя у приложения достаточно высокий рейтинг, в блоке для скачивания в мобильной версии сайта он никак не подсвечивается.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_19_1.png)
Кнопки сторов на смартфоне
Несмотря на то, что можно определить, с какого устройства я захожу, в мобильной версии в футере, помимо App Store, видны и нерелевантные кнопки других магазинов.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_18_1.png)
Дублирование блоков
Если я уже скачал приложение, в мобильной версии сайта я вижу 2 блока: один (от Safari) предлагает мне его открыть, другой (на уровне сайта) – скачать.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_17_1.png)
Страница приложения в App Store
12 замечаний
События в приложении
В то время как конкуренты используют in-app events в App Store, чтобы привлечь больше внимания и рассказать об акциях, METRO эту возможность успешно упускает.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_2.gif)
Подзаголовок
В подзаголовке приложения и преимущества не подсвечены, и ключевых слов нет. Возможность улучшить позиции в поиске и заинтересовать пользователя упускается.
![](https://awdee.ru/wp-content/uploads/2023/10/IMG_8E86A71E81FF-1_1.jpeg)
Количество экранов обзора
На странице приложения в App Store используются 9 из 10 возможных экранов. Неужели сервису больше не о чем рассказать?
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_40_1.gif)
Условия по промокоду
Промокод в обзоре привлекает внимание. Все бы хорошо, только на экране не говорится, что это скидка лишь на первую покупку. А это может ввести в заблуждение.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_22_1.png)
Поиск как преимущество?
На экранах обзора говорится про «поиск товаров в удобном каталоге». Фактически это базовая, гигиеническая функция. Точно ли стоит ее выносить в презентацию приложения?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_23_1.png)
Панорамное оформление экранов
В экранах обзора используется панорамное оформление. Само по себе это плюс. Вот только спроектирована она так, что изображения на смежных экранах стыкуются неточно.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_24_1.png)
Размеры заголовков
Размер шрифта в заголовках «скачет» от слайда к слайду. Клиента это не отпугнет, но и лучшей практикой также назвать сложно.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_25_1.png)
Краткая версия описания
В краткой версии описания нет ни преимуществ, ни особенностей – ничего, что могло бы привлечь мое внимание и побудить к скачиванию приложения.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_26_1.png)
Фичи vs. преимущества
Текст описания в основном крутится вокруг фич приложения, хотя в нем также можно было бы подсветить преимущества сервиса и компании в целом.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_27_1-1.png)
Свежесть обновления
Разработчики не обновляли приложение уже 2 месяца. Вот тебе и «активная разработка».
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_4.gif)
Запрос на фидбэк в обновлении
Хорошо, когда разработчик открыт фидбэку и в тексте обновления призывает давать обратную связь. В данном случае эта возможность упускается.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_29_1.png)
Контакты поддержки в обновлении
Также хорошая практика – добавлять в текст обновления контакты поддержки на случай, если у пользователя возникнут вопросы. В METRO эту механику не используют.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_30_1.png)
Онбординг и активация
7 замечаний
Тайминг запроса на уведомления
Запрос на уведомления я получаю моментально, при первом же запуске приложения. Момент неуместный и высок риск того, что я их просто заблокирую.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_43.gif)
Пояснение к запросу на уведомления
Каким-либо пояснением запрос не сопровождается. Что я буду получать? Как часто? В чем ценность этих уведомлений для меня? Всё это остается загадкой.
![](https://awdee.ru/wp-content/uploads/2023/10/IMG_5686_1.png)
Конкуренция запросов
При первом запуске приложения запросы конкурируют между собой: запрос на уведомления, хотя я еще не успел на него ответить, перекрывается запросом геолокации.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_3.gif)
Формат пояснения к запросу геолокации
Пояснение к запросу моей геолокации выполнено лишь в текстовом формате, хотя перед системным запросом можно было бы добавить полноценный экран с пояснением.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_36_1.png)
Точность геолокации
В тексте пояснения говорится о том, что доступ нужен, чтобы показать ближайшие магазины, но зачем запрашивать для этого именно точную геолокацию?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_37_1.png)
Welcome экраны
Welcome-экраны в приложении не предусмотрены, хотя в App Store я мог и не ознакомиться с обзором. Возможность подсветить конкурентные преимущества сервиса упускается.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_79_1.png)
Успей применить промокод
Приложение побуждает меня как нового клиента сделать первый заказ, создавая ощущение срочности. Вот только дата в уведомлении 30 сентября, а на дворе 9 октября…
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_80_1.png)
Ввод адреса доставки
6 замечаний
Выбор города
Если я не предоставил доступ к гео, меня «приземляют» на Красную площадь вне зависимости от города, в то время как точки самовывоза определяются корректно.
![](https://awdee.ru/wp-content/uploads/2023/10/image_12_1.png)
Подсказка vs. клавиатура
При выборе адреса подсказка перекрывается экранной клавиатурой и видна лишь частично, хотя в верхней части экрана есть достаточно места, чтобы ее расширить.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_38_1.png)
Видимость кнопки очистки
Кнопка очистки адреса видна всегда – даже если поле ввода пустое. В этот момент полезность ее нулевая.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_40_1.png)
Текст placeholder’а
Текст placeholder’а можно было бы улучшить, связав его с выбором адреса и реализовав в формате призыва к действию.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_41_1.png)
Цвет placeholder’а
Placeholder выполнен в том же цвете, что и вводимый текст. Это может ухудшить восприятие его функции.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_41_1-1.png)
Видимость placeholder’а при активации
При активации поля ввода placeholder пропадает, хотя должен отображаться вплоть до начала ввода адреса.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_42_1.png)
Выбор магазина
5 замечаний
Расположение вкладок
Вкладки для переключения с доставки на самовывоз размещены в верхней части экрана: до них становится сложнее дотянуться.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_43_1.png)
Съездим в другой город?
Там, где я сейчас нахожусь, всего один магазин METRO. Почему бы не предложить мне съездить за покупками в другие города? Всего-то 100-200 км в одну сторону.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_44_1.png)
Дублирование адресов
В списке ближайших магазинов текст с адресом дублируется в названиях и подписях. Информативность в квадрате.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_46.png)
Геолокация в океане
Если я не предоставил доступ к геолокации, при нажатии кнопки центрирования карты на моем местоположении оказывается, что я путешествую где-то по Атлантике.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_40.gif)
Ассортимент и цены
От выбранного магазина зависят цены и наличие товара. Если я ищу конкретный товар, есть риск, что в рамках магазина я его просто не найду, хотя он есть в соседнем.
![](https://awdee.ru/wp-content/uploads/2023/10/IMG_FA15CAAEA782-1_1.jpeg)
Главный экран
9 замечаний
Скорость загрузки экрана
Экран загружается со значительной задержкой – уже после того, как я успел подождать загрузку самого приложения.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_42.gif)
Бонусы и купоны
В неавторизованном состоянии на главной отображаются неактивные placeholder’ы для бонусов и купонов. Причина их отображения в данный момент не совсем понятна.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_38_1-1.png)
Популярные vs. все категории
Блок с категориями называется «Популярные категории», хотя по сути в нем содержатся все категории товаров из каталога.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_33_1.png)
Отступы между блоками
Отступы различаются от блока к блоку, делая интерфейс менее консистентным.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_32_1.png)
Заголовки vs. контент блоков
Заголовок блока с собственными торговыми марками расположен ближе к предыдущему блоку и визуально оторван от контента.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_34_1.png)
Скидки в спецпредложениях
По части товаров в спецпредложениях отображается лишь красная цена: ни старой цены, ни маркера со скидкой в карточках нет. Какова выгода от покупки, непонятно.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_35_1.png)
Кнопки корзины
Кнопки добавления в корзину в карточках товаров на главном экране спроектированы так, что вокруг иконки остается необоснованно большое пустое пространство.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_36_1-1.png)
Формат блока рецептов
В то время как рецепты можно было бы разместить в виде подборки с возможностью перехода к полному списку, сейчас это лишь один неинформативный баннер.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_37_1-1.png)
Иллюстрация к рецептам
В то время как в баннере, посвященном рецептам, говорится о блюдах, на фоновом фото размещен коктейль. Такая комбинация может исказить восприятие.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_37_1-2.png)
Просмотр сторис
6 замечаний
Читаемость текста на миниатюрах
Миниатюры историй спроектированы так, что текст, который размещается поверх изображений, часто расположен на пестром фоне и трудно читается.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_61_1.png)
Дублирование контента
Иногда контент историй дублируется. Зачем это сделано, не совсем понятно.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_2-1.gif)
Срабатывание автопрокрутки
По непонятной причине иногда progress bar, ответственный за автопрокрутку сторис, просто не запускается.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_47.gif)
Актуальность историй
Просматривая некоторые истории, посвященные акциям, и переходя в целевой листинг, узнаёшь, что акция уже завершена. Спасибо, что своевременно обновляете контент.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_48.gif)
Переход на сайт
При просмотре части сторис клиенту предлагается уйти из приложения на сайт с менее нативным и удобным интерфейсом.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_49.gif)
Смещение сторис после просмотра
После просмотра сторис не улетают в конец подборки. До тех сторис, которые еще не просмотрены, добраться клиенту становится относительно тяжелее.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_62_1.png)
Раздел акций
8 замечаний
Доступность в таббаре
Хотя акции и так доступны в рамках каталога и главной, под них выделен раздел в таббаре. Из-за этого другие ключевые функции (например, избранное) в нем отсутствуют.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_23_1-1.png)
Отличия подборок
Чем отличаются друг от друга 3 подборки, представленные в разделе, не совсем понятно. Учитывая, что первая подборка в принципе никак не названа.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_24_1-1.png)
Highlight возможности прокрутки
В отличие от третьей подборки, первые две спроектированы так, что возможность прокрутки заметна слабо. Особенно если второй баннер неконтрастен по отношению к фону.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_25_1-1.png)
Интерактивность каталога
При просмотре каталогов я понимаю, что они никак не связаны с каталогом в приложении: это просто картинки.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_26_1-1.png)
Обрезание контента
Один из каталогов добавлен в подборку в формате «и так сойдет»: часть контента, включая логотип METRO, в карточке обрезается.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_29_1-1.png)
Число страниц в каталоге
Общее число страниц в каталоге не указано: непонятно, сколько времени мне потребуется, чтобы ознакомиться со всем его контентом.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_27_1-2.png)
Читаемость текстов в каталоге
Текст на страницах каталога очень мелкий, из-за чего часто приходится отдельно приближать фотографии, чтобы его прочитать.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_28_1.png)
Выход за рамки приложения
Часть акций уводят клиента из контура приложения на сайт. А ведь выйдя, он может в него и не вернуться.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_41.gif)
Ознакомление с каталогом
5 замечаний
Визуализация категорий верхнего уровня
Визуализация категорий каталога в соответствующем разделе и на главной различается. Чем было реализовано такое решение, не совсем понятно.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_4-1.gif)
Визуализация подкатегорий
В отличие от категорий первого уровня, подкатегории не сопровождаются визуализацией. Это ухудшает восприятие и затрудняет навигацию.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_47_1.png)
Пересечение подкатегорий в акциях
В разделе акций подкатегории иногда дублируются. Чтобы ознакомиться со всем ассортиментом нужных товаров по скидке, приходится переключаться между ними.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_21_1.png)
Избранное и заказы в каталоге
Избранное чаще всего – отдельный раздел. Заказы – часть профиля. При этом в METRO оба они вынесены в каталог. Это может быть непривычно для клиента и вызвать вопросы.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_48_1.png)
Поиск в подкатегориях
При просмотре списка подкатегорий внутри категории доступна строка поиска. Однако результаты поиска выходят за рамки этой категории.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_20_1.png)
Поиск с помощью строки
16 замечаний
Placeholder строки
Placeholder мог бы отталкиваться от целевого действия и подсвечивать, например, широту ассортимента.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1.png)
Фокус при активации
Если истории поиска еще нет, при активации строки фокус никак дополнительно на нее не смещается: ни затемнения, ни пропадания фонового экрана не наблюдается.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_70.gif)
Автоподсказка при активации
Кроме истории поиска, область под строкой поиска больше никак не используется, хотя в ней можно было бы разместить ключевые категории, запросы и торговые марки.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-1.png)
Скорость срабатывания подсказки
Подсказка срабатывает с заметной задержкой. Из-за этого может сложиться впечатление, что товаров по запросу нет в ассортименте.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_69.gif)
Заголовки блоков в подсказке
Хотя категории и запросы при поиске и выглядят по-разному, но они никак не озаглавлены. Из-за этого понять что есть что, становится относительно труднее.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-2.png)
Конкуренция подсказок
При вводе запросов подсказки начинают конкурировать между собой, частично или полностью дублируясь.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-3.png)
Highlight числа товаров в категориях
По категориям можно отображать количество товаров, чтобы подсветить широту ассортимента без значительной перегрузки экрана. Но эта возможность не используется.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-4.png)
Highlight общего числа результатов
При просмотре подсказки видны лишь 8 результатов поиска по товарам. При этом сколько всего результатов дал поиск, в подсказке не говорится.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_48_1-1.png)
Релевантность категорий в подсказке
При вводе поискового запроса в подсказке встречаются нерелевантные категории, при переходе в которые товар по ключевому запросу попросту не встретить.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-5.png)
Перенос текста подсказок
Часть подсказок не вписываются по ширине в экран и просто обрезаются. Лучше не переносить их на новую строку, а просто делать их короче.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-6.png)
Подсказка при нуле результатов
Если по запросу нет результатов, я сталкиваюсь не со специальным empty state, а с историей поиска, причем блок никак не озаглавлен. Это может ввести в заблуждение.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-7.png)
Ввод с опечатками
Если я нечаянно ввел ключевое слово с опечаткой, строка поиска не заморачивается и просто выдает мне ровно ноль результатов.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-8.png)
Очистка vs. отмена поиска
Очистка запроса и отмена поиска по сути совмещены в одной кнопке. Если я просто хочу стереть введенный запрос и начать его заново, нужно заново активировать строку.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_65.gif)
Подсказка при ручном стирании запроса
При ручном стирании запроса продолжает отображаться подсказка, как при вводе первой буквы. При стирании «шоколада» тут тебе и «шампунь», и «шашлык», и «шаурма».
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_68.gif)
Деактивация при очистке истории
При очистке истории поиска строка деактивируется, хотя очистка истории не сигнализирует о намерении прекратить поиск.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_66.gif)
Клавиатура при просмотре результатов
При просмотре товаров в результатах поиска клавиатура не скрывается, загораживая собой почти пол-экрана и усложняя ознакомление.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_67.gif)
Карточки товаров в листинге
14 замечаний
Листинг vs. поисковая подсказка
Карточки в листинге и поисковой подсказке различаются по формату, хотя его можно было бы унифицировать.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_5.gif)
Формат кнопок корзины
Кнопки корзины занимают почти всю ширину карточек, хотя их можно было бы уменьшить: на доступность кнопок это не повлияет, зато больше карточек будут видны на экране.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-9.png)
Размеры фото
Фото по товарам разнятся в размерах, и иногда по бокам фото есть пустые области. Смотрится не очень – во времена, когда даже маркетплейсы унифицируют размеры фото.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_50_1.png)
Читаемость маркеров на фото
По некоторым товарам маркеры реализованы, как часть фото. В итоге они мельчат и хуже читаются на мобильных устройствах при просмотре листинга.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_93_1.png)
Уместность маркеров
По части товаров, по которым проставлены маркеры эксклюзивности, сама эксклюзивность вызывает вопросы: разве бананы и авокадо продаются только в METRO?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-10.png)
Конкуренция маркеров
Из-за того что одни маркеры – это самостоятельные элементы, а другие – часть фото товаров, иногда они начинают перекрывать друг друга.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-11.png)
Центрирование текста маркеров
Текст в маркерах реализован в формате sentence case. Учитывая небольшой размер, из-за этого визуально они смотрятся нецентрированными по вертикали.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-12.png)
Читаемость флагов
В карточках товаров также иногда присутствуют флаги стран происхождения товара. В случаях, когда на флагах есть белый цвет, они перестают легко считываться.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-13.png)
Размещение веса товара
Вес товаров содержится в тексте заголовков, из-за чего они удлиняются и часто обрезаются. Хотя информацию по весу можно было бы выделить в визуально вторичную подпись.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-14.png)
Рейтинг товаров
В карточках товаров отсутствует рейтинг. Это затрудняет принятие решения о покупке и заставляет переходить в расширенную карточку товара.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_51_1.png)
Highlight цены без скидки
В карточках некоторых товаров цена выделена красным, что предполагает применение скидки. Однако ни скидки, ни старой цены нет. Клиент остается в неведении.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_52_1.png)
Шрифт валюты
Валюта выполнена в шрифте, отличном от шрифта остального текста в элементе цены.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-15.png)
Карточки отсутствующих товаров
Если товара нет в наличии, при попытке перехода к полной карточке мне об этом говорят. Но в самой карточке листинга это никак не отражается.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_56.gif)
Реакция карточек на касание
Карточки никак визуально не реагируют на касание, хотя при тапе можно было бы добавить анимацию вдавливания или усиления тени, чтобы сделать интерфейс более отзывчивым.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_71.gif)
Фильтрация и сортировка
12 замечаний
Расположение кнопки
Кнопка фильтрации и сортировки расположена в верхней части экрана: в отличие от ряда конкурентов, до нее становится относительно сложно дотянуться пальцем.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_53_1.png)
Скорость загрузки экрана
Ожидать загрузки контента приходится каждый раз при открытии экрана с фильтрами, хотя их состав уже понятен еще до открытия, т.к. клиент уже в листинге категории.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_44.gif)
Валюта в фильтре по цене
В фильтре по цене не используется символ валюты, хотя это такая же единица измерения, как и все остальные, которые в других фильтрах указаны. Да и пространство позволяет.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_55_1.png)
Разделение тысячных значений
Тысячные значения в фильтре не разделяются с помощью отступа, хотя его добавление позволило бы легче их считывать.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_56_1.png)
Текстовый ввод цен
Несмотря на то, что значения в фильтре по ценам визуально схожи с полями текстового ввода, ввести данные с помощью клавиатуры невозможно. Пользуйтесь только ползунком.
![](https://awdee.ru/wp-content/uploads/2023/10/image.png)
Множественный выбор vs. ползунок
Некоторые фильтры, такие как вес товара и жирность, представлены в виде множества отдельно выбираемых опций, хотя легче это сделать в формате ползунка.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_57_1.png)
Смахивание экрана при выборе значений
Если перейти с экрана фильтров к экрану выбора значений (например, бренд) и смахнуть его, фактически закрывается и экран фильтров. В итоге приходится открывать его заново.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_45.gif)
Задержка при выборе значений
Каждый раз, когда я выбираю какое-либо значение фильтра, происходит ненавистная задержка. Почему ненавистная? Потому что я могу делать это десятки раз за одну покупку.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_46.gif)
Взаимозависимость фильтров
Фильтр по цене не реагирует на выбор значений в других фильтрах, хотя его значения должны обновляться и соответствовать актуальной выборке.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_46-1.gif)
Фильтрация vs. сортировка
Функции фильтрации и сортировки объединены в одну кнопку с иконкой фильтров. Это поначалу может ввести клиента в заблуждение, что сортировки нет в принципе.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_58_1.png)
Типы сортировки
В отличие от ряда конкурентов, отсортировать листинг товаров по популярности или рейтингу нельзя: полезность её ограничена.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_59_1.png)
Формулировки вариантов сортировки
Формулировки «По увеличению цены» и «По уменьшению цены» могут восприниматься хуже, чем «Сначала дороже» и «Сначала дешевле».
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_60_1.png)
Полные карточки товаров
22 замечания
Подгрузка фото при скролле
Фото при прокрутке слайдера не подгружаются заранее: при первом скролле кратковременно виден placeholder.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_55.gif)
Расположение page control
Слайдер с фото в карточке товара спроектирован таким образом, что page control расположен поверх фото и может быть слабо заметен на фоне товара.
![](https://awdee.ru/wp-content/uploads/2023/10/Frame_20_27_1.png)
Скролл при открытии галереи
Если галерею открыть не с первого фото, ее прокрутка происходит с помощью анимации, хотя текущее фото могло бы быть открыто по умолчанию.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_54.gif)
Центрирование миниатюр
Миниатюры в галерее нецентрированы, из-за чего в блоке появляется необоснованное пустое пространство.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_51_1-1.png)
Качество маркеров
Некоторые маркеры, призванные привлечь мое внимание, действительно его привлекают, т.к. загружены в низком разрешении и пикселят.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_96_1.png)
Соответствие стран
У некоторых товаров есть маркировка флагами стран. Но не всегда эти флаги соответствуют стране-производителю в характеристиках. Чему верить, непонятно.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_53.gif)
А чей рейтинг?
В блоке с рейтингом подписано, что это рейтинг METRO. Но что это значит? Рейтинг клиентов? Или какой-то свой рейтинг компании? Для меня это остается тайной.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_81_1.png)
Что такое нулевой рейтинг?
По некоторым товарам встречается рейтинг METRO 0/5. Возникает вопрос: что это означает? Отсутствие оценок или крайне негативную рекомендацию от ритейлера?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_98_1.png)
Кто может оценить товар?
Оценить товар может любой авторизованный пользователь. Даже если он его ни разу не покупал в METRO.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_99_1.png)
Выбор оценки
При тапе по оценке выделяется не вся, а лишь половина оценки. Чтобы добавить полную оценку, необходимо сделать свайп. И как до этого догадаться?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_100_1.png)
Возможность оставить отзыв
По товару можно поставить лишь оценку. Поделиться своими впечатлениями с другими покупателями с помощью отзыва нельзя.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-16.png)
Благодарность за оценку
Несмотря на то, что клиент потратил на оценку товара, пусть и немного, но времени и усилий, в подтверждении лишь констатируется факт, что оценку учли.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-17.png)
Скрытие подтверждения оценки
Вместо благодарности мне предлагают совершить еще одно действие: закрыть подтверждение, т.к. само оно не исчезает. Причем лишь нажатием на «Ok». Тап по фону ничего не дает.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-18.png)
Дублирование цены
Если кто-нибудь догадывается о скрытом смысле цены за штуку, которая дублируется в карточке товара в виде двух отдельных элементов, напишите в комментах.
![](https://awdee.ru/wp-content/uploads/2023/10/Frame_20_30_1.png)
Цены онлайн vs. при посещении
В карточке товара также подсвечиваются гораздо более выгодные цены… которые доступны только при посещении магазина. Ну и зачем мне тогда покупать в приложении?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_95_1.png)
Кликабельность артикула
Если мне потребуется артикул товара, быстро скопировать его в буфер обмена возможности у меня нет: придется запоминать и перепечатывать вручую.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_70_1.png)
Форматирование описания
Описание товаров часто идет единой «простыней» текста, без какого-либо разбиения на смысловые блоки и добавления отступов, чтобы легче читалось.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_71_1.png)
Подчеркивание характеристик
Кликабельные характеристики подчеркнуты. Это паттерн, свойственный для мобильного веба, но точно не для iOS приложений.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_72_1.png)
Единицы веса
Единицы веса отображаются очень нестандартно: в формате «г/мл». У части клиентов такая формулировка может вызвать вопросы.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_73_1.png)
Нужна ли кликабельность характеристик?
Когда параметры могут быть кликабельными? Когда есть товары с таким же значением, и клиент может искать именно по нему. Но стоит ли делать активным точный вес?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_74_1.png)
Точность upsell-рекомендаций
Хорошо, когда товары в upsell-подборке дополняют друг друга. Но когда, хоть и на базе big data, мне предлагают купить к десерту макароны – это решение сомнительно.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_76_1.png)
Нужно больше текста
В конце карточек клиента встречает объемный мелкий текст на половину экрана. Вероятно, всю власть в компании захватили юристы. А клиентский опыт? Ну, это вторично.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_77_1.png)
Избранное
22 замечания
Размещение раздела в каталоге
Избранное чаще всего – отдельный раздел. METRO идет своим путем и размещает его в каталоге. Это непривычно и может вызвать затруднения с поиском избранного.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_68_1.png)
Призыв к действию в empty state
Если я еще ничего не добавил в избранное, приложение просто говорит мне об этом, ни к чему не призывая.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-19.png)
Кнопки действия в empty state
Как и призыва к действию, каких-либо кнопок перехода в каталог, на главную или раздел с акциями в избранном не предусмотрено.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-20.png)
Пояснение к действию в empty state
Хотя избранное – это уже общепринятая функция, дополнить empty state кратким пояснением, как добавить туда товар, хорошо будет сочетаться с предыдущими предложениями.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-21.png)
Визуализация в empty state
Хотя в empty state избранного можно было бы добавить иллюстрацию, сделав экран более визуально приятным, эта возможность также не используется.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-22.png)
Отсутствие кнопки в таббаре
При этом в таббаре, где кнопка размещается у большинства компаний, у METRO выведен раздел с акциями, большая кнопка М. Но не избранное.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-23.png)
Отсутствие кнопки в быстрых действиях
Хотя раздел избранного можно было бы вывести в быстрые действия, его там нет. Причина проста: быстрые действия в приложении попросту не реализованы.
![](https://awdee.ru/wp-content/uploads/2023/10/IMG_EAC785F371B0-1_1.jpeg)
Размещение кнопки добавления в карточке
Кнопка добавления в избранное сидит в самом далеком, левом верхнем углу экрана. Видимо, чтобы я лишний раз не добавил туда понравившийся товар.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_69_1.png)
Необходимость авторизации
Без авторизации добавить товары в избранное нельзя. Такая механика может быть воспринята негативно и расценена, как форма принуждения.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_41-1.gif)
Haptic feedback при добавлении
Дополнительная тактильная обратная связь при добавлении в избранное не реализована, хотя могла бы сделать интерфейс более отзывчивым.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_43-1.gif)
Анимация при добавлении
При добавлении товара иконка сердечка прерывисто меняет свое состояние, хотя можно бы добавить легкую анимацию, сделав реакцию интерфейса визуально более приятной.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_43-2.gif)
Добавление из корзины
Если я решил отложить товар из корзины, дайте возможность добавить его в избранное: шансы на то, что я куплю его в будущем, ненулевые. Сейчас такой возможности нет.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_39_1.png)
Кнопка избранного при загрузке карточки
При открытии карточки товара кнопка избранного кратковременно отображается незакрашенной. Почему бы не передавать ее состояние еще до появления карточки?
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_44-1.gif)
Бейдж раздела избранного
Чтобы подсвечивать наличие товаров в избранном, многие компании добавляют к кнопке бейдж с числом товаров. Здесь же я сам должен помнить, что они там есть.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_45-1.gif)
Возможность создания списков
У клиентов могут быть разные поводы для покупки разных товаров. Но избранное не структурировано, поэтому все товары в нем размещены вперемешку.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_40_1-1.png)
Разбиение на категории
Учитывая, что у клиента в избранном может быть достаточно много товаров, разбиение его на категории могло бы решить проблему навигации. Но и этой функции пока что нет.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_41_1-2.png)
Сортировка избранного
Несмотря на то, что в избранном может быть много товаров, сортировка списка по ключевым параметрам не предусмотрена.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_42_1-1.png)
Отображение весовых товаров
В отличие от листинга, основная цена весовых товаров не имеет приписки, что она за единицу веса. Реальная цена видна лишь в слабо заметной подписи. Так делать не стоит.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_97_1.png)
Активная область чекбоксов
Активная область чекбоксов должна быть достаточна для нажатия пальцем. В данном случае, чтобы их выделить, приходится нажимать со снайперской точностью.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_43_1-1.png)
Стиль иконок действий
Иконки действий выполнены линиями разной толщины, из-за чего выглядят неединообразно. Причем толщина линий различается даже в рамках одной иконки.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_44_1-1.png)
Перенос нескольких товаров в корзину
Добавление нескольких товаров в корзину с помощью кнопки покупки не обосновано: выделяя их и нажимая на кнопку, мы совершаем больше действий, чем просто добавляя в корзину.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_46-2.gif)
Формат кнопки корзины
В избранном я встречаю уже третью версию кнопки корзины в рамках одного и того же приложения. Причины такого разнообразия не совсем понятны.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-gif-maker_5-1.gif)
Авторизация и оформление карты
21 замечание
Спектр способов авторизации
Авторизоваться можно лишь по номеру телефона: никаких быстрых механик авторизации не реализовано. Интересно, как скоро я начну получать заветные sms с акциями?
![](https://awdee.ru/wp-content/uploads/2023/10/IMG_F18C3F606240-1_1.jpeg)
Автоподстановка телефона
Поле с номером телефона не промаркировано, как phone number: подсказка с номером над клавиатурой не появляется, и мне приходится вводить его вручную.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_45_1.png)
Размер поля vs. номера телефона
Вводимый номер телефона занимает меньше половины поля, отведенного под него. Хм, можно было бы спроектировать поле так, чтобы размеры лучше соотносились друг с другом?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_46_1.png)
Кнопка перехода ко вводу кода
При вводе последнего символа номера телефона переход к вводу sms-кода происходит автоматически. И непонятно, зачем вообще на экран добавлена кнопка «Продолжить».
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_47-1.gif)
Деактивация поля ввода кода
При деактивации поля ввода кода элементы на экране сильно «скачут». Но возникает вопрос: зачем на этом этапе в принципе нужна его деактивация?
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_58.gif)
От оформления карты к вводу кода?
С экрана оформления карты можно вернуться к экрану ввода проверочного кода. Но зачем возвращаться именно туда, а не сразу к экрану ввода номера, непонятно.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_59.gif)
Маркировка имени и фамилии
Хотя у клиента на смартфоне и могут быть данные о своем имени и фамилии, поля ввода не промаркированы, как first и last name – в одно касание их не подставить.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_83_1.png)
Согласие vs. данные формы
Вероятно, юристы требуют, чтобы согласие с политикой конфиденциальности было видно всегда. Даже если оно будет наезжать на поля формы ввода.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_84_1.png)
Текст кнопки return
Нажатие на кнопку return переносит меня к следующему полю ввода. И хотя можно было бы выбрать для нее более релевантный текст «Далее», она просто гласит «Ввод».
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_60.gif)
Активация ввода даты рождения
При переходе к вводу даты рождения поле ввода не активируется по умолчанию, хотя это единственное целевое действие. Приходится активировать его вручную.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_85_1.png)
Расположение поля ввода даты рождения
Вдобавок к этому поле расположено в верхней части экрана и до него приходится тянуться, хотя в центре полно свободного места.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_85_1-1.png)
Placeholder даты рождения
Что именно означает дата в placeholder’е даты рождения, для меня загадка. День рождения METRO или, может быть, разработчика, который делал этот экран?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_85_1-2.png)
Формат ввода даты по умолчанию
По умолчанию для ввода даты используется барабан, относительно менее удобный при вводе дат.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_86_1.png)
Ввод кратких дат
Если я ввожу дату с годом, состоящим из 2 цифр, приложение ни дополняет его до 4 цифр автоматически, ни пропускает меня вперед к заполнению следующих полей.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_87_1.png)
Обязательность ввода email
Просто номером телефона тут не отделаешься: приходится делиться и email’ом. В обязательном порядке.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_88_1.png)
Активация ввода email
При переходе к вводу email поле ввода не активируется по умолчанию, хотя это единственное целевое действие. Приходится активировать его вручную.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_88_1-1.png)
Автоподсказка по email
По умолчанию вставить адрес электронной почты нельзя. Подсказка появляется только после начала ввода первых символов.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_89_1.png)
Раскладка клавиатуры для email
Всё усугубляется тем, что раскладка клавиатуры выбрана такая, что для ввода email переключать ее придется несколько раз. Спасибо.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_90_1.png)
Задержка перед проверкой email
При вводе email и переходе к следующему шагу наблюдается заметная задержка.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_61.gif)
Я точно не ошибся в email?
На экране говорится, что подтверждение было отправлено на мой email. Но проверить, не допустил ли я ошибку при его вводе, на экране нельзя – самого email’а на нем нет.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_91_1.png)
А что дальше?
На экране с призывом подтвердить email не совсем понятно, что делать дальше: в моменте подтверждать его, выходя из приложения, или нажать на кнопку «Далее»?
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_92_1.png)
Работа с корзиной
14 замечаний
Призыв к покупкам в empty state
Если в корзину еще ничего не добавлено, клиенту просто констатируют этот факт. Хотя можно было бы в явной форме предложить ему перейти к покупкам.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_63_1.png)
Призыв к авторизации в empty state
Если у клиента ничего нет в корзине, причина также может быть в том, что он забыл авторизоваться. Однако никаким призывом это сделать empty state корзины не снабжен.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_64_1.png)
Иллюстрация в empty state
Если товаров в корзине ещё нет, в качестве иллюстрации выбрана просто иконка корзины, хотя можно было бы подобрать что-то более релевантное контексту.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-24.png)
Реакция каталога на добавление
При добавлении товара в корзину по непонятной причине в таббаре запускается анимация кнопки каталога, хотя по сути привлекать внимание должна кнопка корзины.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_52.gif)
Скорость реакции корзины в таббаре
При добавлении товара кнопка корзины в таббаре реагирует с заметной задержкой.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_64.gif)
Формат суммы заказа в таббаре
Кнопка корзины в таббаре содержит сумму заказа. Само по себе это повышает информативность. Но указывать в сумме ещё и копейки излишне. Это делает таббар перегруженным.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-25.png)
Добавление отсутствующих товаров
По отсутствующим товарам нельзя посмотреть полную карточку. Но при этом в корзину их добавить можно.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_57.gif)
Кнопка при открытии карточки
При открытии карточки кнопка корзины вплотную прилипает к таббару и сливается с ним, хотя сверху достаточно пустого места.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_50_1-1.png)
Фиксация кнопки корзины
Кнопка корзины не фиксируется при прокрутке карточки. Чтобы добавить товар в корзину, необходимо прокручивать ее в начало.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_53-1.gif)
Быстрое добавление нескольких единиц
Возможности быстро добавить несколько единиц (текстом или через барабан) у клиента нет: приходится добавлять товары по одной штуке с помощью кнопок.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_65_1.png)
Число единиц до добавления в корзину
Устойчивый паттерн – отображать кнопки изменения числа единиц после того, как товар добавлен в корзину. Но METRO идет своим путем, без надобности перегружая интерфейс.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-26.png)
Подтверждаем изменение числа единиц?
Чтобы изменить число единиц, недостаточно несколько раз нажать на кнопки «+» и «–». Это действие приходится подтверждать, повторно нажав на кнопку корзины.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-27.png)
Ну нет товара – и нет
По некоторым товарам, которые, вероятно, недоступны для доставки, кнопка корзины попросту отсутствует. И этот факт вообще никак не поясняется.
![](https://awdee.ru/wp-content/uploads/2023/10/Frame_20_31_1.png)
Удалить vs. отложить
Если я решил не брать товар в моменте, альтернатив, кроме как удалить его из корзины, у меня нет. Отложить нельзя. Это снижает шансы, что в будущем я вспомню об этом товаре.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-28.png)
Оформление заказа
5 замечаний
Раннее оформление заказа
В отличие от доставки, заказ на самовывоз можно оформить лишь на ближайшие 3 дня. Сделать его заказ на более поздний срок нельзя.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_52_1-1.png)
Истекший интервал
При переходе в корзину по умолчанию выбран истекший интервал. Но зачем этот интервал продолжает отображаться, если он истёк, большой вопрос.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_62.gif)
Вложенность интервалов
Открыв общий список интервалов для самовывоза, я замечаю, что каждый предыдущий интервал включает в себя последующий. Логика такого разбиения не совсем понятна.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_-_2023-10-1-29.png)
Доставка ко времени
Возможности сделать заказ точно ко времени, либо в рамках более узкого промежутка времени, за отдельную плату нет. Нужно быть готовым прождать на месте 3 часа.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_54_1.png)
Подробные условия доставки
При тапе по ссылке на подробные условия доставки меня, во-первых, уводят из приложения на этапе оформления, во-вторых, переводят на правила применения промокодов.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_63.gif)
Оплата заказа
9 замечаний
Автоактивация ввода карты
При переходе ко вводу данных карты поле ввода ее номера не активируется по умолчанию, хотя это единственное целевое действие.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_56_1-1.png)
Ввод имени владельца карты
Несмотря на то, что при оплате в большинстве российских сервисов вводить имя владельца карты уже не требуется, в METRO вводить его всё же приходится.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_57.png)
Раскладка при вводе срока действия карты
При вводе срока действия карты используется символьно-цифровая раскладка клавиатуры – менее удобная, чем просто цифровая.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_58_1-1.png)
Переключение между полями ввода
Чтобы переключиться между полями, каждый раз нужно тянуться пальцем. Нажатие на return или ввод нужного числа символов не срабатывают.
![](https://awdee.ru/wp-content/uploads/2023/10/ezgifcom-resize_49-1.gif)
Алгоритм Луна
Проверка номера карты по алгоритму Луна не производится, хотя она позволила бы снизить вероятность ошибочного ввода без необходимости обращения к серверу.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_59.png)
Валидация имени
В то время как имя на всех типах карт отображается на латинице, здесь можно ввести его и на кириллице: приложение не воспринимает это, как ошибку.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_60_1-1.png)
Валидация срока действия карты
При вводе некорректного срока действия карты также ничего не происходит, хотя приложение могло бы подсветить, что ввод ошибочный.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_62.png)
Видимость кнопки оплаты
При вводе данных кнопка оплаты перекрывается экранной клавиатурой, и чтобы на нее нажать, требуется отдельно деактивировать поле ввода.
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_61_1-1.png)
Сообщение об ошибке
Но все же я был не совсем корректен, когда сказал, что данные не проверяются на ошибки. Сообщение об ошибке появляется при нажатии на кнопку оплаты. Вот его текст:
![](https://awdee.ru/wp-content/uploads/2023/10/Group_18_63_1-1.png)
To be continued…
Я решил остановиться на этапе оплаты. Надеюсь, что было полезно. Оценивая других, смотрим на себя. Подмечаем идеи. Прокачиваем свою насмотренность. Свои новые материалы я анонсирую в Телеграм-канале. Подписывайтесь, если не хотите их пропускать. На связи.
Обсуждение
Похожее
DIY UX Audit — большая бесплатная коллекция шаблонов и чеклистов для самостоятельного UX-аудита сайта или приложения
Схемы верстки от NASA
3 шага к хорошему тексту в интерфейсе