Кто такой ux/ui-дизайнер, чем он занимается и почему его работа так важна

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

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

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

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

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

Чтобы уметь работать в одном стиле — и не смешивать в одном проекте, например, гранж и ретро, — нужно знать хотя бы основные направления и их принципы. И уметь придерживаться целостности дизайна, концентрироваться на одном направлении, а не «разбрасываться» стилями по сайту.

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

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

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

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

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

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

• Figma;
• Sketch;
• Adobe Illustrator;
• Adobe Photoshop.

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

• Figma;
• InVision;
• Marvel;
• Axure.

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

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

Что нужно уметь

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

• базовые навыки графического дизайна: работа с редакторами (Illustrator, Photoshop, InDesign), типографика (язык искусства оформления текста),
• понимание того, как вообще проектируются интерфейсы,
• основы юзабилити (ориентация пользователя на сайте при минимуме ошибок),
• производство объектов.

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

Такой подход подразумевает работу с самым разным софтом – помимо Figma или Sketch, нужно уметь работать в 3D.

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

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

httpv://www.youtube.com/watch?v=embed/K_f34-BcwKc

Аналитическая сторона работы

Веб-дизайнеры всегда анализируют и буквально встают на место пользователя. Они копают глубоко и постоянно задают вопрос «Почему так?». 

Поэтому главными фишками сайта стали минимализм и интуитивно-понятная структура.

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

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

Что такое User Experience (UX)?

UX расшифровывается как “user experience (опыт взаимодействия)”. Опыт взаимодействия – это то, как люди взаимодействуют с продуктом.

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

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

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

• Получил ли я пользу от этого продукта?
• Легко ли его использовать?
• Приятно ли его использовать?

То, станут ли люди постоянными и верными пользователями продукта напрямую зависит от ответа на эти вопросы.

Элементы UX

Дон Норман (Don Norman), соучредитель Nielsen Norman Group, был первым, кто ввел понятие “user experience” в 90-ые годы, сказав “Опыт взаимодействия охватывает все аспекты взаимодействия пользователя с компанией, ее услугами и продуктами”. 

В этом видео Дон Норман делится своим мнением об истоках термина UX.

httpv://www.youtube.com/watch?v=embed/9BdtGjoIN4E

Подводя итог, UX – это практически все, что влияет на взаимодействие пользователя с продуктом.

Опыт взаимодействия основывается на ощущениях. Он выходит за рамки обычного человек-компьютер взаимодействия (human-computer interaction (HCI)) и уделяет особое внимание человеческой стороне. Люди оценивают взаимодействие как личный момент.

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

Условия, при которых используется продукт, постоянно меняются. UX предполагает понимание более широкого контекста, в котором работают пользователи, и определение того, какую роль продукт играет в их жизни.

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

С технической точки зрения UX включает практические, эмпирические, аффективные, значимые и ценные аспекты взаимодействия. Соты Питера Морвилла (Peter Morville) – это инструмент, который поможет вам найти правильный баланс между различными областями эффективного UX.

• Usable: Продукт должен быть простым и легким в использовании. Он должен быть разработан так, чтобы быть знакомым и понятным.
• Useful: Продукт должен удовлетворять потребности. Если он этого не делает, что у пользователя нет причин его использовать.
• Desirable: Визуальная эстетика продукта должна быть привлекательна. Элементы дизайна могут вызывать позитивные эмоции и симпатию.
• Findable: Если у пользователя возникли проблемы с продуктом, то они должны быть в состоянии быстро найти решение.
• Accessible: Дизайн продукта должен быть таким, чтобы даже физически неполноценные люди могли иметь такой же опыт как и все остальные.
• Credible: Компания и ее продукты должны вызывать доверие.

Когда дизайн продукта сочетает в себе эти 6 элементов, тогда он будет ценен для пользователей, а максимизация ценности – основная цель UX.

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

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

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

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

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

2. Агенство

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

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

3. Фриланс

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

Графический дизайнер

