Этот блог создан для того, чтобы поделиться своим опытом. Если эта информация пригодится хотя бы одному человеку, то всё это не зря.
Для начала стоит понять, что такое UI и UX.
UX — User Experience, это процесс создания и улучшения взаимодействия пользователя с сервисом. Иначе говоря, стратегия, которая решает проблему/задачу пользователя.
UI — User Interface, пользовательский интерфейс, внешний вид интерфейса приложения/сервиса. Иначе говоря, это дизайн.
В интернете есть смешная картинка, которая многих вводит в заблуждение и
Эта картинка предполагает, что существует отдельно дизайн пользовательского интерфейса и отдельно сам пользовательский опыт. Но это не так.
UI должен вытекать из UX, сначала мы выстраиваем стратегию решения проблемы клиента, потом уже отображаем интерфейс, который следует намешу алгоритму.
UX ≠ UI, UX ⇒ UI
Как я уже сказал выше, это разные понятия, но они не могут существовать друг без друга.
С чего начать?
Предполагается, что у вас есть некий программный код, который эту проблему решит, но что бы пользователь привел этот код в действие ему необходимо выполнить определенный алгоритм последовательных действий. При проектировании очень важно понять, провести исследование вашей целевой аудитории и выработать стратегию решения проблемы клиента.
Рассмотрим банальный пример — Интернет магазин.
Проблема/задача пользователя: приобрести товар, который вы продаете.
Какой должен быть алгоритм:
Пользователь заходит на сайт ⇒ Переходит в каталог и выбирает нужный ему товар ⇒ Жмёт кнопку «В корзину» ⇒ Переходит в корзину ⇒ Жмёт «Оформить заказ» ⇒ Вводит данные необходимые для оформления заказа ⇒ Заказ Оформлен. Согласитесь, это простой, повседневный алгоритм, который, на сегодняшний день, ясен 99% пользователей. Но стоит поменять некоторые этапы местами и пользователь может встать в ступор. Например, мы поменяем местами ввод данных с переходом в каталог и не будем давать возможность просмотреть весь каталог, пока пользователь не введет все свои личные данные. Какова вероятность, что пользователь уйдет на этом этапе? Высокая.
После того как мы выработали стратегию мы создаем варфреймы и прототип. Варфрейм — это схематичный интерфейс обозначающий где какие элементы располагаются, а прототип — это некая демонстрация нашей стратегии при помощи варфреймов.
Когда все эти этапы обкатаны и протестированы на поле выходит UI дизайнер. Его задача на основе имеющихся данных отрисовать пользовательский интерфейс, сделать его понятным, удобный, приятным глазу и отзывчивым.
Таким образом можно сделать вывод, что UX — это логика и алгоритм, а UI — это искусство.
Так почему это важно и без этого никак?
UX/UI — это наш сервис, наша забота о клиенте. Заставлять клиента пройти головоломки и квесты, что бы достичь желаемого, это ужасный сервис. С учётом, что в современном мире высокая конкуренция почти в каждой сфере, потерять клиента, а тем более нескольких, это непозволительная роскошь. Таким образом, не достаточно дать возможность клиенты решить его проблему, важно этот процесс сделать максимально простым, быстрым и приятным. Только тогда у вашего продукта будет успех.