Отличие UI от UX
UX и UI все еще часто путают или считают их чем-то неразделимым. Сперва разберем различия между ними.
UI — это то, как выглядят элементы на сайте. UI-дизайнер творит красоту: прорисовывает каждые шаги в мельчайших деталях и с учетом всех нюансов визуальной составляющей.
UX — это «опыт пользователя». В него входит весь опыт, который получает пользователь при взаимодействии с приложением или сайтом. Например, чтобы заказать товар на сайте пользователю нужно совершить 3 шага: добавить товар в корзину, оформить заказ, и внести оплату. За этот процесс и его скорость отвечает UX специалист.
Что такое UI-дизайн
UI – это визуал, который охватывает не только графический интерфейс, а еще и тактильный, голосовой или звуковой.
UI-дизайн — это процесс воплощения в визуальных деталях пользовательского опыта, который разработали на основании изучения мира клиента, исследования целевой аудитории.
UI-дизайн отвечает за визуальную часть интерфейса: кнопки, меню, иконки, анимацию, иллюстрации, меню, коллажи и шрифты. Дизайнер интерфейса (UI-дизайнер) также знаком с основами программирования, понимает принципы дизайна интерфейсов и разбирается в бренд-дизайне, способен грамотно организовать элементы интерфейса и выдержать единые стиль и логику их взаимодействия.
Что такое UX-дизайн
UX-дизайн отвечает за ценный результат, поведение, функции, доступность приложения и то, какие чувства и эмоции он вызывает у пользователей. Чем продуманнее и понятнее интерфейс, тем проще пользователю достичь результата.
UX-дизайнер — исследователь, аналитик и архитектор пользовательского опыта. Задача UX-дизайнера — сделать взаимодействие с интерфейсом легким и интуитивным, чтобы работа с продуктом была логичной и последовательной. Его сфера: тестирование способов прокачки продукта, доводка и фанатичное совершенствование; стремление добиться точки соответствия целей бизнеса и потребностей пользователей.
Пример хромого UX: клиент сделал заказ на сайте, а ему не перезвонили и не прислали сообщение.
Обязанности. знания и навыки UX-дизайнера
В основные обязанности UX-дизайнера обычно входит:
- Анализ пользовательских сценариев
- Портретирование целевой аудитории
- Сбор обратной связи от пользователей
- Проектирование модели использования продукта
- Прототипирование сценариев
- Тестирование прототипов в контексте у клиентов, плюс корректировка на основе обратной связи
- Развитие продукта и сценариев итерациями «разработка прототипа – тестирование – внесение изменений» до тех пор, пока не удастся добиться оптимального для пользователей взаимодействия с продуктом
Знания
- Принципы User Centered Design
- Этапы создания цифрового продукта
- Основы психологии пользователя и юзабилити
- Основы аналитики и методы тестирования интерфейсов
- Основы программирования
- Английский на уровне чтения технической литературы
Навыки
- Проводить анализ конкурентов
- Презентовать концепцию/модель продукта
- Проектировать вайрфреймы и интерактивные прототипы
- Разрабатывать информационную архитектуру
- Читать, создавать и поддерживать проектную документацию и спецификации к интерфейсам
- Анализ трендов и выделение прикладных свойств
- Использовать системы продуктовой аналитики и принимать решения на основе данных
С чего начать изучение UX/UI дизайна.
Изучать ролики на YouTube, выделить основной источник информации, им может стать любой понравившийся действующий UX/UI дизайнер.
Изучите лучшие UX-кейсы. Понаблюдайте в работе за профессиональными командами. Распечатайте инсайдерские фото их процессов работы, покрутите в руках.
Черпаните побольше современной UX/UI-культуры и зажгитесь предметом. Вот подборка приложений, которые важно пощупать на деле. Все они уже стали культовыми. Это бренды, которых ежедневно касается миллионная аудитория:
- Desktop: Figma, Pixso, Stripe, Mailchimp, Intercom
- Мобильные приложения: Uber, Airbnb, Spotify
Изучите инструменты для дизайна.
Какие инструменты дизайнер использует в работе
Для понимания задачи. Пробковая доска, листы A4, принтер, блокнот, стикеры разных цветов, карандаши, маркеры. Все это пригодится для понимания задачи, создания первых схем, концептов, подбора компоновок.
Исследования и анализ процессов. Опросы, интервью, Customer Journey map (CJM) , BPMN-диаграммы, системы аналитики (Google Firebase, Amplitude, OWOX BI, Google Analitycs 360)
Для разработки структуры. Если задача большая, то по мере движения можно потерять в бумагах, поэтому периодически нужно все оцифровывать с помощью mindmap-сервисов — Boardmix, XMind, FlowMapp, MindMeister.
Для дизайн-концепций. Для создания дизайн-концептов c выразительной графикой: Pixso, Figma, Adobe Photoshop, Procreate, Adobe After Effects
Для интерактивных прототипов. Для создания интерактивных прототипов Pixso, InVision Studio.
ТОП-3 книги по UX (международный ТОП)
Книги, которые помогут погрузиться в область и разжечь интерес к ux-дизайну:
- Веб-дизайн. Книга Дж. Гарретта. Элементы опыта взаимодействия
- Не заставляйте меня думать. Веб-юзабилити и здравый смысл. 3-е издание
- Интерфейс. Основы проектирования взаимодействия | Купер Алан, Рейманн Роберт М.
Эти книги хороши живой подачей, обилием иллюстраций, алгоритмами, схемами, кейсами и проверенными боем на международном рынке советами.
Как стать UX/UI-дизайнером
В UI/UX-дизайн можно нырнуть как через исследования и анализ данных, так и через визуальный дизайн. Если вам ближе творчество и креативность, то начните путь с визуальной стороны дела.
Как определить куда пойти: вспомните, что вам больше нравилось в детстве. Если вам по душе творчество, вы любили рисовать, то попробуйте себя в сфере UI-дизайна. А если больше по-душе точные науки: математика/физика, то попробуйте себя в роли UX-дизайнера.