Всё, что вам нужно для создания приложения навигации и транспорта в Adobe XD

Приложения совместного использования полностью изменились, так много проходит мимо нас. Поскольку технологии революционизируют, они неминуемо затрагивают транспорт, мы стремимся создать лучший пользовательский сервис для людей, которые находятся в пути. Изучите все тонкости проектирования приложения с навигацией вместе с Орельеном Саломоном, дизайнером из Монреаля, чей комплект UI Navigo предоставляет вам 60 настраиваемых экранов и множество различных элементов и символов. В эти выходные попробуйте создать собственное приложение с компонентами навигации и транспорта.

 

Начало работы с Navigo UI Kit в Adobe XD

Вот быстрые шаги, которые вам нужно выполнить, для того, чтобы начать работу с Adobe XD и Navigo UI Kit:

  • Шаг 1: Загрузите последнюю версию XD и UI Kit. Загрузите последнюю версию Adobe XD.
  • Шаг 2: Загрузите Navigo UI Kit. Нажмите здесь, чтобы загрузить Navigo. Он включает в себя более 60 настраиваемых экранов в шести различных пользовательских сценариях, содержащими символы и другие элементы, которые помогут вам спроектировать навигацию, профиль, обмен в социальных сетях, адаптацию и другие функции для приложений связанных с навигацией.
  • Шаг 3: Изучите Navigo UI Kit и всё, что он предлагает. Navigo, позволяет быстро собрать приложение с навигационными компонентами, от карт для поиска попутчиков до расписаний общественного транспорта и информации о рейсах. Это всё, что вам нужно для разработки навигации вашего приложения. Кроме того, существует множество других экранных компонентов, таких как онбординг, создание фидов активности и профиля, статистики и информации, а также меню. Используйте эти компоненты в дизайне вашего приложения или в качестве шаблона, который вы можете редактировать.
Navigo UI Kit для Adobe XD
  • Шаг 4: Начните проектирование. Используйте набор UI в качестве отправной точки для создания своего экрана заставки (Splash Screen) и объединения её с основными экранами вашего приложения, такими как вход в систему, профиль, информация об оплате и экраны навигации.
  • Шаг 5: Время для прототипа. Просто соедините экраны между собой, чтобы создать интерактивный прототип, которым вы сможете поделиться.
  • Шаг 6: Опубликуйте свой прототип и поделитесь ссылкой.

Лучшие советы от Орельена, по созданию приложений для транспорта, с помощью пользовательского интерфейса Navigo

Орельен Саломон (Aurélien Salomon)—дизайнер, увлечённый UX и автомобилями. Родом из Мартиники, он изучал инженерию в Париже, а затем базировался в Монреале, где сейчас разрабатывает различные стартапы вместе с такими известными брендами, как Apple, Google, Lonely Planet, и конечно, Adobe. Увлечения Орельена сделали его идеально подходящим для разработки транспортного комплекта UI для XD.

Aurélien Salomon

«Для транспорта и навигации в целом, контекст, в котором люди используют ваше приложение, оказывает большее влияние. Люди могут идти, ехать на велосипеде или вести машину, поэтому объём их внимания, резко снижается»,—говорит Саломон.

«Именно поэтому в Navigo учитывались ясность и читаемость, даже если создание UI Kit сильно отличается от создания приложения. Вы разрабатываете экраны для дизайнеров, поэтому гибкость также становится важным аспектом».

Вот главные советы Орельена по созданию дизайна с помощью Navigo

Проектирование экрана заставки (Splash Screen)

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

Разработка экрана входа

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

Дизайн экранов навигации и карт

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

Советы по подключению нескольких пользователей

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

VIA