Термин UX впервые был употреблен в 1993 году Дональдом Норманом. Это было его начало карьеры в Apple. Норман считал, что компьютерный интерфейс должен не просто нести функциональность, но и вызывать приятные эмоции у пользователей.

После взлета популярности айфонов данный термин стал широко распространен. Многие конкуренты поняли, насколько важно значение UX-дизайнера при создании пользовательского интерфейса.

Оглавление

От малого к большому

На заре интернета дизайнеру ставилась простая задача: «нарисовать сайт». Специалист, не особо задумываясь, рисовал красивые картинки и сдавал проект. Сайты были похожи как братья-близнецы. Менялся цвет фона и наполнение.

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

Теперь UX design исследует поведение пользователей и создает архитектуру сайта, а UI графически воплощает это в жизнь. Как программист программирует, а верстальщик располагает элементы в нужном порядке.

Краткое описание: кто такой UX-дизайнер?

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

UX дизайн что это такое, дубль два

Если сегодня войти на любой сайт вакансий или Телеграм канал с объявлениями и вбить там слово UX, то сразу найдется куча объявлений. И все они приглашают на работу UX дизайнера, который будет создавать сайты или приложения. И получается что таки да, сегодня, как минимум в Рунете, UX дизайнер — это веб-дизайнер. По сути, разницы между этими двумя понятиями просто нет.

В обязанности такого человека входит сначала представить интерфейс будущего сайта в виде Mind Map или как его называют в России “крабика”

Это так называемое графическое отображение будущего сайта: начиная от главной страницы, расползаются в разные стороны возможности перехода на ту или иную подстраницу. И чем больше глубина вложенности, тем более обширная будет Mind Map.

Потом UX дизайнер рисует интерфейс буквально от руки, на бумаге. И согласует его с заказчиком. А потом представляет тот же интерфейс уже в виде прототипов — в виде схематичных блоков, но еще без дизайна, как такового. Ну а затем начинается финальная стадия работы с наполнением проекта контентом — графическим, видео, текстовым. И, разумеется, программирование, если оно необходимо.

Для UX дизайнера обязательно иметь отличное логическое и пространственное мышление, представлять будущий проект в виде концепта, который в кратчайшие сроки решает задачу обратившегося к продукту пользователя. А помогает UX дизайнеру в этом целый набор инструментов:

  • Adobe Photoshop (для рисования);
  • Adobe Illustrator (для создания макетов);
  • Figma (специальный сервис для коллективной работы над дизайнами);
  • Marvel (не путать с мультиками и фильмами, Железный Человек тут ни при чем).

UX/UI дизайн. В чем разница?

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

UI (User Interface) – как раз и переводится, как пользовательский интерфейс. Это две части одного целого. Но по факту, это две отдельные профессии. Потому что если дизайнер UX изучает, как пользователь поведет себя на сайте, то дизайнер UI должен назубок знать, как сделать интерфейс, чтобы пользователь повел себя нужным образом, и ему было бы на этом сайте комфортно.

Углубляться в дебри в данном случае смысла нет, потому что если уж вам захочется подробно изучить тематику UX/UI дизайна, то к вашим услугам прекрасные курсы от  Скиллбокс (курс UX-дизайн). Однако, еще нужно сказать, что сегодня в России и вообще в СНГ разница между UX и Ui дизайнерами невелика. Те и другие занимаются разработкой сайтов и приложений, потому что именно это направление высокотехнологичного дизайна востребовано на рынке больше всего.

Что такое UX/UI, прямым текстом

(в этом разделе будут банальные фразы)
UX — это User Experience (дословно: «опыт пользователя»). То есть это то, какой опыт/впечатление получает пользователь от работы с вашим интерфейсом. Удается ли ему достичь цели и на сколько просто или сложно это сделать.
А UI — это User Interface (дословно «пользовательский интерфейс») — то, как выглядит интерфейс и то, какие физические характеристики приобретает. Определяет, какого цвета будет ваше «изделие», удобно ли будет человеку попадать пальцем в кнопочки, читабельным ли будет текст и тому подобное…
UX/UI дизайн — это проектирование любых пользовательских интерфейсов в которых удобство использования так же важно как и внешний вид.

