На этом этапе у нас есть вся нужная информация на руках, чтобы подключить к проекту дизайнеров, которые проработают интерфейс, логику и навигацию приложения. UI, или пользовательский интерфейс, отвечает за внешний вид приложения: цвет и размер кнопок, выбор шрифтов, вид иконок и все в этом духе. UX, или пользовательский опыт, отвечает за взаимодействие пользователя с приложением: куда он будет нажимать, как будет переходить из одного экрана в другой и какие ощущения будет при этом испытывать. UI и UX неразрывны и выполняют одну цель: сделать взаимодействие пользователя с приложением приятным.
Основная задача дизайнеров — спроектировать работу приложения и удобный интерфейс. От дизайнеров зависит, какой опыт получат пользователи от приложения, останутся ли они довольны. Чтобы в результате приложения получилось красивым и удобным, дизайнеры проходят через несколько шагов: вайрфреймы, концепты, прототипы, юзабилити-тестирование.
Начинается дизайн с вайрфреймов. На этом шаге нужно спроектировать логику и навигацию приложения. Например, пользователь находится на экране входа. Есть минимум 3 варианта, куда он перейдет дальше. Пользователь может создать аккаунт, войти в приложение и восстановить пароль. В итоге экран входа связан минимум с 3 другими экранами. И таких примеров много, поэтому в результате могут появиться сотни соединенных друг с другом экранов.
Как только вайрфреймы согласованы с заказчиком, время придумать первые концепты. Обычно дизайнеры берут один или несколько ключевых экранов и создают варианты визуального стиля приложения. Концепт может быть всего один, все зависит от конкретной команды, но чаще всего дизайнеры делают 3 варианта. На результат во многом влияют пожелания заказчика, предоставленные референсы и брендбук в случае крупных компаний. Каждый концепт демонстрируется заказчику, после чего остается один вариант, с которым дизайнеры работают дальше.
Концепт может поменяться, если вы захотите внести правки или предложить новые идеи. Наша дизайн-команда с крутой экспертизой подробно проконсультирует вас и поможет найти эффективное решение. Если будет спорный момент, то дизайнер скорее найдет компромисс, чем внесет правку без раздумий и дискуссий, потому что его интерес — сделать дизайн удобным и привлекательным, поэтому он сможет объяснить, почему принял то или иное решение.
Зачастую заказчикам зачастую нравятся разные элементы каждого концепта: кнопка из первого, шрифты из второго, а в целом больше нравится третий. Тогда дизайнеры собирают все это вместе и дорабатывают до единого дизайна, а не просто копируют элементы из других концептов. В результате получается окончательный визуальный стиль приложения.
Теперь можно сделать прототип — по сути набор изображений с активными точками, на которые пользователь может нажимать и перемещаться от экрана к экрану. Прототип создает иллюзию готового приложения, пользоваться им будет немного странно: как будто переключаешь слайды презентации. Но задача прототипа в другом: показать заказчику, как будет выглядеть и работать будущее приложение.
Перед тем, как переходить к разработке, осталось провести юзабилити-тестирование: проверить, удобно ли пользоваться приложением. Прототип проверяется на группах пользователей, желательно включая целевую аудиторию продукта. В проверке также могут участвовать разработчики, дизайнеры и заказчик. Каждый участник теста дает обратную связь: с какими проблемами он столкнулся. В результате дизайнер понимает, где слабые места в приложении, и вносит окончательные изменения.
Пока не началась разработка, вносить серьезные изменения в проект намного проще. Поэтому мы даем вам потрогать прототип и предлагаем поучаствовать в юзабилити-тестировании. Но если уже на разработке у вас появятся новые идеи или предложения, то вносить такие правки будет дорогим удовольствием. Дизайн — последний момент, когда практически без последствий можно что-то добавить, убрать или изменить в приложении.