Презентация
серверов от Acer
До начала осталось:
Смотреть
Дизайн
Mojo

Дизайн-прожарка: что не так с мобильной версией AliExpress

«Дизайн-прожарка» — рубрика, в которой команда Mojo разбирает интерфейсы интернет-магазинов. Мы не только находим ошибки, но и рекомендуем, как их исправить.

В прошлых выпусках мы уже успели:

Замахнемся на гиганта eCommerce — AliExpress. В 2020 году компания удвоила средний чек и стала лидером по отправке посылок в России. Веский повод разобраться в UX/UI сайта.

С вами Женя Князев — продуктовый дизайнер Mojo. Говорить о проблемах AliExpress можно долго, для удобства разделю материал на две части.

В первой остановимся на мобильной версии маркетплейса, потому что трафик в mCommerce растёт, и пользователи чаще выбирают товары с «мобилки».

Главная страница

Сразу бросается в глаза цветастость интерфейса. Весь мир идёт к минимализму, но Китай с упорством игнорирует тренды и верстает яркие блоки. Из-за буйства красок поиск в шапке теряется.

«Слишком мелко» — описание, которое подходит почти к каждой странице сайта. Нечитаемые надписи и пустые пространства встретятся нам ещё не раз. Категории сложно опознать по иконкам. Названия мелкие, слова обрезаны. Игривые многоточия, скрывающие конец фразы… оставляют простор для фантазии пользователей.

Иконки пытаются в один стиль, но гармонию портит Tmail с анимированным логотипом. Такой акцент мог бы сработать, будь общий дизайн минималистичным, но пока что смотрится вырвиглазно. Кнопка «‎Смотреть всё»‎ тоже выделяется на фоне остальных и дублирует функцию таб бара.

Можно ли рекламные карточки сделать ещё меньше? Думаю, да, но результат не поменяется. Подарочные товары теряются на цветном фоне без подписей. Зато AliExpress выделяет дату окончания распродажи, искусственно поддерживая ажиотаж.

FOMO (Fear of missing out — страх упустить) так и дышит в спину покупателя

На скидках и купонах построена большая часть логики AliExpress. Видно, что они их продвигают, и в этом нет ничего плохого.

Однако низкое качество картинок и мелкие зоны нажатия портят впечатление. Дефисы вместо минусов на скидочных ярлыках частые гости на наших «Прожарках». Эта проблема встречается в каждом втором интернет-магазине, в некоторых гарнитурах знака «−» вовсе нет.

Плюс: правильно используют иконку-стрелку, чтобы обозначить аккордеон. Именно этот индикатор даёт понять пользователям, что нажатие откроет подменю, а не направит на другую страницу.

Каталог

Большинство пользователей AliExpress обращается к сайту, чтобы сэкономить или купить по цене «из Китая». Они ищут конкретные товары или категории, которые проще вбить в поисковую строку. Главная страница при таком сценарии отходит на второй план, что не умаляет её проблем.

Пользуетесь категориями на AliExpress?
Да
Не
Не пользуюсь сайтом
Показать результаты
Переголосовать
Проголосовать

Как ни странно, сама страница категорий оформлена чисто. Есть миниатюры у текстовых обозначений — так пользователи быстрее сканируют информацию. Области нажатия приемлемых размеров.

Почти все миниатюры в тему, кроме тематической одежды и униформы

Рекомендации

Не знаю, на что ориентируется алгоритм в подборе товаров — в списке представлены разные категории. Карточки подгружаются бесконечно. Чем дальше, тем хуже рекомендации.

В определенный момент теряешься в бесконечной ленте, хочешь вернуться на главную страницу, но стрелки для быстрого скролла вверх нет. Бесконечная страница с линейным изображением продуктов затрудняет пользователям поиск товаров.

Ленте конца-края нет

Плюс: AliExpress выделяет на карточке товара количество проданных продуктов. На гигантском сайте с 20 миллионами активных пользователей важно показать пользователю добросовестность продавца. Дизайнеры старательно избегают горизонтальную динамику — изображения в карточке товара нельзя пролистывать. На мой взгляд, карусель с иллюстрациями в каталоге была бы в тему.

Минус: дизайнеры сэкономили место и отдали названию одну строку. Из-за сокращений сложно опознать товар вне контекста. Хорошо, что продавцы подстроились под сайт и вынесли информацию на фото товара, выведя буйство красок на новый уровень.

Поиск

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

Плюс: товары в поисковой выдаче можно отфильтровать по разным критериям. Сами фильтры спрятаны в шторку и динамически меняются в зависимости от категории товара.