Что такое UX и UI дизайн, другими словами

Прямая обязанность UX/UI дизайнера — это, например, «продать» товар или услугу через интерфейс. Именно на основе работы UX/UI дизайнера пользователь принимает решение: «Быть или не быть?» Нравится или не нравится. Купить или не купить.

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

UX/UI дизайн не относится только к смартфонам и веб-сайтам. Более того, профессия UX/UI дизайнера существовала с незапамятных времен. Просто раньше она так не называлась. Точнее, раньше она вообще никак не называлась, а была частью других профессий.
Вот первый пример: когда Вильгельм Шиккард в 1623 году изобретал арифмометр, он уже был UX/UI дизайнером.
Арифмометр Шиккарда

Потому что именно он придумывал, какие тумблеры и в какой последовательности должен крутить человек, чтобы получить результат вычислений. И он же придумывал, в каком логическом порядке они будут располагаться. Да и вообще придумывал, как все эти ручки будут выглядеть. Он создал интерфейс для взаимодействия с машиной.
Ещё один более древний и примитивный пример — точильный камень (колесо). Уже даже в раннем средневековье было много разновидностей и механизмов такого колеса:

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

Всё это были разные типы интерфейсов.
UX/UI дизайн на примере точильных камней

Так вот, когда изобретатель очередного точильного камня думал:

  • будет ли он сидеть и сам нажимать педаль
  • или он упростит механизм, но приставит раба который будет раскручивать колесо рукой,то в тот момент он был UX дизайнером.

А тот человек, который думал, какой величины будет камень, какого цвета выбрать дерево для подставки и чем скрепить деревянные жерди (гвоздями или кожаными жгутами?) и какой длины будет ручка, был UI дизайнером.
И тот способ, каким бы вы затачивали меч — назывался бы интерфейс.
Разница между UX и UI в том, что UX дизайнер планирует то, как вы будете взаимодействовать с интерфейсом и какие шаги вам нужно предпринять, чтобы сделать что-то. А UI дизайнер придумывает, как каждый из этих шагов будет выглядеть. Как видите из примеров выше, UX и UI так тесно связаны, что иногда грань между понятиями смывается. Поэтому и UX, и UI обычно занимается один дизайнер и его профессия пишется через /.

В последнее время популяризация профессии UX/UI дизайнера связана скорее с развитием цифровых технологий. А вот именно тот «бум» (когда мы стали видеть термин «UX/UI» в каждом втором объявлении о работе) связан с самим названием, которое кто-то придумал совсем недавно.

UI/UX дизайн — это сейчас одна из самых востребованных профессий в цифровой индустрии. Сколько времени она будет востребована зависит от развития этой отрасли. И, судя по всему, она только набирает обороты.
UX и UI — это не тренды. Технологи развиваются. Спрос на сайты растёт. Цифровые приложения появляются как грибы. А инструменты дизайна и разработки упрощаются настолько, что уже практически любой человек без знания программирования может «на коленке» сделать сайт-визитку. Вот только этот сайт должен как-то выглядеть. И не просто как абстрактный каркас из текста и кнопок. Тут программистам и нужна помощь UX/UI дизайнера.

Разделение на веб-дизайнеров и UX/UI дизайнеров появилось с развитием интернета. Со временем понадобились более узкие специалисты, которые делали бы интерфейсы именно для веб-сайтов.
Да, UI/UX дизайн — это более широкое и емкое понятие чем веб-дизайн.

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

Особенности профессии UX-дизайнера

