Тестовое задание — разработать три экрана в трех стилях

Этап 1: перевожу текст, подчеркиваю главное и детали

App concept summary:

RS is a mobile app for adventure seekers and outdoors people to co-ordinate rides and carpool to locations like the beach or the mountains. RS has an emphasis on the environment by reducing carbon footprint through ridesharing and educating users on the benefits of conservation. The core function of the app is that Drivers can let other users know they will driving somewhere and offer to take a certain number of passengers at a certain time/date. Other users can RSVP to join that driver’s car as a passenger and track the vehicle’s path as it gets close to picking them up (like Uber). Users can also form private groups for regular trips and ridesharing rather than the default public option. Driver are volunteers and not paid to drive passengers, just a good deed!

Концепт приложения:

RS это мобильное приложение для искателей приключений и путешественников, оно позволяет создавать поездки каршеир и вместе кататься на такие локации как пляж или горы, и тд. RS делает акцент на сохранении природы и снижения выхлопа СО2, учит людей экономить.  Главная функция — водители могут оповещать попутчиков что они куда-то едут, и предложить подобрать с собой определенной количество пассажиров в точное время и день. Попутчики могут отвечать на приглашения присоединиться как пассажиры и отслеживать путь машины по мере ее приближения. (как в убере) Пользователи так же могут создавать приватные группы для регулярных поездок, на равне и с публичными. Водители — волонтеры, им не платят, работают за “спасибо”.

Этап 2: похожие приложения, плюсы и минусы

Бла бла кар

Экран  1 "создание поездки".
Минусы:

Довольно таки сумбурно — все в кучу:

Неясно что за желтый кружок и почему он не в середине если via;

Нет смысла ставить тогглер "туда обратно" если можно просто предложить оставить поле пустым;

Цену нам не надо.

Можно разделить этот огромный экран на шаги

Плюсы:

Есть комментарий к поездке;

Опция "только для женщин" — не думаю что они ее придумали сами, значит просили;

Можно указать багаж, и прочие детали.

Можно было бы добавить о перевозке животных

Экран 2 "присоединиться к поездке"

В целом все ок,  но:

Интуитивно не ясно что за конверт;

Нельзя добавить via (а надо ли?);

Что если не хочу искать на все даты?;

Красный не ассоциируется с концом поездки;

Недавние поиски неплохо, но я бы вынес их в меню ниже — очень важны.

Есть поправки: 

Цену нам не надо;

Карточки слишком большие, 2 карточки на экран — мало;

Не написать едет ли водитель через какие точки;

Если едет надо посмотреть какие (карта удобнее всего).

Удобно что можно бронировать онлайн;

Хорошо показан маршрут + есть время прибытия;

Внизу экрана — информация о водителе, это я узнал на второй день, не видно скроллинга.

Вместо "поделиться" я бы сделал "написать водителю"

В принципе все нормально, но можно сделать еще фильтр не позже какого-то времени, как на https://www.goopti.com

Экран 3 "вид карты" отсутствует.

Hitch a ride

Экран 1 "создание поездки"

Удобно что видно на карте точку;

Можно нажать "Автоприцел";

Большая кнопка "Дальше";

Можно написать свой адрес.

Большой палец вверх значит "стопить", но мы то везем отсюда — не подходит;

Мало настроек, даже день не поставить.

Отлично видно маршрут, но как его немного поменять? Нужны add via;

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

Экран 2 "присоединиться к поездке" посмотреть не могу, так как нету поездок вокруг, но можно посмотреть промо-видео.

В видео заметно что есть чат;

Видна точка пикапа на карте; 

Водитель может аппрувить райд; 

Экран 3 тоже недоступен. Однако виден на видео.

Этап 3: первый подход к снаряду, лоу-фиделити прототип

Экран 1 "создание поездки"

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

Что я сделал: 

Разбил один сложный экран на небольшие; 

Полоска индикатор;

Можно ориентироваться как по карте так и по адресу вручную;

Можно выбирать недавние локации;

Добавлять точки через которые едешь, очень много (по плану 5-8) + они сразу показываются на карте; 

Быстрые кнопки выбора "сегодня/завтра";

Так же комментарии, кол-во пассажиров, животные и курение.
 

Что получилось плохо:

Непонятно откуда взялся последний экран;

Кнопка "add a ride" не будет так работать, ее надо заменить на "my rides" — тогда последний экран будет и первым, но пустым; 

Чуть напутал Back и Clear — думаю надо оставить Back там где есть, чтобы избежать модальность, а кнопку Clear поставить рядом с формой;

Полосу прогресса нельзя туда-сюда дергать, пусть будет снизу.


Новые идеи:

Пусть дефолтная карта будет поменьше, но когда на нее тапаешь — будет раздуваться, сохраню так места.

Этап 4: макет в скетче

Экран 1 "создание поездки"

Первый пустой экран раздела.

Спрашиваем едет ли через что-нибудь.

Дата и время, тут облегчаем выбор наиболее очевидными сущностями — "завтра\сегодня".

Спрашиваем откуда едет человек.

Если да — даем заполнить форму, а снизу новые точки появляются на пути.

Детали поездки и комментарий от водителя.

Куда едет, снизу двигается прогресс.

Если выбирает через карту — раздуваем ее побольше, так удобнее выбирать.

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

Например
на айфоне 6

Три экрана в трех стилях: экспериментальный, айос, и материальный

Полное разрешение по ссылке

Выяснилось что недели не хватает, однако три стиля сделаны, получилось что один экран совсем не один, а целых девять (этап 4). Визуальная оболочка может быть совершенно разной (UI), но правильный  UX все расставит на свои места и сделает приложения эффективным: поможет пользователям не запутаться, водителям создать точную поездку, а пассажирам добраться до нужной точки.

Спасибо за интересное задание, жду от вас любой обратной связи.