дизайн концепции проекта

Приложение Alito

Концепция и дизайн приложения для поиска оптимальных вариантов товара на AliExpress и отслеживания доставки.

Идея приложения

Более 20 млн. россиян ежегодно совершают покупки в приложении AlieExpress. Но это часто сопровождается многими трудностями, например, сложность отслеживания доставки.

Цель проекта

Приложение Alito предназначено для улучшения опыта покупки товаров с AliExpress со смартфона.

Метод разработки проекта

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

Создание и проверка гипотез

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

Этап Гипотеза На самом деле Возможное решение
Выбор Сложно выбрать из большого количества предложений Сложно найти лучшего продавца для выбранного варианта товара
В мобильном приложении стало много рекламы
Возможность сравнивать варианты в стороннем приложении
Возможность видеть информацию о продавце
Возможность сравнивать цены
Покупка Может не пройти оплата С оплатой проблемы случаются нечасто
Цена на товар может быть накручена, надо купить по оптимальной стоимости
Возможность смотреть динамику цены и сравнивать
Ожидание Долгое ожидание утомляет Проблема не столько в долгом ожидании, сколько в неизвестности.
Непонятно, когда пора начинать выяснять статус посылки
Написать информацию о нахождении покупки более человечным языком.
Вместо "Гонконг - пакет ушел"
"Посылка покинула Китай и прибудет в Россию в течение 10 дней"


Push уведомления о местонахождении покупки и сколько времени ждать до следующего этапа
Ожидание нескольких товаров Пользователю сложно отслеживать все товары, он бы хотел, чтобы все заказы доставлялись в одной коробке Ожидание одновременно нескольких товаров не вызывает проблем, если пользователь уверен, что доставка идет по плану
Уведомление о доставке в почтовое отделение Получив уведомление от AliExpress, что заказ пришел, пользователь хочет скорее забрать его, пока он не пропал из отделения Получение уведомления о доставке с AliExpress не всегда означает, что заказ действительно прибыл в почтовое отделение. Приходится проверять через сервис почты России. Автоматическая отправка запроса на сервис почты России для точной информации о прибытии покупки в почтовое отделение
Выяснение ситуации Если посылка не приходит, надо открывать спор с продавцом, а это сложно Если заказа нет в отделении, а срок подошел, то непонятно, с кем стоит начинать спор. Надо писать продавцу или обращаться в почту России? Прописать четкие инструкции, что именно делать на каком этапе. Возможность отправки запроса на почту либо продавцу одной кнопкой.
Получение Получать заказ на почте занимает много времени Получать заказ на почте занимает много времени Организовать альтернативную службу доставки невозможно в рамках данного проекта. Но можно при выборе товара дать возможность установить фильтр на доставку plus, которая должна доставляться домой.
Распаковка Страх, что товар не соответствует ожиданиям или был поврежден во время перевозки Страх, что товар не соответствует ожиданиям или был поврежден во время перевозки
Обидно, что столько времени зря потрачено
Облегчение процедуры возврата
Фильтр товаров по параметру "Наличие бесплатного возврата"
Возврат Спор с продавцом надо вести на английском
Процедура возврата очень сложная
Вести спор на английском не так уж сложно благодаря google translate.

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

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

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

Создание Job Stories

Поскольку AliExpress имеет огромный охват аудитории, создавать для такого проекта персоны не имеет смысла. Поэтому был выбран подход jobs-to-be-done. Ниже указаны job stories, созданные на основе анализа глубинных интервью, а также фичи приложения.

Ситуация Мотивация Ожидаемый итог Фича
Когда я делаю покупку на AliExpress Я хочу купить дешевле, чем в России Чтобы у меня оставалось больше денег Сервис не должен добавлять стоимость к покупке товара, это делает выбор AliExpress бессмысленным
Когда я уже точно знаю, что беру этот товар Я хочу выбрать нормальную доставку Чтобы не ждать слишком долго Сделать фильтр по службе доставки, обозначить службы разным цветом в зависимости от скорости
Когда я выбираю товар Я хочу купить его у надежного продавца Чтобы не оказаться обманутым Проверка рейтинга продавца и оценка степени доверия к нему
Когда я уже выбрал товар Я хочу купить его по самой низкой цене Чтобы покупка была точно выгодной и возиться с доставкой имело бы смысл Возможность сравнить с другими предложениями на тот же самый товар. Для этого в Похожие товары должна быть возможность указывать категорию, фото, ключевое слово

