|
|
@@ -0,0 +1,45 @@
|
|
|
+# **Разработка дизайн-концепции 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 – набор готовых компонентов для пользовательского интерфейса. Он содержит самую разную информацию: стили текстов, стили цветов, стили эффектов и др.
|
|
|
+
|
|
|
+
|
|
|
+### **Этап 9. Анимированный прототип для UI/UX-исследований**
|
