Разработка_дизайн-концепции_IT-системы.md 9.2 KB
Разработка дизайн-концепции IT-системы: этапы аналитики и дизайна
Дизайн-концепция – это то, как будет выглядеть интерфейс будущей IT-системы. Она отражает не только дизайн, но и конструктивные особенности (основную функциональность для достижения бизнес-целей). При этом дизайн-концепция не требует тщательной проработки макетов для всех экранов. Достаточно отобразить основную парадигму проектирования интерфейсов, которая будет однозначно понятна заказчику и команде разработки. Как это сделать – будет подробно описано в данной статье.
Кто может выполнять проектирование дизайн-концепции? Любой IT-специалист, который владеет аналитическими и дизайн-инструментами, имеет опыт в проектировании IT-интерфейсов и обладает навыками для проведения UI/UX-исследований.
Когда заказчику нужна дизайн-концепция Дизайн-концепция должна прорабатываться до начала разработки новой IT-системы или оптимизируемой IT-системы. Потому что еще до старта проекта необходимо понимание: для кого будет разрабатываться система, какие бизнес-цели она будет преследовать, какие средства для этого будут предусмотрены в решении. Кроме того, при помощи дизайн-концепции (интерактивных прототипов) можно провести UI/UX-исследования (изучение потребностей и опыта пользователей при работе с будущей системой). Уже на этом этапе могут потребоваться существенные изменения имеющихся бизнес-процессов. Если внести такие изменения еще до этапа разработки, то можно значительно сэкономить бюджет, в отличие от случая, когда нужно переделывать процессы во время реализации системы.
Аналитические этапы разработки дизайн-концепции
Этап 1. Персона
Для того чтобы начать выполнение выше обозначенной задачи, необходимо определить персону. Персона – это группа пользователей со схожими характеристиками (интересы, возраст, доход и так далее), которая в дальнейшем будет пользоваться системой.
Этап 2. «Боли» персоны
Отдельное внимание необходимо уделить проблемам, с которыми сталкивается персона при достижении своих целей во время использования приложения. Для выявлений так называемых «болей» отлично подойдет метод «Интервью», но можно использовать и любой другой. Интервью позволяет отклониться от первоначального плана и исследовать ту или иную проблему более детально.
Этап 3. Анализ конкурентов
Следующий этап в разработке дизайн-концепции – это анализ конкурентов. Необходимо проанализировать как минимум 5 мобильных приложений. Если заказчик не смог предоставить список конкурентов для исследований, тогда при выборе приложений имеет смысл ориентироваться на топ-список отраслевых рейтингов, на мобильные приложения в Google Play и App Store, которые имеют наибольшее количество подписчиков и самые высокие рейтинги. Здесь в первую очередь нас интересуют best practice (лучшие практики в рыночной нише).
При проработке анализа конкурентов можно ориентироваться на следующий план действий:
Составление списка отзывов о конкуренте в мобильном приложении
Описание порядка прохождения экранов пользователем для достижения своей цели
Скрины экранов с подробным описанием того, что понравилось в работе с данным экраном приложения, а что не понравилось. При описании плюсов и минусов не стоит придерживаться обобщенных формулировок, например, «Понравился дизайн». Необходимо описывать конкретные элементы интерфейса и их влияние на пользователя. Например: «Понравилось, что вверху страницы зафиксирован адрес доставки, это позволяет пользователю убедиться в том, что его заказ не будет отправлен по неверному адресу».
Этап 4. Customer journey map (CJM)
CJM – это карта пути пользователя. В ходе данного этапа прописывается каждый шаг взаимодействия пользователя с приложением. В разрезе каждого шага рассматриваются: цели и ожидания, последовательные действия пользователя, точки касания, эмоции, барьеры, решения.
Этап 5. Решения
Здесь важно проанализировать все барьеры и боли, с которыми сталкивается пользователь и предложить возможные решения. Именно они лягут в основу при проектировании будущих прототипов.
Этап 6. User flow
На этапе анализа конкурентов был составлен список необходимой функциональности для исследуемого приложения. Теперь предстоит распределить функции по экранам и показать прямые и обратные переходы в рамках основного пользовательского сценария. Пришло время составлять user flow – маршрут пользователя через экраны для достижения своей цели.
Этап 7. Mood board и references
Каркас приложения сформирован, экраны и переходы между ними спроектированы. Пришло время наполнить проект смыслами, формами, цветами и шрифтами. Переходим к дизайнерским этапам разработки концепции. Первое, что нужно сделать, это составить «доску настроения» и подобрать вдохновляющие референсы. При взгляде на получившийся коллаж любой пользователь должен легко понять посыл данного набора изображений.
Этап 8. UI Kit
После того как с заказчиком была согласована «доска настроения», пришло время создать User Interface Kit. UI Kit – набор готовых компонентов для пользовательского интерфейса. Он содержит самую разную информацию: стили текстов, стили цветов, стили эффектов и др.