User Experience дизайнер, как правило, обладает рядом смежных или надпрофессиональных навыков: разбирается в графическом дизайне, разработке программного обеспечения, проведении социальных исследований. В своей работе он может совмещать обязанности UX- и UI- (User Interface) дизайнера. При этом UX-дизайн связан больше со структурой продукта и комфортом при его использовании в этом контексте, а UI – с внешним видом продукта и удобством его применения в этом плане (например, приятном глазу сочетании цветов, удобном размере кнопок и т.п.). В основные обязанности UX-дизайнера обычно входит:

  • Анализ пользовательских сценариев.
  • Создание портрета целевой аудитории.
  • Проведение опросов пользователей.
  • Продумывание логики использования продукта.
  • Разработка кликабельного прототипа продукта.
  • Тестирование прототипа на пользователях, внесение изменений по его результатам.
  • Повторение итераций «разработка прототипа – тестирование – внесение изменений» до тех пор, пока не удастся добиться оптимального для пользователей взаимодействия с продуктом.

Как видно из этого списка, занять вакансию UX-дизайнера – означает быть готовым к проведению большого количества исследований. Такой специалист не принимает решения «по наитию», исходя из собственных представлений или даже общеизвестных принципов оптимизации интерфейса. Он основывается на результатах тестирования прототипа на реальных пользователях, потому что только так можно обеспечить создание действительно удобного и функционального продукта.

Плюсы и минусы профессии UX-дизайнер

Плюсы

  1. Востребованная на современном рынке труда профессия.
  2. Высокий уровень заработной платы.
  3. Возможность заниматься полезным делом и видеть результаты своего труда.
  4. Перспективы развития надпрофессиональных навыков и переквалификации в смежные области.
  5. Возможность работать удаленно.

Минусы

  1. Большая ответственность за конечный продукт.
  2. Необходимость постоянно организовывать исследования среди пользователей.
  3. Необходимость в наличии знаний из смежных областей (как уже было отмечено, UX-дизайнер нередко занимается, например, еще и UI-дизайном).

Важные личные качества

Хотя в названии этой профессии есть слово «дизайнер», и она в определенной степени связана с внешним видом IT-продуктов, все же аналитические способности для такого специалиста существенно важнее художественных. Также важно умение общаться и работать в команде, усидчивость и концентрация, алгоритмизация подхода к выполнению профессиональных задач, инициативность, упорство, стрессоустойчивость и умение планировать свое рабочее время.

Востребованность специалистов

В цифровой индустрии большая нехватка настоящих UX/UI-дизайнеров. Невозможно предсказать, сколько времени продлится данная тенденция, но, если интернет не пропадет, то данная отрасль будет и дальше развиваться.

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

Мало просто сделать несколько страничек с информацией о компании и написать контакты, необходим UX/UI дизайн, при помощи которого детский конструктор превратится в настоящий сайт.

Требования к качественному UX/UI-дизайну

Ясность

В интерфейсе нет двусмысленности, а текст и структура направляют пользователя к цели.

Лаконичность

Интерфейс не перегружен подсказками, всплывающими окнами и анимацией. Задавайте себе вопросы: «А нужно ли это здесь? Для чего?». Это поможет сфокусировать внимание пользователя на конкретном элементе.

Узнаваемость

Элементы дизайна легко распознать, даже если пользователь видит ваш сайт впервые. Делайте интерфейс интуитивно понятным. Например, не красьте кнопку подтверждения в оранжевый, если на большинстве сайтов она зелёная.

Отзывчивость

Хороший интерфейс реагирует на действия пользователя мгновенно. Он должен понимать, что происходит на экране прямо сейчас: прошла ли оплата, получил ли менеджер заявку, отправилось ли сообщение.

Постоянство

Соблюдайте постоянство для всех разделов сайта и приложения. Элементы интерфейса — меню и слайдеры — должны вести себя одинаково на любой странице.

Эстетика

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

Эффективность

Помимо внешней привлекательности хороший интерфейс экономит время пользователя и доставляет его в нужную точку с минимальными усилиями.

