Иллюстрация Freepik. Фотоделал мной

Икра: практический пример использования

Икра - это популярное приложение, которое предлагает доставку еды из местных ресторанов.

Отказ от ответственности: я не работаю на икру. Это тематическое исследование использовалось исключительно как инструмент для обучения и создания лучшего дизайнера.

Я провел двухнедельное тематическое исследование, чтобы проверить себя, чтобы улучшить порядок заказов Caviar для iOS. Будучи страстным любителем еды, Caviar - одно из приложений, которыми я часто пользуюсь, если не больше всего. Благодаря исследованиям мне удалось выявить несколько болевых точек, которые испытывали пользователи. Затем я прототипировал некоторые решения и проверял их с помощью пользовательских данных.

Исследовательская работа

Чтобы начать исследование, я начал изучать несколько конкурентов или аналогичные платформы, анализируя пользовательский интерфейс, UX, пользовательский поток, ключевые функции и обзоры, чтобы выявить общие проблемы.

Хотя многие рестораны, безусловно, предлагают свои собственные услуги по доставке и доставке, и на рынке есть несколько мелких игроков, в настоящее время есть четыре других основных конкурента Caviar Delivery: Uber Eats, Postmates, Grubhub и DoorDash.

Источник: Вторая мера

Отзывы Пользователей

Между iTunes и Google Play объединено около 9 000 обзоров, а приложение Caviar имеет средний рейтинг около 4,4 звезды. Я выявил потенциальные тенденции из отзывов пользователей, которые не выдвинули на первый план актуальные вопросы о юзабилити или функциональности. Я разделил жалобы на 4 категории:

  1. фильтрация
  2. Корзина / Оформить заказ
  3. Заказ из избранного
  4. Функциональные проблемы
Обзор плохих отзывов клиентов для приложения Caviar

Мои цели

  1. Рассмотрим методы исследования UX для выявления проблем пользователей
  2. Предложить помочь в создании действенных решений на основе наблюдаемых данных
  3. Изучите, как лучше подключить пользователей к оформлению заказов.
  4. Прототип и тестовые решения с пользователями для улучшения опыта Caviar

Объем

  1. Главный экран - пользователям было сложно найти что-то, например, фильтры или избранное.
  2. Корзина с продуктами - пользователям было трудно понять, как добавить больше товаров со страницы корзины / оформления заказа.
  3. Страница избранного - пользователи не могут найти эту страницу, которая не интуитивно понятна.

ШАГ 1 | Партизанское юзабилити-тестирование

Выполнение юзабилити-теста с 5 людьми поможет вам раскрыть 93% того, что можно обнаружить (ссылка). Я направился в Ferry Building, Сан-Франциско, и подошел к незнакомцам на улицах Сан-Франциско, чтобы провести 5 тестов юзабилити партизан. 3 участника были текущими пользователями Caviar и 2 никогда ранее не пользовались продуктом.

СЦЕНАРИЙ 1 - Допустим, вы живете в Марине и едите только безглютеновую пищу. Вы чувствуете, как едят салат из папайи из тайского места поблизости. Пожалуйста, укажите ваши предпочтения через фильтры и выберите ресторан, чтобы добавить товар в корзину.
СЦЕНАРИЙ 2. Скажем, час назад вы добавили блюдо в корзину и по какой-то причине не купили. Теперь вы хотите добавить один товар в ту же корзину и оформить заказ на доставку. Не могли бы вы показать мне, как бы вы разместили заказ из незаконченной корзины.
СЦЕНАРИЙ 3. Представьте, что у вас большой срок на работе и вы опаздываете в офис, чтобы закончить проект. Вы хотите заказать еду для себя и своей команды. Пожалуйста, покажите мне, как бы вы быстро зашли на страницу избранных, чтобы выбрать то же место, чтобы заказать пиццу, которая была у вас на прошлой неделе.

ШАГ 2 | Синтез

Я расставил приоритеты, какие проблемы были наиболее важными для решения. Я использовал метод отображения сходства, чтобы найти закономерности в своих наблюдениях и сгруппировать их. Я смотрел записи каждого экрана и записывал информацию о (виртуальной) записи, которую он отмечает. Я сегментировал каждого пользователя на разные столбцы, а затем записывал основные болевые точки на заметке. Затем я остановлюсь на наиболее важных 3 функциях, которые нужно повторить.

«Иногда я трачу более 30 минут на прокрутку списка ресторанов, просто чтобы не заказывать, потому что не могу найти то, что хочу» - Мелани

Выше моя матрица 2by2, которую я использовал, чтобы расставить приоритеты в болевых точках. Я взял результаты и обобщил основные пользовательские и бизнес-цели.

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

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

ШАГ 3 | сопереживать

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

ШАГ 4 | Пользовательский поток

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

ШАГ 5 | зарисовка

Затем пришло время начать делать зарисовки. Я придумал несколько потенциальных решений для каждой из болевых точек и сделал несколько грубых набросков пользовательского интерфейса. Я предварительно проверил эскизы интерфейса пользователя Lo-Fi и использовал обратную связь, чтобы уточнить свои эскизы и сузить свои решения для макетов Hi-Fi.

Но последовательность задач была недостаточно четкой, поэтому я объединил этот процесс с потоком задач lo-fi для дальнейшего изучения. Принимая это во внимание, я создал поток заданий в виде цифрового эскиза экранов, чтобы убрать все ненужные блокираторы. Я выбрал для каркаса большинство своих эскизов, а затем сузил свои лучшие решения на основе обратной связи с коллегами.

ШАГ 6 | Проверка

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

ОСОБЕННОСТЬ 1 | Новый домашний экран

Создавая новый домашний экран, пользователи лучше понимают приложение.

Новая панель навигации

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

ОСОБЕННОСТЬ 2 | НОВАЯ СТРАНИЦА КОРЗИНЫ

Новый экран корзины помогает пользователям получить более удобное оформление заказа.

ШАГ 7 | Ретроспектива

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

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

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

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

ONBOARDING: домашняя страница | Экран фильтров | ИзбранныеСТРАНИЦА КОРЗИНЫ: Выбор продуктов питания | Страница меню | Страница оформления заказа

Спасибо за чтение!

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

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

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

Это мой первый средний пост. Это отличное место, чтобы поделиться своими историями, своими проектами, получить обратную связь и пообщаться с другими, кто разделяет ваши интересы. Если вам это нравится, пожалуйста, хлопайте или комментируйте или оба. Я всегда открыт, чтобы встретить других увлеченных дизайнеров в этой области или тех, кто хотел бы поговорить о еде или UX. Не стесняйтесь связаться со мной на LinkedIn или Twitter

Особая благодарность Нику де Уильде и Дилану Риссену за ваши конструктивные отзывы и всем, кто поддерживал и помогал мне в работе над этим проектом!