Не хватает только тултипов для сложных технических характеристик и строки с количеством найденных товаров по заданным фильтрам — стоит формировать ожидания от количества у посетителей.

Минус: отсутствует возможность выбора фильтров из одной категории для просмотра всех вариантов.

Баги в вёрстке давно перестали казаться чем-то необычным, но динамические фильтры смогли удивить своей излишней динамичностью.

Отдельно хотелось бы выделить AliExpress Plus. После нажатия на логотип меня сначала переместило на пустую страницу, а затем на сторонний сервис с другим дизайном. AliExpress умеет удивлять.

Карточка товара

Сайт не стесняется постоянно менять навигацию. На главной был один таб бар, а в карточке товара уже другой. И это не единичный случай, интерфейс часто меняется при переходе в другой раздел. Пишите в комментариях, как вы ориентируетесь на AliExpress.

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

Полотно текста в описании хочется пролистнуть. Хорошо, что продавцы знают эту проблему и сами вставляют справочную информацию в галерею.

Шторки — это хорошо, но они спрятаны под стрелочками, которые подразумевают переход на другую страницу. Постоянное использование похожих знаков для разных механик дезориентирует пользователя ещё больше.

На сайте выстроена грамотная фильтрация по баллам, языку, наличию комментариев и фотографий. К сожалению, сами отзывы страдают от мелких шрифтов и отсутствия вёрстки.

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

При попытке проверить информацию о продавце, AliExpress услужливо перевёл меня в отдельную вкладку без возможности вернуться.

Снова проблемы с вёрсткой, но говорить об этом уже бессмысленно. Не думаю, что страница популярна, но можно обойтись шторкой.

Радует, что сайт автоматически подстраивается под ОС телефона и предлагает удобный вариант входа в личный кабинет.

Однако от обязательной регистрации лучше отказаться вовсе. Мы уже разбирали, почему это плохое решение для eСommerce. Исследование Baymard говорит, что 28% отказов происходит из-за неё.

Корзина

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

Круглые чекбоксы в корзине — зло, которое позволяет себе только Apple в заметках.

Плюс: удобно сделано саммари в виде шторки.

Выводы

Всю прожарку не покидало ощущение, что сайт итерационно создавали разные дизайнеры. Местами есть крутые функции и правильные решения, но при этом банальности выглядят топорно и неказисто. Отдельную боль вызывает русификация.

В 2020 году AliExpress отпраздновал юбилей на российском рынке, но за десять лет они так и не решили проблему с автопереводом. И если странные названия или описания объясняются неграмотностью продавцов, то отсутствие локализации в пунктах меню вызывает лишь недоумение.

Видимо, не очень-то им это и нужно.

В следующей части будем говорить о десктопной версии. Не забудьте «+1» и подписывайтесь на Mojo, если нравится рубрика и хотите ещё :)

{ "author_name": "Mojo", "author_type": "self", "tags": [], "comments": 36, "likes": 61, "favorites": 100, "is_advertisement": false, "subsite_label": "design", "id": 213315, "is_wide": false, "is_ugc": true, "date": "Fri, 26 Feb 2021 10:04:04 +0300", "is_special": false }
0
36 комментариев
Популярные
По порядку
Написать комментарий...
38

Я думаю с ней всё не так)

Ответить
21

Только хотел написать, что с ней не так всё.
Цыганский рынок прямо в телефоне. Тут баннер, здесь баннер.
Интерфейс не успел загрузиться — держите купон 😂

Ответить
0

не всё) не хватает всплывающего уведомления со звуком, от которого можно инфаркт получить))

Ответить
8

Согласен на 100%, это просто пи...

Ответить
0

Тем более странно видеть такой развернутый пост. Достаточно было.

Ответить
30

AliExpress это один из ярких примеров того, как монополия может класть гигантский болт на UI/UX. У них и на сайте и в приложении плохо абсолютно всё, на каждом шаге критические ошибки в интерфейсе и юзабилити. Но у нас нет второго АлиЭкспресса, поэтому мы едим кактус.

Ответить
0

В общем-то, амазон тоже несколько кривоват

Но самую большую боль мне причиняет сайт ИКЕА - каша из корзин, проблемы масштабирования,..

Ответить
12

Цыганщина в UI – отличительная черта китайского графического дизайна, это ещё тут аудитория ни Weibo, ни BiliBili не видели.