Снисходительность

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

Основные принципы построения интерфейсов

Пользовательские интерфейсы

Основные принципы не являются законами, ux дизайн подразумевает креативность мышления и творческий подход.

  • Простота. Пользователь путем минимального количества действий должен добиться необходимого результата.
  • Скрытие таблички «столб» на столбе. Лишние надписи сбивают с толка, заставляют пользователя отвлекаться. Если корзину или смайлик можно отобразить значком, то достаточно этого.
  • Автоматические действия. Сложные действия отпугивают пользователя, он должен автоматически нажимать на клавиши/кнопки, не думая, зачем это делается. Важно, что он получит ожидаемый результат.
  • Привычка. Человеку трудно привыкнуть к новому. Пользователь видит нарисованную корзину и появляется ассоциация покупки. Если поменять изображение на «бабушкину авоську», уже будет трудно догадаться, что к чему.
  • Просмотр по диагонали. Большие тексты никто не читает. Лучше делать краткие заметки по сайту или заголовки и подзаголовки, отображающие суть вопроса.
  • Кошелек Миллера. Согласно принципу американского ученого кратковременная память способна охватить 7 элементов плюс-минус две штуки. Поэтому информацию в блоках лучше располагать в пределах этих цифр.
  • Интуитивность. Многие вещи пользователи делают согласно своей интуиции и не желают что-то запоминать.
  • Нужное на виду. UI дизайн предполагает делать акцент на тех вещах, которые пользователю наиболее необходимы.
  • Группировка. Все элементы необходимо группировать по какому-то отличительному признаку. Например, если в телефоне есть меню «сообщения», то рациональнее в него вставить входящие и исходящие сообщения, написание новых, а также настройки сообщений.
  • Правило 3-х кликов. Старое, но не теряющее актуальности. Чтобы добраться до нужной информации, необходимо сделать не более трех кликов. Большее количество вызывает недовольство и влечет за собой уход с сайта или отказ от услуг.
  • Одинаковый стиль. Отзывы о компании или об определенном продукте не должны отличаться функционалом или внешним отображением.
  • «Защита от дурака». Если пользователь захотел удалить свои фотографии или еще что-то — нужно переспросить. Возможно, он просто случайно нажал на кнопку.
  • Копирайтинг. В интерфейсе не должно быть ничего лишнего. Каждый заголовок важен, каждая буква в меню тщательно подбирается.
  • Будь в тренде. Создание проекта — дело длительное, а мода переменчива. Чтобы проект не устарел его до его выхода в свет, необходимо продумывать каждую деталь.
  • Мелочей не бывает. Одна маленькая черточка своим присутствием или отсутствием отпугнет или привлечет людей.

Кого привлекать к работе: UX или UI?

«Два в одном флаконе» — это всегда привлекательно, но не всегда эффективно. Один человек, теоретически, может справиться и сделать всю работу самостоятельно. Но не упустит ли он при этом какой-то важной детали, которая отобьет у пользователей охоту пользоваться разработанным интерфейсом? Гораздо лучше с задачей справятся два отдельных специалиста.

Как стать UX/UI-дизайнером

Для начала поймите, кем вы хотите быть: UX- или UI-дизайнером. Сати Тачиба, старший дизайнер в Wargaming, советует, как легко и быстро выбрать между UX и UI.

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

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

Кто же тогда веб дизайнер?

Веб дизайнер — это графический редактор, верстальщик и программист-скриптовик. Это универсальная должность, но преимущественно относящаяся к работе с внешней оболочкой  сайта.

Веб дизайнер обладает следующими обязанностями:

  1. Разработка шаблона сайта в графическом редакторе:
  • Обсуждение шаблона с UIUX дизайнером;
  • Верстка шаблона с использованием HTML и CSS;
  • Программирование пользовательского интерфейса.