Отслеживать динамику цены товара и ждать, когда она упадет
Когда я жду доставку Я хочу точно быть уверен, что она идет без проблем Чтобы знать, когда начинать спор с продавцом, если что-то не так Отслеживание покупки на всех этапах
Предупреждения, если пора предпринять действия
Указания, что точно делать в возникшей ситуации
Когда я получаю уведомление о доставке Я хочу, чтобы заказ действительно был в моем отделении Чтобы при визите на почту точно знать, что он там Дополнительная проверка в Почте России, должна выполняться автоматически
Когда заказ пришел в мое почтовое отделение Я хочу, чтобы мне его принесли прямо домой Чтобы не тратить время в отделении почты Организации такого сервиса доставки потребует увеличения цены продукта, что идет вразрез с основной потребностью пользователя. Поэтому отменить взаимодействие с почтой не получится

AliExpress запустил сервис plus, который позволяет получить покупку с доставкой на дом. Сервис должен иметь функцию фильтрации товаров по типу доставки, так, чтобы можно было выбрать только варианты с доставкой plus
Когда я обнаруживаю, что доставленный товар плохого качества Я хочу получить назад все деньги Чтобы не жалеть о потраченном времени и средствах Возможность выбрать продавца, который без проблем возвращает деньги
Встроенные инструкции по возврату товаров
Когда я снова хочу купить товар у того же продавца Я хочу быстро найти тот товар и название продавца Чтобы не тратить время на поиски и не ошибиться, заказав похожий товар у другого Список совершенных покупок, где для каждой покупки обозначен продавец. Возможность сразу переместиться на страничку продавца
АНАЛИЗ ПУТИ ПОЛЬЗОВАТЕЛЯ

Создание customer journey map

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

Посмотреть CJM
Banner

Ценностное предложение

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

Потребности

Рациональные причины для выбора

Сэкономить деньги, покупая товары по самой выгодной цене

Быстро сравнивать предложения и выбирать оптимальный вариант

Точно знать ситуацию с посылкой и быть в состоянии решить ее

Желания

Эмоциональные причины для выбора

Чтобы сравнивать варианты было легко и понятно

Не беспокоиться, ожидая заказ. Точно знать, чего и когда ожидать

Ощущать себя современным и умным

Страхи

Что мешает пользователю переключиться на приложение

Интерфейс может оказаться слишком сложным, лень разбираться

Привык к оригинальному приложению

Скрытые платные функции, которые не сразу очевидны

Преимущества

Что выделяет приложение от конкурентов

Помощь на всех этапах покупки, от выбора до возврата

Быстрый поиск похожего варианта для любого предмета

Инструкции для решения проблем на любой стадии

Опыт использования

Что ощущает пользователь, когда использует продукт

Удобство поиска и сравнения товаров

Ощущение контроля над ситуацией

Доступность всех вариантов товара

Доступность всех вариантов товара

Функции

Что сможет делать пользователь с помощью приложения

Быстро оценивать продавца, отзывы, варианты доставки

Отслеживать цену и покупать, когда она падает

Искать похожие товары и сравнивать

Отслеживать посылки и решать проблемы с ними

Смотреть купленные товары и переходить к выбранным продавцам

Получать кешбэк с купленных товаров

Анализ конкурентов

Сравнение цен и товаров

AliTools AliHelper AliRadar
Количество скачиваний 500 тыс + 500 тыс + 1 млн +
Наличие рекламы
Нет В Похожие товары есть реклама "Горячие товары" в отдельной вкладке
Функции настроек Уведомления
Регион
Язык
Валюта
Язык
Валюта
Доставка
Уведомления
Валюта
Язык
Уведомления
Инструкция
Пошаговая инструкция, доступна сразу из меню Пошаговая видео-инструкция, доступна сразу из меню Пошаговая инструкция, доступна сразу из меню
Push уведомления
Значок уведомлений, но для всех сразу
Возможность получать уведомления по конкретному товару
Написано, в каком именно случае приходит push-уведомление
Возможность получать уведомления по конкретному товару
Значок уведомлений, но для всех сразу
Возможность получать уведомления по конкретному товару
Список товаров
Плюсы
Можно посмотреть историю просмотра товаров
Показан рейтинг продавца, но не сразу понятно, что это он
Возможность посмотреть только с упавшей ценой
Показана динамика цены

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

