UI-дизайн мобильного приложения

Что такое UI и как пересекается с UX

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

UI (User Interface design) — это непосредственно дизайн пользовательского интерфейса. Простыми словами — внешний вид приложения. Таким его увидит пользователь.

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

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

 Как мы это делаем

На основе разработанного UX-прототипирования и требований Brand Book клиента создаем первый экран. Это образец внешнего вида всего приложения, который будет представлен на утверждение.

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

Составляем UI-kit. Это — свод всех кнопок и полей в едином стиле и всех возможных состояниях, в одном документе. На основе UI-kit выполняется порезка динамических элементов на отдельные изображения. В дальнейшем это будет передано программистам для легкого старта разработки приложения. Помимо этого, мы предоставим GUI, в котором укажем все необходимые параметры интерфейса (стили шрифтов, размеры touch-областей, отступы).

 Готово!

Можно даже скачать в телефон и посмотреть!