Пять основных компонентов UX
() translation by (you can also view the original English article)
Чтобы полностью понять, что такое дизайн взаимодействия с пользователем (UX), давайте я расскажу, что делают UX дизайнеры, а точнее опишу пять основных компонентов UX:
- Информационная архитектура (ИА)
- Проектирование взаимодействия
- Юзабилити
- Прототипирование
- Визуальный дизайн



1. Информационная архитектура (ИА)
Информационная архитектура - способ предоставить людям контент, как можно более понятным и удобным для них образом. Создаётся иерархия контента на странице и используются различные элементы, такие как навигация, для добавления структуры. Также при организации учитываются различные типы информации, для облегчения поиска контента.
2. Проектирование взаимодействия
Проектирование взаимодействия - отвечает за определённые взаимодействия пользователя и экрана монитора. Визуальный дизайн реагирует на действия пользователя, данные действия и цели пользователя рассматриваются во время проектирования взаимодействия, чтобы бренд мог взаимодействовать с пользователем посредством изображений, графики, шрифтов, определённых цветов, иконок и так далее.
Также проектирование взаимодействия использует прототипирования, для определения специфичного поведения и функционирует с различными компонентами. К примеру во время дизайна мобильных приложений, для страницы входа будет применена анимация сворачивания ("ease"), или она будет блекнуть (fade in), или выезжать справа. Данные переходы должны быть изучены во время фазы создания концепции взаимодействия, чтобы финальный продукт как можно ближе соответствовал изначальной задумке дизайнера.
3. Юзабилити
Юзабилити заключается в использовании данных для определения валидности решений дизайна. В то время, как в конкретной компании есть люди с различным бекграундом, говорящие о различных целях бизнеса или конкретных инженерных ограничениях, роль UX дизайнера понять и воплотить потребности пользователя и избавить их от любого разочарования/боли во время использования продукта.
Эти данные могут быть получены различными способами - начиная от работы с фокус-группой для исследования, изучения юзабилити в лаборатории, интервью, один на один, с посетителями сайта, отслеживанием поведения глаз, сортировка карточек, A/B тестирование, телеметрии и так далее.
Введения в удалённое юзабилити-тестирование
Инструменты юзабилити-тестирования для раннего и быстрого получения пользовательских отзывов (Feedback)
Юзабилити-тестирование призвано понять площадь охвата продукта, в то же время определить поведение и потребности пользователя. На высшем уровне, хорошая практика - проверить свои гипотезы на настоящих пользователях, проверить изменения продукта, так чтобы он соответствовал потребностям аудитории.
4. Прототипирование
Прототип можно определить как предварительную версию, из которой разрабатываются другие формы. Дизайнеру прототипирование предоставляет дешёвый и гибкий способ проверить, что выглядит хорошо и соответствует требованию, будь-то мобильное приложение, физический продукт или веб-сайт. Также предоставляется способ итерации на основе отзывов заинтересованных сторон и пользователей в контексте исследований юзабилити.
Это дает вам представление о функциональности вашего дизайна и любых его изменениях, необходимых для того, чтобы сделать вашу работу восхитительной и функциональной. Это способ установить приоритеты проектирования, недорого протестировать варианты, а затем выяснить логистические ограничения и конфликты относительно реализации. В конечном итоге, прототипирование важно, так как это позволяет вам ближе взглянуть на функционал продукта, прежде чем вкладывать время, ресурсы и деньги в разработку.
5. Визуальный дизайн
Визуальный дизайн - отвечает за использование визуального аспекта продукта, для улучшения интерфейса пользователя. Не смотря на то что визуальный дизайн, далеко не всё, что нужно для дизайна, это несомненно важная часть продуманного продукта. Он во многом отвечает бренду компании и может в значительной степени влиять насколько продукт будет востребованным и цепляющим.
Тема визуального дизайна может быть поляризированна, так как иногда, если дизайнер акцентирует внимание на эстетической составляющей, это идёт в ущерб юзабилити. Отличный визуальный дизайн может даже заставить нас не обращать внимания на проблемы юзабилити. Однако новые результаты исследований свидетельствуют о том, что эстетику и удобство использования можно рассматривать как позитивную корреляцию.
Визуальный дизайн сообщает нам, как продукт работает с цветом, визуальной иерархией, типографикой и таким образом, играют важную часть на конечном опыте использования.
Далее...
До сих пор мы рассмотрели, что такое UX дизайн, обсудили инструменты, и поговорили об основных компонентах UX. В следующей части данной серии, мы окунёмся глубже в исследование UX. Увидимся в следующей главе!