Веб дизайнер не имеет никакого отношения к внутренней работе сайта. Все веб дизайнеры — это front-end разработчики, только с меньшим количеством обязанностей. Он отвечает за адаптивность сайта для различных размеров экрана и адекватную работу в разных браузерах и операционных системах. Веб  дизайнер занимается практически тем-же, что и UIUX дизайнеры.

Тем не менее, UIUX — это лишь узкий профиль в веб разработке. И за частую их обязанности выполняет веб дизайнер.

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

Признайте ограничения

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

Вот несколько наиболее распространенных препятствий на пути создания портфолио UX-аналитика.

Вы только входите в профессию

Будучи студентом или новичком в этой области, вы можете задаться вопросом: как продемонстрировать свои профессиональные навыки без конкретного профессионального опыта? Включение в портфолио студенческих, личных или волонтерских проектов показывает наличие навыков, которые понадобятся в этой области.

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

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

Вы не можете опубликовать прошлую работу

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

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

Это могут быть краткие выдержки из результатов исследований. Даже если бывшие клиенты хотят сохранить конфиденциальность проекта, они могут быть рады высоко оценить ваши навыки публично.

Кто такой UX-дизайнер и чем занимается?

UX-дизайнер занимается проектированием сайтов. Его задача — сделать так, чтобы тот или иной продукт был максимально удобен для конечного пользователя. Именно этот специалист отвечает за то, какая доля посетителей захотят совершить целевое действие на сайте — купить продукт или услугу. User Experience дизайнер должен обладать целым рядом навыков и знаний: разбираться в графическом дизайне, разработке программного обеспечения, психологии пользователя. Все эти аспекты подробно разбираются на профильном курсе от Skillbox. Также студенты учится грамотно презентовать свой продукт и уже во время учебы создают собственный проект для реального клиента.

Зарплаты в профессии UX/UI дизайнер

Новичок Средний Опытный
От 75 тыс. рублей От 125 тыс. рублей От 175 тыс. рублей

UX-дизайн от Skillbox

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

Курс «UX-дизайн» от Skillbox

Кому подходит курс?

  • UX-дизайнерам
  • Проектировщикам
  • Арт-директорам

Вы прокачаете свои навыки, улучшите свое портфолио и научитесь грамотно взаимодействовать с клиентами.Вы сможете рассмотреть процесс проектирования со стороны визуального дизайнера, научиться оценивать качество дизайна и результаты тестирования.Вы научитесь понимать поведение пользователей и паттерны взаимодействия. Получите практические навыки в Data Driven Design и A/B-тестировании.

Арт-директорам

Научитесь понимать поведение пользователей и строить CJM-карты. Получите практические навыки в Data Driven Design и A/B-тестировании. Сможете повысить качество и скорость разработки продуктов с помощью дизайн-систем.

Чему вы научитесь

  • лучшим практикам UX-проектирования;
  • секретам визуального дизайна;
  • методам концептуального дизайна;
  • тонкостям сервисного и продуктового дизайна.

 

 

 

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

[spoiler title=»Источники»]
  • https://WebShake.ru/post/chem-otlichaetsya-ux-ot-ui
  • https://www.profguide.io/professions/ux-designer.html
  • https://internetprofessia.ru/2019/09/04/ux-dizajn-chto-eto/
  • https://habr.com/ru/post/321312/
  • https://skillbox.ru/media/design/ux_ui_dizayn_chto_eto_takoe/
  • https://uxpapa.ru/ux-i-ui-dizayner.html
  • https://vc.ru/design/61947-kak-dolzhno-vyglyadet-portfolio-ux-analitika-desyat-rekomendaciy
  • https://ux.pub/chto-dolzhno-byt-v-kazhdom-horoshem-portfolio-dizaynera/
  • https://checkroi.ru/course/kurs-ux-dizayn-ot-skillbox/
  • https://skillbox.ru/course/ux-designer/
  • https://o-professii.ru/professija-ui-ux-dizajner-chem-zanimaetsja-i-kak-im-stat/
[/spoiler]