Графический дизайнер это тот, кто занимается графикой — скорее всего ответит вам не-дизайнер, если вы спросите у него, чем занимается дизайнер. Графических дизайнеров не волнует то, как экраны ссылаются друг на друга, ни как кто-то взаимодействует с продуктом

Вместо этого их внимание сосредоточено на разработке красивых иконок, средств управления и визуальных элементов и создание подходящего оформления. Графические дизайнеры прорабатывают мелкие детали, которые другие не видят, и часто работают в Photoshop с 4-х кратным и 8-ми кратным увеличением

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

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

Инструменты: Photoshop, Sketch

Вы скорее всего слышали от него: «Уменьшить кернинг и перенести кнопку на 1 пиксель влево!»

Обязанности специалиста

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

К тому же, основная часть работы состоит не в придумывании чего-то визуально интересного, а в анализе целевой аудитории и ее поведения

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

Только фантазией и умением рисовать тут не обойдешься.

Посмотрим, какие обязанности чаще всего встречаются в вакансии web-дизайнера:

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

Наиболее популярны направления UX и UI-дизайна. Что они означают:

• UX- дизайн (от английского «user experience», в переводе «опыт пользователя»), то есть основанный на том, как человек взаимодействует с интернет-продуктом. Благодаря проведенным анализу поведения и тестам, пользование сайтом становится максимально удобным для посетителя.
• UI-дизайн (в расшифровке «user interface», что переводится как «пользовательский интерфейс»). Сюда входят все визуальные элементы и их расположение, стиль онлайн-ресурса.

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

Требования работодателя

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

В первую очередь в резюме обращают внимание на пункт о навыках работы в графических редакторах (как минимум CorelDRAW и Adobe Photoshop) и в программах 3D-моделирования. . Многие компании разбивают процесс создания веб-ресурса на отдельные этапы и задействуют на каждом из них разных специалистов

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

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

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

Сколько зарабатывает UX/UI дизайнер

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

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

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

Давайте посмотрим, что предлагает HH.ru. Всего в России более 2 400 вакансий UX/UI дизайнера с зарплатой в среднем 65 000 ₽. Есть вакансии, в которых работодатели готовы платить 200 000 ₽, 330 000 ₽ ежемесячно и даже больше. 

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

Согласно исследованию SuperJob, проведенному в ноябре 2020 года, средняя зарплата отличается в зависимости от города. Спецалистам в Москве платят в среднем 160 000 ₽, а зарплата UX/UI дизайнера в Оренбурге — 90 000 ₽. 

Портал Trud.com считает среднюю зарплату на основе всех размещенных вакансий. И согласно его данным на май 2021 года, средняя цифра — всего чуть более 62 000 ₽. 

Так выглядит статистика зарплат — больше всего предложений с зарплатой в районе 34 100 ₽

Получать много можно, если стать сеньором. Объясняем: 

• джуны — начинающие специалисты с небольшим опытом работы или вообще без него; 
• мидлы — специалисты с опытом работы от трех лет; 
• сеньоры — высококлассные спецы с большим опытом, сотрудничающие с крупными брендами. 

Чтобы стать сеньором, некоторые тратят 5–10 лет. На уровень мидла можно подняться и не за три года, а за год-полтора, если у вас есть талант. Все (в том числе и уровень зарплаты) зависит от вас. 

Требования к UX-дизайнеру

Базовые требования к UX/UI-дизайнеру включают в себя:

• опыт работы по схожей специальности;
• наличие портфолио с примерами выполненных работ;
• владение инструментами создания прототипов интерфейсов – Figma, Sketch, Illustrator, Adobe CС и др.;
• опыт в создании UI элементов, иллюстраций, иконок;
• владение основами типографики и композиции;
• способность к генерации и визуализации интерфейсных решений;
• понимание принципов usability и адаптивности веб-интерфейсов.

Среди дополнительных требований:

