Что такое UX и UI? Ликбез для тех, кто хочет разбираться в интернете

В креативной среде термины UI и UX на пике популярности. Ими пестрит интернет. Их регулярно используют технические специалисты и дизайнеры. Делимся простой шпаргалкой, чтобы в них разобраться.
UX
UI
UX
UI
Ещё

UI и UX простыми словами

Представим, что наш будущий продукт, например, сайт или приложение — дом. Фундамент, каркас, опоры и балки — это программный код, который придает ему структуру.

UX. Стены, комнаты, дверные и оконные проемы — это элементы на схеме квартиры. У сайтов тоже есть подобная схема, в ее основе — пользовательский опыт или User Experience design (UX). Ведь кто-то однажды придумал вырубить в стене окно, потому что будет свет, видно речку и вообще так удобно заходить в дом. Потом опыт подсказал, что входить лучше через отдельный проем — и появилась дверь.

UI. Квартире с идеальной планировкой и удобной мебелью нужен ещё симпатичный дизайн. Сайту тоже нужны элементы «отделки»: кнопки, меню, иконки. Дизайнер создает пользовательский интерфейс или User Interface (UI).

UX

UX делает сайт удобным

UX — это процесс определения и решения проблем, чтобы пользователю было удобно. Пока все работает хорошо, вы не замечаете результатов работы UX дизайнера. Если возник затык: «И куда нажать теперь?», то вы столкнулись с непродуманным UX.

Как получить хороший UX? Необходимо сделать все элементы максимально простыми и удобными!

Из чего состоит UX?

  • Исследование пользовательских групп. Это самый большой этап. Включает сбор и анализ информации о конкурентах и хотелках пользователей.
  • Разработка структуры и стратегии. На основе результата анализа предлагают удобное и гибкое решение для работы приложения или сайта.

Что делает дизайнер UX?

Дизайнер UX исследует пользовательские группы, разрабатывает структуру приложения и стратегию его работы. Он следит за тем, чтобы мобильное приложение отвечало потребностям пользователей.

В чем UX-фишка?

Хороший UX — не гарантия коммерческого успеха продукта, ведь опыт пользователей — это субъективные переживания. Обязательно надо учитывать опыт конкурентов!

UI

UI делает сайт привлекательным

Дизайн пользовательского интерфейса (UI) — это перенос продукта из исследований и макетов в красивое приложение. Люди любят глазами, поэтому все должно быть красивым!

Из чего состоит UI?

  • кнопки
  • иконки
  • подбор шрифтов и цветов
  • анимация
  • инфографика
  • виджеты

Как получить хороший UI? Обычно, дизайнер не изобретает ничего нового, а просто смотрит, как сделали другие, и «тырит» самые крутые идеи для основы своего дизайна.

Что делает дизайнер UI?

UI-дизайнер превращает заключения UX-дизайнера в визуальные образы. Он отвечает за то, как пользователь воспринимает продукт с визуальной точки зрения.

В основе его работы лежит сторитейлинг (или логическое повествование) — человек должен без особых трудностей понять, как использовать приложение, куда нажать или где на сайте что-то найти.

Благодарим команду EGO Creative Innovations за помощь в создании материала.

Больше полезного: