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

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

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

  1. Атмосфера в команде
  2. В команде были компетентные и открытые сотрудники, которые не боялись задавать вопросы, да было много глупых и не очень вопросов, но никто не осуждал и не подкалывал друг дргуа, и мы быстро решали каждую неясность.
  3. Фокус. Мы сфокусировались на работе над проектом, не переключались на другие задачи. Мы определили время, разделили его на спринты и полностью сосредоточились на задаче.
  4. Коммуникация. Была четкая и своевременная коммуникация с заказчиком. Мы оперативно согласовывали такие вопросы, как источник данных и необходимые функции. Наш менеджер четко выяснял все детали, и мы быстро получали необходимые ответы.

Итак мы знаем функционал, знаем сроки, команда тут, погнали.
2.
Фокусировка
Что происходит и что из этого важно?

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

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

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

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

На основе подготовленных экранов я подготовил карту взаимодействия пользователя с приложением, где показал все переходы. Основным экраном был главный, так как он был что то вроде пульта управления всем функционалом. Ну и на нем отображались карты, карты оплаты и возможность пополнения счета, привязка и прочее.
3.
Дизайн
Разумеется, дизайн системы и компонентной базы в данном проекте не было, но был бренд Бук, что уже не плохо. и были цвета, логотипы, шрифт, а это уже хорошо. Мы использовали библиотеки Material Design и если что, то необходимо было подкастовать, быстренько проговаривали в чатике. Так шажек за шажком собирали наши разделы.

Вторая итерация

Проездной документ, пополнение баланса

Подборка экранов приложения

4.
Финал
Нам удалось сдать проект в срок, и все участники данного проекта остались довольны результатом. Приложение работает по сей день и компания осуществляет поддрежку . Конечно за прошедшее время в сторах появились комменты и пожелания - которые необходимо учесть, но пусть это останется в наследство другим дизайнерам
Mobile app
Product design
«Таганрогский трамвай»
Мобильное приложение для проезда на общественном транспорте
Made on
Tilda