• умение пользоваться инструментами Story Map, Персоны, Customer Journey Map, User Story;
• навыки верстки, знание языков HTML и CSS;
• понимание технологий frontend-разработки.

Как выучиться на UX/UI-дизайнера

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

К сожалению, выучиться на UX/UI-дизайнера быстро не получится. Это либо выпускники вузов (специальность Web-дизайн), либо окончившие специализированные курсы. Вышка в данном случае будет весомым, но отнюдь не основополагающим бонусом.

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

Курсы для UX/UI-дизайнеров с нуля

На этом пункте стоит остановиться подробнее: в интернете масса обучающих программ для UX/UI-дизайнеров. Есть как платные, причем нередко от крупных IT-компаний (например, Яндекс.Практикум), так и бесплатные.

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

1. Количество практических часов;

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

3. Есть ли стажировка или даже трудоустройство после окончания курсов;

4. Какие конкретно инструменты вы будете осваивать. Наиболее актуальны на данный момент – это «нестареющая классика» Photoshop и Illustrator, Figma.

Чему ещё учат на курсах UX/UI-дизайнеров:

1. Методы исследования аудитории, работа с гипотезами;

2. Продумывание пользовательских сценариев (как человек будет взаимодействовать с приложением);

3. Организация рабочего времени в коллективе;

4. Проектирование и прототипирование реального продукта.

5. Основы композиции и графики.

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

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

Чтобы стать UX-дизайнером, необходимо также подобным образом набираться знаний, опыта. Связано это с тем, что нет специальных университетов для изучения данного предмета. Единственная возможность получать знания от профессионалов — посещать семинары, тематические лекции, вебинары. К примеру, одним из уникальных способов набраться опыта является участие в специальных мероприятиях. Начинать карьеру можно с бирж фриланса.

Кто среди признанных UX-дизайнеров

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

1. Стив Круг — эксперт по юзабилити, написавший книгу-бестселлер «Не заставляй меня думать!». Он активно ведет страницу в twitter @skrug и не так давно принял участие в записи подкаста, в котором рассказал о жизни во время пандемии, истории появления своей книги, эволюции UX-дизайна.
2. Дон Норман — когнитивист, дизайнер, преподаватель и соучредитель Nielsen Norman Group (консалтинговой фирмы в области исследований пользовательского опыта). На сайте компании начинающий дизайнер может найти статьи по разным аспектам UX-дизайна. Дон Норман также является автором «Дизайна привычных вещей» и «Эмоционального дизайна», входит в совет директоров международной образовательной платформы для UX-дизайнеров Interaction Design Foundation.
3. Якоб Нильсен — консультант по веб-юзабилити и исследователь человеко-компьютерного взаимодействия, основатель Nielsen Norman Group. В 90-х он выделил 10 эвристик, которые используются в разработке любого продукта. Данный список позволяет проводить проверку юзабилити интерфейсов дизайнерам уже на протяжении 30-ти лет.
4. Лаура Клейн — инженер, дизайнер, менеджер по продукту, более 20-ти лет помогает компаниям узнавать больше о своих пользователях, чтобы они могли создавать продукты, которые нравятся людям. Лаура — автор книг UX for Lean Startups: Faster, Smarter User Experience Research and Design и Build Better Products: A Modern Approach to Building Successful User-Centered Products (на русском не издавались).
5. Скотт Дженсон — руководитель проекта Physical Web для Chrome, а в прошлом он был UX-директором в Google, Symbian и Apple. На своем персональном сайте он размещает статьи и выступления по теме UX.

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

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

Также рекомендуем присмотреться к достижениям признанных UX-дизайнеров. Некоторые из них изложили свой опыт в книгах, кто-то ведет Twitter или персональную страницу. На русском можно почитать Стива Круга «Не заставляй меня думать!», Дона Нормана «Дизайн привычных вещей», «Эмоциональный дизайн».  

При поиске вакансии важно понять, какое направление наиболее интересно вам, и начать собирать портфолио в этой сфере

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

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

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