Минусы
Нет поиска и фильтра
Плюсы
Показана цена и динамика
Можно посмотреть историю просмотра товаров
Показан рейтинг продавца
Показана доставка стоимость / бесплатная

Минусы
Показаны дополнительные товары, которые не отмечались
Редактирование списка товаров
Удаление позиции сдвигом Удаление сразу нескольких позиций Каждая позиция удаляется отдельно двумя нажатиями
Отслеживание цены товара и добавление в избранное
Кнопка очевидна и видна из любой вкладки
Есть отдельная кнопка для получения/ отключения уведомления и написано, что именно она делает
Кнопка очевидна и видна из любой вкладки
Есть отдельная кнопка для получения/ отключения уведомления и написано, что именно она делает
Неочевидно, что это и есть добавление в избранное (может я хочу просто запомнить и сравнить потом с чем-то)
Можно добавить только из рубрики Цена
И цена и уведомление настраиваются одной кнопкой
Отображение похожих товаров
Нет такой функции, поэтому нельзя сравнивать Плюсы
Указана цена, доставка, количество заказов, рейтинг продавца,
Фильтр и сортировка для похожих товаров

Минусы
Есть реклама
Плюсы
Указана цена, надежность, рейтинг и количество товаров

Минусы
Нет фильтра и сортировки для похожих товаров
Поиск товаров
Нет такой функции, любой товар ищется на AliExpress и потом добавляется сюда. Нет такой функции, любой товар ищется на AliExpress и потом добавляется сюда.
Новые товары в приложении можно найти только из вкладки Похожие
Можно найти товар на AliExpress по имени
Есть категории для фильтрации
Подборка товаров на поиске
Нет Нет Товар может оказаться недоступен
Фильтр для поиска товаров
Нет Нет Плюсы
Можно отфильтровать по рейтингу продавца или цене

Минусы
Ползунок цены почти на минимуме, а цена 819 тыс. Это делает настройку цены почти бессмысленной
Связь с AliExpress
Не надо каждый раз вводить логин и пароль
Можно перейти прямо на страницу нужного товара
Не надо каждый раз вводить логин и пароль
Можно перейти прямо на страницу нужного товара
Не надо каждый раз вводить логин и пароль
Можно перейти прямо на страницу нужного товара
Информация о продавце
Общий рейтинг
Можно ли покупать

Сколько лет на площадке
Сколько процентов покупателей остались недовольными
Довольны ли покупатели общением
Соответствуют ли товары описанию
Насколько быстро отправляет товары
Общий рейтинг
Можно ли покупать

Сколько лет на площадке
Много ли довольных покупателей
Довольны ли покупатели общением
Соответствуют ли товары описанию
Насколько быстро отправляет товары
Общий рейтинг
Можно ли покупать
Название

Сколько лет на площадке
Общий рейтинг
Довольны ли покупатели общением
Соответствуют ли товары описанию
Насколько быстро отправляет товары
Сколько процентов покупателей остались недовольными за 3 месяца
Фото
Нет

Нет
Отдельной вкладки с фото нет, под разделом Фото имеются в виду Отзывы
Отзывы
Нельзя посмотреть отзывы, но есть обзоры Плюсы
Есть количество отзывов
Есть фильтрация отзывов
Можно включить и отключить перевод отзывов

Минусы
Не понятно, где средний рейтинг
Плюсы
Виден рейтинг, дата отзыва и фото
Количество отзывов, количество заказов

