ui ux дизайнер что они делают

UX/UI-дизайнер: все, что вы хотели знать, но боялись спросить

На связи опять ребята из Hays, и сегодня мы расскажем о профессии UX/UI-дизайнера: кто это такой, чем занимается, сколько зарабатывает и как им стать.

Ок гугл, кто такой UX/UI-дизайнер?

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

Сегодня мы поговорим о наиболее распространенной в компаниях на данный момент роли: UX/UI-дизайнера в единственном лице (UX Generalist, будем называть его так). Он решает широкий спектр задач: исследует поведенческие паттерны, проектирует различные варианты пользовательского опыта, прорабатывает те или иные гипотезы совместно с командой, тестирует их, проводит пользовательские интервью и исследования, и с учетом полученных данных создает привлекательный, понятный и удобный интерфейс, который помогает решить предполагаемую задачу пользователя.

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

Чем занимается UX/UI-дизайнер?

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

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

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

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

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

Создает визуальный дизайн. Фокусируется на том, как выглядит продукт или технология, — для этого необходима непосредственная отрисовка той части продукта, которой касается пользователь.

Основная цель работы любого дизайнера — сделать продукт, дизайн которого будет повышать уровень удовлетворенности клиента и его лояльность благодаря пользе, простоте и удовольствию от использования.

Как стать дизайнером?

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

Рынок образовательных услуг наполнен огромным количеством курсов и проектов по данной теме, поэтому выбрать этот путь может любой желающий.

По этой ссылке вы найдете список из 15 книг, которые помогут вам на пути становления в профессии дизайнера.

Следующим важным фактором является портфолио — при отборе канидадата это первое, на что обращают внимание.

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

«В первую очередь необходимо желание докапываться до сути и показывать это в своем решении. Это помогает разобраться в проблеме до того, как ты сел за рисование макетов, и вообще развивать карьеру. Например, многие кандидаты к откликам на вакансии прикладывают ссылки на Google Drive, даже не попытавшись проверить, как это работает. А там ни решаемая проблема, ни роль человека не ясны. Да и макет толком посмотреть невозможно. И в итоге остаешься с ощущением, что человек точно так же не думает о своих пользователях, когда делает продукт», — рассказывает Дмитрий Борисенков, Head of Design at VTB.

Основные требования к UX/UI-дизайнеру.

Свободное владение тулами прототипирования: самый популярный сейчас Figma, чуть менее — Sketch, Illustrator, Adobe XD и др.

Опыт отрисовки UI-элементов, иллюстраций, иконок.

Владение основами типографики и композиции.

Способность к генерации и визуализации интерфейсных решений.

Понимание принципов usability и адаптивности веб-интерфейсов.

Умение пользоваться инструментами Story Map, Customer Journey Map, User Story.

Навыки верстки, знание языков HTML и CSS.

Знание гайдлайнов для мобильной разработки Material Design Human Interface Guidelines.

Понимание технологий frontend-разработки.

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

Мотивация и карьерный рост

После прохождения стандартного пути junior — middle — senior у дизайнера есть возможность дорасти:

в продуктовой компании — до Design Lead, а затем и до Head of Design,

а в агентстве или студии — до арт-директора.

Среди мотиваторов выделяют материальные:

высокий доход (от 80 до 340 тысяч в Москве, в среднем — 220 тысяч; от 60 до 300 тысяч в Санкт-Петербурге, в среднем — 190 тысяч),

а также нематериальные:

работа над продуктами с миллионной аудиторией,

работа с международными командами,

возможность переезда за границу,

возможность создания крутого дизайна с нуля,

возможность нести ответственность за весь продукт,

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

«В работе меня мотивируют сложные задачи и возможность влиять на результат. Я могу придумать варианты решения проблемы вместе с командой дизайна. Или сделать так, как хочу, ни с кем не согласуя, показать результат в цифрах и получить еще больше свободы», — отмечает Дмитрий Борисенков, Head of Design at VTB.

Источник

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

Понятиям UX и UI уже около 70 лет, но некоторые дизайнеры всё ещё путают их. Рассказываем, что означают аббревиатуры и как освоить эти профессии.

Что такое UX-дизайн

UX (англ. user experience) дословно означает «опыт пользователя». В более широком смысле это понятие про весь опыт, который получает пользователь при взаимодействии с сайтом или приложением.

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

UX-дизайн — это проектирование интерфейса на основе исследований пользовательского опыта и поведения.

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

Пишет про дизайн в Skillbox. Редактор и арт-директор собственного дизайн-бюро. Ведет рассылку о текстах, типографике и дизайне.

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

Некоторые дизайнеры считают, что UX — это только про работу сайта или приложения. На деле же опыт пользователя этим не ограничивается. Например, если клиент оставил заявку, но не получил СМС с подтверждением или звонок от менеджера, — это симптомы плохого UX.

UX не заканчивается на красивой и понятной форме на сайте. UX — это путь пользователя от точки входа до точки выхода, из пункта А в пункт Б.

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

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

UX-дизайнер (англ. user experience designer) — это проектировщик, который изучает потребности пользователей, строит логические схемы работы интерфейса, тестирует прототипы на целевой аудитории и составляет техническое задание для UI-дизайнера.

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

Курс «Графический дизайнер с нуля до PRO»

Попробуйте курс по графическому дизайну бесплатно

Что такое UI-дизайн

UI (англ. user interface) переводится как «пользовательский интерфейс». И необязательно только графический: тактильный, голосовой или звуковой. Мы рассмотрим только графический интерфейс, так как дизайнеры в основном работают с ним.

