Загрузка [MathJax]/jax/output/HTML-CSS/fonts/TeX/fontdata.js
 

printРазработка интерфеса мобильного приложения

print1. Построение пользовательского сценария (User Flow)

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

User flow — карта навигации, по которой видно поведение пользователя мобильного приложения, как он достигает цели и как легко ему это удаётся. Внешне User flow выглядит как логически связанные друг с другом прямоугольники, акцент в которых сделан на действиях пользователя.

Инструменты проектировщика

Пример User flow для онлайн магазина

Бесплатные программы для прототипирования интерфейсов

Место для командной работы

User flow: как создаются популярные приложения и сайты

print2. Создание набросков основных элементов (Sketches)

Визуализируйте полученный пользовательский сценарий.

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

print3. Отображение ключевых паттернов дизайна

Хороший пользовательский интерфейс играет важную роль в успехе мобильного приложения.

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

loading