Введение

Этот проект был сделан для конкурса UI/UX Design Bootcamp, проводимого Академией Бинар. Вот пример, не связанный с MRT Jakarta. Этот проект был для финального проекта.

Обзор

MRT в настоящее время является популярным общественным транспортом в Джакарте. Люди пользуются MRT ежедневно, поэтому будет удобнее, если для их пассажиров будет создано приложение. MRT-J или, как мы его назвали, MRT Jakarta — это приложение, созданное для пассажиров MRT, которое позволяет им легко и безопасно совершать сделки непосредственно через смартфон. Тем не менее, есть некоторые проблемы, с которыми сталкиваются пользователи MRT-J, такие как необходимость в более удобном дизайне пользовательского интерфейса, функция сканирования QR для более быстрого способа оплаты, push-уведомление для отслеживания карты в реальном времени и кошелек в приложении, чтобы помочь пользователям планировать свой транспорт. Деньги. Поэтому цели нашей команды — улучшить дизайн пользовательского интерфейса, обновить функции и добавить новые функции в это приложение. Это исследование является результатом сотрудничества между командой UI/UX и командой менеджеров по продукту.

Фон

Мы хотим обновить MRT-J, чтобы сделать его более удобным приложением для пассажиров MRT. Согласно опросу, проведенному командой PM, процент удовлетворенности клиентов приложением MRT-J составляет всего 45%. Мы хотели бы улучшить дизайн пользовательского интерфейса, поток и функции, чтобы увеличить этот процент.

Роль:

• Скрам-мастер: Кристиан Ферианто
• Менеджер по продукту: Шелли Салфатира, Мухаммад Акбар Сиахвана
• Дизайнер пользовательского интерфейса: Ризки Ананда
• Исследователь UX: Александр Жюстин Сантьяго , Кирана Норма Чандра

Процесс проектирования: дизайн-мышление

В нашем процессе проектирования мы решили реализовать дизайн-мышление в качестве нашей основной основы. Поскольку дизайн-мышление ориентировано на человека и основано на решении, оно соответствует требованиям задачи. Эта структура дизайн-мышления состоит из эмпатии, определения, идеи, прототипа и тестирования.

1️. сопереживать

На этом этапе мы выполним 3 основные задачи: цели исследования, задачи исследования и вопросы исследования. Этот начальный процесс является этапом поиска проблем в приложении MRT-J.

Существующее приложение

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

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

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

Будет переработан процесс покупки билетов и обновлен пользовательский интерфейс.

Вопросы исследования :

Опрос был распространен среди пользователей MRT-J. В рамках этого опроса мы задаем им несколько вопросов о производительности приложения MRT-J и их проблемах с ним. Сам опрос состоит из нескольких вопросов, но мы решили сосредоточиться на 3 вопросах, показанных ниже, как решение проблем, с которыми часто сталкиваются пользователи.

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

Личность пользователя

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

2. Определите

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

Как только мы понимаем болевые точки пользователя, мы определяем, как мы могли бы решить эти проблемы. Чтобы наметить нашу главную цель, мы используем How-Might-We.

3. Идеи

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

4. Прототипирование

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

Пользовательский поток

Каркас

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

Система дизайна

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

После того, как дизайн-система завершена, был создан прототип на основе дизайн-системы и каркаса.

Прототип

Список опыта прототипа:

• Войти на главный экран
• Отсканируйте QR-код на станции MRT и в реальном времени
• Пополнить кошелек в приложении
• История Деятельность

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

Юзабилити-тестирование

Целевое тестирование: Отвечают ли новые функции MRT-J потребностям пользователей?
Ключевой вопрос: роль MRT-J для пользователей MRT.

Реализация УТ:

• Немодерируемое юзабилити-тестирование с пользователями MRT-J.
• Использование «Лабиринта» для сценариев и юзабилити-тестирования с обратной связью.
• Все пояснения по вступлению, правилам и сценарию находятся в лабиринте.

• Войти на главный экран
• Отсканируйте QR-код на станции метро
• Живое местоположение
• Пополнить кошелек в приложении
• История Деятельность

• Доступный и практичный дисплей
• Детализация функции платных функций.
• Размер шрифта в меню «Активитас» недостаточно велик.
• Расположение линии метро
• Создайте обучающую страницу

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

Спасибо за чтение Если у вас есть какие-либо отзывы, я хотел бы услышать от вас. Поздоровайтесь по адресу [email protected] или зарегистрируйтесь на Behance , Dribbble , Linkedin .