Минусы
Не всегда есть
Почему-то обозначены как фото видны границы между отзывами
Нет фильтра и сортировки для отзывов
Поиск в избранном по названиям
Есть
Поскольку названия товаров английские, искать надо на английском
Нет поиска Есть
Экспорт конкретного товара с AliExpress
Зайти в приложение AliExpress - Выбрать товар - Поделиться - Еще - AliTools Зайти в приложение AliExpress - Выбрать товар - Поделиться - Еще - AliHelper Зайти в приложение AliExpress - Выбрать товар - Поделиться - Еще - Aliradar
Ощущение от дизайна
Информация о вариантах доставки
Нет информации о доставке Показано есть ли бесплатная доставка.
Не показано plus или нет.
Не показаны варианты доставки.
Есть объяснение, что показан самый выгодный вариант доставки
Показано есть ли бесплатная доставка.
Не показано plus или нет.
Не показаны варианты доставки.
Динамика цены
Плюсы
Возможность поделиться информацией

Минусы
Цена в долларах
Не понятно, за какой период выросла цена или упала
Цена видна не из всех вкладок
Очень информативно, понятная история цены
Выросла за какой срок
Не понятно, за какой период выросла цена или упала

Отслеживание доставки покупок

TrackGO 1Track Посылки Track24
Количество скачиваний 50 тыс + 50 тыс + 1 млн + 1 млн +
Начало использования
Настройки Темная тема
Валюта
Регионы
Язык
Уведомления
Сохранение паролей
Push-уведомления
Иконки компаний у событий
Перевод событий (у статусов)
Вид
Тема
Язык
Страна назначения
Свежеобновленные посылки сверху
Готовые к получению в самом верху
Давно без информации внизу
Скрыть неотслеживаемые
Показывать название службы
push-уведомления
Темная тема
Описание сверху
Обратная сортировка
Язык статусов
Темная тема
push-уведомления
сканирование
Список посылок
Плюсы
Виден статус заказа
Видно что какая надпись обозначает

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

Минусы
Не сразу понятно, что отображает какая надпись
Плюсы
приятный дизайн

Минусы
Непонятная навигация
Сверху блок рекламы
Плюсы
Нет лишнего

Минусы
Не информативно
Отслеживание посылок
Плюсы
Показано сколько всего дней дать и сколько дней в пути
Прогнозируемое время доставки
Возможность скопировать трек-код одной кнопкой
Возможность показать трек-код как штрих-код или QR-код

Минусы
Слишком много лишней информации, часть на английском
Важная информация - о сроках и времени плохо видна
Плюсы
Показано сколько дней в пути
Возможность скопировать трек-код одной кнопкой (но это не очевидно, надо нажать на код)
Возможность показать трек-код как штрих-код

Минусы
Слишком много лишней информации, часть на английском
Не указано прогнозируемое время доставки
Плюсы
Путь доставки написан просто и по-русски
Сразу видно когда и что произошло
Возможность скопировать трек-код одной кнопкой (но это не очевидно, надо нажать на код)
Возможность показать трек-код как штрих-код

Минусы
Нет инфы сколько всего ждать и сколько осталось
Нет картинки
Не указано прогнозируемое время доставки
Нет информации о прогрессе
Плюсы
Указано сколько дней в пути

Минусы
Очень подробно написано много мелких деталей, которые не нужны
Не указано прогнозируемое время доставки
Нет информации о прогрессе
По посылке нет информации Плюсы
Информация о push-уведомлениях
Аккуратный дизайн почтовых служб

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

Минусы
График с самолетом не отображает реальной информации, он просто для красоты
Дизайн с неровностями, много текста
Минусы
Вообще нет информации
Сразу была
Отображение посылки без информации в списке
Никакой разницы Значок отображает статус посылки Значок отображает статус посылки Просто надпись нет данных
Кнопка добавить
Возможность импорта
Возможность вводить несколько трек-кодов одновременно
Кнопка сканировать не совсем понятна
Кнопка сканировать
Возможность импорта
Возможность вводить несколько трек-кодов одновременно
Кнопка сканировать
Возможность импорта
Указан перевозчик (зачем?)
Автоматически подгружается последний отсканированный трек-код
Кнопка сканировать
Возможность импорта
Возможность задать название товара
Соединение AliExpress
Необходимо вводить логин, пароль, проверочный код Необходимо вводить логин, пароль, проверочный код Необходимо вводить логин, пароль, проверочный код Нет такой возможности
Импорт посылок
Зачем-то показывает старые заказы В списке есть старые посылки, которые давно доставлены Только трек-номер, но он автоматически добавляется, если он скопирован Только трек-номер, но он автоматически добавляется, если он скопирован
Ощущение от дизайна
Возможность экспорта с нескольких площадок
Плюс
Несколько площадок