AliExpress – китайский сервис сделанный китайцами для метафорических китайцев, которые привыкли к такому и любят такое. То что для вас «не так», для дизайн-команды Alibaba – эталон того как надо, не нужно лезть в чужой монастырь со своими уставами.

Нам, европейцам, не понять. А статья, если рассуждать о ней как просто о взгляде «с точки зрения европейца», хорошая, +1!

Ответить
7

Что за дебильное слово "прожарка", почему не "хуесосим"?

Ответить
1

Модерация не пропустит :с

Ответить
5

А Вы другие китайские приложения видели? Или сайты, как мобильные, так и настольные? Там всегда все пространство забито под завязку, все светится и мигает вырвиглазными цветами.
Национальная особенность, им так красиво.

Ответить

Комментарий удален

3

Из-за буйства красок поиск в шапке теряется

Искать они собрались! Берите, что дают. Системе виднее, что вам нужно.

Ответить
6

Где-то мы это уже слышали :D

Ответить
4

Немного не понял про отсутствие функции удаления из корзины - в корзине есть такая функция, в мобильном приложении под андроид тоже.

Ответить
2

Судя по тому, что автор не нашел - это тоже проблема.

Ответить
4

приложение AliExpress похожа на рынок где много всего и сложно в этом ориентироваться

Ответить
3

По превью решил, что статья о дошираке

Ответить
2

Норм интерфейс. Покруче Инстаграмма.

Ответить
1

Любой интерфейс покруче инстаграмма

Ответить
0

Сразу вспоминается видео Харчевникова, как он искал девушек по фото на алике

Ответить
2

Если ты можешь предложить товар дешевле остальных, то у тебя все равно будут покупать все, а дизайн, ui и все остальное не имеет ценности?

Ответить
0

В крайнем случае почитают про товар там где удобно, но купят у вас

Ответить
2

Жарьте, жарьте азиатов. Ваше мнение очень важно для них. Возможно, уже сейчас их всех загоняют на тренинги по российской ментальности, чтоб скрепным стал али экспресс, паттерны – от березки аль бересты ну и т. д.

Если серьезно. Поживите среди них год-два, понаблюдайте. Дели–Гонконг–Бангкок–Сингапур. Вам покажется всё вполне логичным и даже немного сдержаным – европейцев сильно пугать не стоит, тоже ведь рынок.

Ответить
2

Как же далеки комментарии по дизайну от реалий бизнеса, его аналитике и юзабилити тестов. У алика шикарный дизайн в рамках его бизнес-потребностей, не более, не менее. Его ниша — цыганщина, и с этой задачей он справляется лучше всех.

Ответить
2

Дизайнеры уже не один работающий и приносящий деньги проект убили своим "правильным" дизайном.

Ответить
0

"что не так с приложением которое приносит десятки миллиардов в год"
рассказывают люди которыеприложениями такого уровня никогда не работали

очевидно же что дизайнеры работющие на одну из самых богатых компаний мира не понимают нихуя, надеюсь топ-менеджмент прочитает эту статью

Ответить
1

Круто. Прям боль) Со многим согласен. Лишь есть один нюанс, правда, не оправдывающий алиэксперсс - у азиатского рынка, всё-таки, иные тренды в дизайне и, соответственно, пользовательские привычки. Всё пёстрое и буйство красок для них прям тру. Читал в своё время статью, описывающую кейс выхода на китайский рынок. Там люди смогли поднять продажи, когда врубили цветность и пёстрость на максимум. У нас бы всех вырвало от подобного сразу же)
Спасибо за прекрасный материал!

Ответить
1

И ни слова о том, что азиатский UI совсем другой. Хотя бы «да мы знаем». Либо забыли упомянуть, либо вам должно быть очень стыдно за такой разбор и надо пойти подучится     и понять практики других регионов мира )

Ответить
0

Но, всё-таки, Али вышел на наш рынок и наши практики игнорирует) Так что тут, всё-таки, косяк Али. Правда, конечно, условный, учитывая их победное шествие в режиме "невзирая"))

Ответить
0

Приложение Ali Express - это Гранд Базар в мире e-commerce.

Ответить
0

В Алиэкспрессе совершенно всё, не гоните)

Ответить
0

Опять простыня вкусовщины.

Ответить
0

По опыту работы с китайцами, могу сказать, что они действительно "клали" на все рассуждения об адаптации проектов в другой стране. Речь не только об Али. Многие немаленькие производители из Китая при выходе на зарубежный рынок тупо копируют свои сайты разве что с переводом, это может только США не всегда касается т.к. наиболее желанный рынок.

Ответить

Комментарии

null