UI-дизайн — процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.

UI-дизайн включает в себя работу над графической частью интерфейса: анимацией, иллюстрациями, кнопками, меню, слайдерами, фотографиями и шрифтами.

UI-дизайнер определяет цветовую палитру и расположение объектов в интерфейсе: удобно ли нажимать «Заказать», правильно ли работает выпадающее меню, легко ли заполнять форму, хорошо ли читается текст со смартфона, какое сообщение выдаёт сайт при том или ином действии.

UI-дизайнер (англ. user interface designer) — дизайнер интерфейсов, который визуализирует рабочий прототип, отрисовывает кнопки, иконки, формы и другие его компоненты и собирает их в гармоничный работающий макет.

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

Главная задача UI-дизайнера — помочь пользователю быстро и без стресса понять, как пользоваться продуктом: сайтом, приложением, программой, платёжным терминалом, микроволновкой или пультом от телевизора. Для этого дизайнер следит, чтобы интерфейс соответствовал основным требованиям.

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

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

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

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

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

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

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

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

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

В чём разница между UX и UI

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

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

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

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

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

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

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

Источник

Кто такие UI-дизайнеры и чем они занимаются

Мы каждый день пользуемся интерфейсами, не думая, кто их придумал. Давайте это исправим — поговорим о работе, навыках, инструментах UI-дизайнера.

Арт-директор ITSOFT, СEO & Founder студии дизайна Snow Fjord, автор блога на Medium о работе с иностранцами.

Графические интерфейсы, которые вы видите на компьютере, планшете, мобильном телефоне или любом другом экране, созданы UI-дизайнерами (англ. user interface — пользовательский интерфейс). Эти специалисты разрабатывают внешний вид любой программы, сайта или приложения. Они рисуют все элементы (кнопки, иконки, формы) в разных состояниях (например, до и после клика мышкой).

Есть ещё другое понятие — UX (англ. user experience — пользовательский опыт), с которым часто возникает путаница. UX-дизайнер не рисует кнопки, он проектирует интерфейс: изучает потребности пользователей, продумывает логику, анализирует и тестирует. Впрочем, эти направления дизайна тесно связаны и ими может заниматься один специалист.

Основные задачи UI-дизайнера

Разбираемся подробнее, какие задачи и цели преследует UI-дизайнер, когда работает над внешним видом любого ресурса.

Интерактивность

Создание интерактивности (англ. interaction — взаимодействие) — главная задача UI-дизайнера.Допустим, вы нажимаете на кнопку и она изменяет состояние — показывает своим внешним видом, что её функция (например отправка сообщения) запущена. При клике у элемента может появиться тень или обводка, измениться цвет или размер. Эти и многие другие интерактивные изменения обеспечивает именно UI-дизайнер.

Брендинг

UI-дизайнер также помогает передать эмоции бренда и его продуктов. Разберём, что это такое, на примере продажи велосипедов.

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

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

UI-дизайнера и художника роднит умение визуализировать эмоции, внутренние переживания и чувства.

Адаптивность

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

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

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

Цель UI-дизайнера — сделать приятный, удобный, понятный интерфейс. Чтобы текст не слипался, иконки облегчали чтение, а кнопка была заметна (и находилась там, где удобно на неё нажимать).

Работа UI-дизайнера в подробностях

Теперь рассказываем, с помощью чего UI-дизайнер решает свои задачи и достигает поставленных целей.

1. Текстовая иерархия

UI-дизайнер работает над текстовой иерархией. Например, делает заголовки заметнее, чем обычный текст. Это экономит время: пользователь может пройти текст по диагонали и понять структуру, остановиться там, где ему нужно, а не читать всё от начала до конца.

2. Цвет и форма

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

3. Сетки

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

Навыки хорошего дизайнера интерфейсов

1. Насмотренность

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

Насмотренность значительно расширяет горизонты и сокращает творческие муки при работе с любым проектом.

2. Развитое чувство стиля и целостность дизайна

3. Типографика

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

4. Передача уникальности, эмоций продукта

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

5. Владение современными инструментами

Самые базовые и необходимые графические программы:

Инструменты для создания прототипов:

6. Презентация своей работы

Весомый плюс для UI-дизайнера — хороший навык презентации работы, чтобы всё было просто и понятно, заказчик или партнёр вовлекался и погружался в решение. Такой soft skill повышает ценность специалиста на рынке.

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

Где работать UI-дизайнеру

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

Есть несколько вариантов, где может работать UI-дизайнер.

1. Продуктовая компания

Чаще всего работа будет связана с какой-то узкой сферой (например играми или банковскими сервисами). UI-дизайнеру предстоит вникнуть во все нюансы работы компании, но это даст новые навыки. В этом случае он достаточно быстро растёт как специалист.

2. Аутсорсинговые компании

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

Разнообразие проектов — хорошая возможность «набить руку» и найти направление, которое наиболее интересно.

3. Фриланс

Главное отличие — UI-дизайнер выбирает только те проекты, которые ему интересны. Здесь заработок напрямую зависит от продуктивности, репутации и «мягких навыков».

Сколько получают UI-дизайнеры

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

У UI-дизайнеров есть стандартная градация:

По данным hh.ru на начало июля 2020 года, зарплата UI-дизайнеров колеблется от 30 до 250 000 рублей.

Важно: стаж не гарантирует обладание необходимыми навыками. Можно несколько лет выполнять одну и ту же работу и так и не стать высококлассным специалистом. А можно прокачивать скилы, браться за серьёзные задачи и через короткое время с нуля достичь уровня Middle.

Источник