UX, UXD, CX, UI, IxD: разбираемся в терминах Хабр

Это кликабельная версия сайта или приложения, но ещё не настоящий продукт. Теперь разработчики могут нажимать на кнопки и протестировать все возможности интерфейса. Перед активной фазой работы UX/UI-дизайнеру важно проанализировать сферу и посмотреть на интерфейсы конкурентов.

• На этом этапе вы получаете полное представление о том, как выглядит ваш программный продукт.
• UX-дизайнерам лучше становиться тем, кто хочет создавать крутые интерфейсы и не особо переживает о том, какого уровня насыщенность теней на кнопках в приложении.
• Приглашают представителей аудитории, дают им пощупать продукт, а сами смотрят за процессом.
• Непонятным и непродуманным сайтам аудитория не доверяет и не задерживается на их страницах.

Когда ты только начинаешь свой путь, особенно в дизайне, где сильна субъективная оценка, тебя поддержат коллеги, с которыми всегда можно посоветоваться, если ты в чем-то не уверен. Я начала искать разные стажировки, смотрела, какие есть варианты обучения, но ничего подходящего не попадалось. Свою работу я очень любила, но хотелось чего-то нового, и я начала думать, что еще из навыков мне было бы интересно и полезно освоить. Графический дизайн сам по себе мне был не так интересен, я узнала про UX/UI дизайн и поняла, что да — вся эта системность, структурность, наличие исследований — это мое.

Что такое UX/UI-дизайн и как попасть в эту профессию

Это и не нужно — для такого интерфейс тестируют на фокус-группе. Перегруженные иллюстрациями и элементами сайты тяжело воспринимаются и неудобны в использовании. Если вкратце, то UX отвечает за функциональные возможности интерфейса, а UI – за его визуальную составляющую. Главное понимать, что это все еще разные специальности, и охватывать сразу обе вовсе необязательно. Вполне реально сделать выбор только в пользу направления, которое резонирует с вашим мировоззрением и восприятием цифровых продуктов. Хороший UI-дизайн не про то, как сделать сайт симпатичным.

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

Этапы работы UX/UI-дизайнера

SaaSFrame ориентирован на UX/UI-дизайнеров с уклоном в разработку пользовательского опыта SaaS-приложений. Основное отличие — действительно свежие стильные кейсы и каталог экранов email-рассылок. Итак, специалисты по проектированию пользовательского опыта сначала определяют целевую аудиторию, их проблемы и то, как пользователи в настоящее время их решают. Они проводят опросы и интервью и используют такие инструменты, как портреты пользователей и карты пути клиентов. Юзабилити — это одна из областей UX, которая определяет, насколько просто пользоваться продуктом, понятен ли его интерфейс. Например, сайты с высоким юзабилити — понятные, удобные и отвечающие задачам пользователей.

Когда пользователи понимают, что компания подумала о проблемах, с которыми они могут столкнуться, они больше ценят продукт. Главное — не то, что они произошли, а как компания их отработала. Например, однобокий текст о том, что оплата не прошла и нужно попробовать позже, расстроит и разозлит пользователя.

Дизайн ― UI

Для этого разрабатываются привлекательные макеты, в которых учитывается стилистика бренда и статистические данные. Если главный элемент UX — это аналитика, то в UI всё решает внешний вид. Это связывает профессию с графическим и веб-дизайном, однако эти понятия отличаются. User Interface Design концентрируется на реализации продуманных пользовательских сценариев, а не только на эстетике и картинках. Цель остается той же — создать хороший опыт при взаимодействии с продуктом, меняются только инструменты. Второе — стараться спокойнее относиться к своим ошибкам и неудачам.

Каталоги Mobbin поддерживаются уже много лет, поэтому у некоторых компаний можно найти подборки экранов годичной или даже пятилетней давности. Это наглядно показывает, как изменялся визуальный язык, добавлялись или уходили фичи, как выглядел интерфейс бренда в начале развития. К тому же, если подборка давно не обновлялась, можно запросить её обновление.

Что такое графический дизайн и как он влияет на бизнес

Как правило, в представлении людей работа UX/UI-дизайнера связана только с картинками, и нет понимания, что отрисовке интерфейса предшествует большой объем работ. UX-дизайн — это обширная дисциплина, которая включает в себя множество действий и навыков. UX-дизайн включает решения, принимаемые на уровнях стратегии, масштаба, структуры, макета и поверхности. Визуальный дизайн является частью плоскости поверхности и одним из последних решений, принимаемых во время создания дизайн-проекта. Навыки UX/UI-дизайна и графического дизайнера с нуля освоите на курсе от Skypro.

Процесс создания UX-дизайна начинается с исследования потенциальных пользователей. Продукт создается для конкретной целевой аудитории, поэтому UX-дизайнер начинает свою работу с анализа. В основе работы лежит аналитика, которая нужна для проработки пользовательского опыта. Для большинства пользователей IT-продукт — это не технологии, из которых складывается функционал, а интерфейс. Роль дизайнера в проекте равносильна работе программистов, поскольку он продумывает логику взаимодействия с сайтом или сервисом.

История вторая. Даша Голубчина, младший UX/UI-дизайнер

Как и в случае с определением ЦА, при разработке UX-дизайна нужно сформировать образ типичного пользователя. Пользовательский интерфейс должен быть красивым, соответствовать ui ux дизайн это современным стандартам и при этом оставаться удобным. Причем последний пункт особенно важен, ведь UI-дизайн включает в себя не только создание красивых иконок.

Специалист решает, как будет выглядеть сайт или приложение. Он выбирает цветовые схемы, формы элементов, ширину линий. Обязанность дизайнера — перенести все аналитические наработки в привлекательное графическое представление. Последнее должно отвечать всем требованиям функциональности и эстетики. Работа дизайнера на этом этапе направлена на создание интуитивно понятного отзывчивого приложения или сайта. Интерфейс становится посредником между пользователем и программой, помогая ему выполнить задачи с минимальными навыками.