Минус
Не очень хороший дизайн
Плюс
Удобный интерфейс и дизайн

Минус
Только 3 площадки
Плюс
Удобный интерфейс и дизайн
Много площадок
Только трек-номер
Поиск по текущим посылкам
Нет поля для ввода и требуется вводить трек-код Только поле для поиска, ничего лишнего
Можно вводить названия товаров по именам
Поле для поиска на экране, но нельзя искать по названиям Нет функции
Сортировка списка посылок
Несколько вариантов сортировки Нет Нет Сортировка есть, но не понятно что конкретно означает "Возрастание" и "Убывание"
Наличие рекламы

Нет

Нет

Есть

Нет
Push-уведомления

Есть, но туда приходит и реклама об акциях

Есть, только о статусах посылок

Премиум-функция

Есть, только о статусах посылок
Дополнительные функции Возможность кэшбека
Просмотр цен
АНАЛИЗ ПУТИ ПОЛЬЗОВАТЕЛЯ

Создание User Flow

User flow (flow-chart) для полного пути покупателя, начиная от захода в приложение до решения вопросов с полученными покупка. На основании user flow создавался список экранов приложения. Сделан с помощью Overflow.

Посмотреть User Flow
User Flow
Создание первого прототипа

Создание первого прототипа

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

Посмотреть видео прототипа

Тестирование первого прототипа

Тестирование прототипа Figma, выполняется на экране мобильного телефона и на экране компьютера

Модерируемый метод, модератор находится рядом

Количественная оценка (процент выполненных заданий)

Качественная оценка (сложность выполнения и замечания)

Посмотреть таблицу с результатами
Тестирование пользователей

Цели исследования

Поиск ответов на вопросы:

На каких шагах у пользователя возникают трудности?

С какими заданиями справляются быстро, а с какими нет?

В чем заключаются возникающие трудности?

Какие ошибки совершают пользователи?

В чем заключаются возникающие трудности?

Понятны ли элементы интерфейса и их функционал?

В чем заключаются возникающие трудности?

Какие происходят ошибки и чем они вызваны?

Как предотвратить ошибки?

Вопросы к участникам

Вопросы, которые задавались пользователям в ходе исследования

Всегда ли было понятно, что действие сработало?

Расскажите о случае, где вам не хватило подсказок от системы?

Когда было сложно определить следующее действие?

Сколько раз функция элемента оказалась не такой, как вы ожидали?

Какие элементы интерфейса было сложно использовать?

Были ли элементы интерфейса понятны и читаемы?

5
7
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
8
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
5
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
УЧАСТНИКОВ
41
2
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
3
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
7
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
ПОСТАВЛЕННАЯ ЗАДАЧА
72,5%
4
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
2
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
6
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
РЕШЕННЫХ ЗАДАЧ
94
5
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
7
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
8
  • 0
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
ЗАМЕЧАНИЯ

Замечания

27%

Логика и навигация

20%

Названия разделов

85%

Понятность иконок разделов

18%

Фильтр и сортировка

8%

Поиск нужного товара

6%

Удобство использования

Оценка сложности выполнения заданий

Замечания-диаграмма
Наиболее проблемные задачи (справилось менее 20%)
Задача Причина
Сортировка элементов Пользователь выбирает Фильтр вместо сортировки
Выполнение операций в списке Не понятно, что есть такая возможность
Удаление элементов из списка Не понятно, где кнопка удаления
Проблемные задачи (справилось менее 40%)
Задача Причина
Добавление в избранное Иконка не соответствует ожиданиям, список сохраненных товаров имеет непонятное наименование
Очищение списка уведомлений Пользователь ожидает, что список должен автоматически очищаться после просмотра. Не ясно, где кнопка очистки списка
Отметить товар как доставленный / полученный Пользователь ожидает, что товар должен сам добавляться в архив после получения. Пользователь не хочет "давать кому-то отчет"
Сортировка заказов по дате прибытия Ожидается, что последний товар, с которым взаимодействовали, будет наверху
Перенос товара в архив Должно выполняться автоматически
Дизайн-система

Создание дизайна

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

Посмотреть дизайн-систему