Здравствуйте, в этой статье мы постараемся ответить на вопрос: «Кто такой UX/UI-дизайнер, чем он занимается и почему его работа так важна». Если у Вас нет времени на чтение или статья не полностью решает Вашу проблему, можете получить онлайн консультацию квалифицированного юриста в форме ниже.
Некоторые требования к UX-дизайнерам схожи с таковыми к UI-дизайнерам. Например, умение коммуницировать, работать в команде и воспринимать чужую позицию. Зачастую профессионалы в области UX работают в больших компаниях, поэтому им приходится анализировать чужую точку зрения и уметь выстраивать свои идеи на базе уже существующих решений.
UI – аббревиатура, которая расшифровывается как User Interface, что в переводе означает «Пользовательский интерфейс». Это направление развития цифровых продуктов, включающее в себя работу над визуальным оформлением бренда/сайта/приложения или сервиса.
Пользовательский интерфейс должен быть красивым, соответствовать современным стандартам и при этом оставаться удобным. Причем последний пункт особенно важен, ведь UI-дизайн включает в себя не только создание красивых иконок. Эти иконки должны с ходу давать клиенту понять, какую функцию они выполняют, а прочие части интерфейса иметь понятную иерархию и т.п.
Основные характеристики:
- Применяется только к цифровым продуктам.
- Фокусируется на элементах, с которыми непосредственно взаимодействует пользователь.
- Создает идеальную комбинацию шрифтов, цветовых палитр, форм и анимаций.
- В итоге получается продукт, удовлетворяющий эстетические предпочтения пользователя.
User Experience (UX) переводится как «пользовательский опыт», то есть речь идет об ощущениях человека, взаимодействующего с сайтами и приложениями. Под User Interface (UI) понимается визуальная составляющая этого процесса, куда входят вид, размер и расположение иконок, надписей, других элементов интерфейса.
UX давно вышел за пределы монитора ПК или экрана смартфона. Современные пользователи сталкиваются с ним на каждом шагу: оплачивая товары на кассе самообслуживания в гипермаркете, отыскивая нужное направление в метрополитене, даже запуская посудомоечную машину или находясь за рулем автомобиля.
В каждом случае продуманный и удобный интерфейс повышает пользовательский комфорт, а явные недоработки UX/UI-дизайнера создают проблемы и замедляют работу с устройством.
Проблемы, с которыми могут столкнуться новички
На начальном этапе самостоятельного обучения этой специальности есть несколько сложностей, о которых стоит узнать заранее, чтобы успешно их преодолеть.
Первая проблема заключается в большом количестве информации о UI/UX-дизайне, размещенном в Интернете. Казалось бы, это большой плюс. Однако многие статьи представляют собой поверхностное изложение темы, а другие посвящены узким вопросам. Попытки найти структурированный курс по этой теме с глубоким раскрытием материала обречены на провал.
Вторая сложность для начинающих на самообучении – необходимость постигать азы профессии без контроля со стороны грамотного наставника. Специфика дизайна заключается в том, что для понимания разницы между его плохими и хорошими образцами нужны время, опыт, пробы и ошибки. Под руководством специалиста этот процесс протекает быстрее, наставник указывает на промахи и направляет деятельность подопечного в нужное русло.
Наконец, начинающему UX/UI-дизайнеру придется приобрести профессиональный взгляд на все окружающие его интерфейсы, изучать свежие идеи от ведущих специалистов в этой отрасли, следить за трендами.
Как стать UX/UI дизайнером с нуля самостоятельно
Для будущего дизайнера важно развивать ключевые навыки каждый день:
- Насмотренность — за счет использования новых приложений и сервисов и наблюдения за тем, как другие люди пользуются ими. Так вы научитесь замечать слабые стороны, которые можно улучшить, чтобы сделать продукт удобнее.
- Дизайн-мышление — вы не просто видите проблемы, но и учитесь их решать, генерируя новые и новые идеи. Это могут быть бытовые приборы или рабочие процессы, которые устроены неидеально.
- Навыки презентации — учитесь подавать каждую идею максимально выразительно, так, чтобы она привлекала других.
UX [юикс] (User Experience) — дословно в переводе с английского «опыт пользователя». На элементарном уровне UX дизайн — это проектирование эффективного взаимодействия человека с сайтом, приложением, программой. Но по факту, UX сродни философии, это подход к дизайну, учитывающий все аспекты продукта — функциональность, красоту, удобство, эмоции — с позиции пользовательского опыта. Концепцию и сам термин User Experience придумал Дон Норман — классик промышленного и интерфейсного дизайна, автор знаменитой книги «Дизайн привычных вещей».
Дон Норман сформулировал главное правило UX — вид объекта должен содержать подсказки о том, как правильно с ним взаимодействовать. Отсюда два принципа хорошего UX дизайна:
-
Discoverability — понятность, наглядность.
-
Feedback — обратная реакция, отклик.
Повсеместная цифровизация обеспечивает непрерывные развитие UX/UI и запрос на специалистов. Разработка интерфейсов охватывает совершенно разные сферы.
Вот несколько новинок в области UI, которые в скором времени могут завоевать популярность и стать частью городской повседневности.
Тачскрин из дронов
Мы используем смартфоны, планшеты и прочие девайсы с сенсорными экранами: перетаскиваем объекты, трансформируем и активируем их. Проект GridDrones, продемонстрированный на ACM User Interface Software and Technology Symposium, позволяет так же манипулировать объектами окружающей среды.
Пользователь управляет парящими дронами с помощью жестов: они выстраиваются в заданном порядке, перемещаются вслед за движениями руки и даже воспроизводят запрограммированную анимацию.
В перспективе технология найдет применение в обустройстве жилой среды. Например, мы сможем открывать двери, не дотрагиваясь до них.
Востребованность и зарплаты UI/UX-дизайнеров
На сайте поиска работы в данный момент открыто 1 285 вакансий, с каждым месяцем спрос на UI/UX-дизайнеров растет.
Количество вакансий с указанной зарплатой UI/UX-дизайнера по всей России:
- от 90 000 руб. – 294
- от 155 000 руб. – 167
- от 220 000 руб. – 102
- от 285 000 руб. – 52
- от 350 000 руб. – 24
Вакансий с указанным уровнем дохода по Москве:
- от 105 000 руб. – 121
- от 165 000 руб. – 75
- от 225 000 руб. – 41
- от 285 000 руб. – 23
- от 345 000 руб. – 12
Вакансий с указанным уровнем дохода по Санкт-Петербургу:
- от 120 000 руб. – 51
- от 175 000 руб. – 33
- от 235 000 руб. – 18
- от 290 000 руб. – 8
- от 350 000 руб. – 6
Что должен знать UI/UX дизайнер
Ð’ первую очередь Ñто базовые Ñ‚Ñ€ÐµÐ±Ð¾Ð²Ð°Ð½Ð¸Ñ Ðº уÑпешному интерфейÑу:
-
понÑÑ‚Ð½Ð°Ñ Ñтруктура — юзер должен понимать, что и зачем он делает;
-
лаконичноÑÑ‚ÑŒ — Ñтраницы не должны быть перегружены мелочами;
-
отзывчивоÑÑ‚ÑŒ — вÑе компоненты должны быÑтро реагировать на дейÑÑ‚Ð²Ð¸Ñ Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»Ñ Ð¸ откликатьÑÑ, чтобы юзер понимал, какой процеÑÑ Ð½Ð° данный момент работает и что именно проиÑходит;
-
узнаваемоÑÑ‚ÑŒ компонентов — Ð»ÑŽÐ±Ð°Ñ Ð´ÐµÑ‚Ð°Ð»ÑŒ, будь то кнопка или иконка, должна быть понÑтна пользователю;
-
ÑÑтетичноÑÑ‚ÑŒ — воÑприÑтие предлагаемого цифрового продукта доÑтавлÑет удовольÑтвие;
-
проÑтота — юзер прилагает минимум уÑилий Ð´Ð»Ñ Ñ€ÐµÑˆÐµÐ½Ð¸Ñ Ñ‚ÐµÑ… или иных задач при работе Ñ Ð¸Ð½Ñ‚ÐµÑ€Ñ„ÐµÐ¹Ñом.
Чем веб-дизайн отличаетÑÑ Ð¾Ñ‚ UX/UI?
ПонÑтие веб-дизайн — архаичное, более широкое. Под Ñтим термином понимают проектирование Ñтруктуры Ñайта или приложениÑ, обеÑÐ¿ÐµÑ‡ÐµÐ½Ð¸Ñ ÑƒÐ´Ð¾Ð±Ñтва Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ Ñ†Ð¸Ñ„Ñ€Ð¾Ð²Ñ‹Ð¼ продуктом Ð´Ð»Ñ ÑŽÐ·ÐµÑ€Ð¾Ð². Данное понÑтие отноÑитÑÑ Ðº временам, когда один ÑпециалиÑÑ‚ работал над вÑеми аÑпектами Ñайта, но не занималÑÑ Ð¿Ñ€Ð¾Ñ€Ð°Ð±Ð¾Ñ‚ÐºÐ¾Ð¹ Ñлементов взаимодейÑÑ‚Ð²Ð¸Ñ Ñ Ð¿Ð¾Ð»ÑŒÐ·Ð¾Ð²Ð°Ñ‚ÐµÐ»Ñми. Проще говорÑ, веб-дизайнер работает в web-Ñфере, не занимаетÑÑ Ð¿Ñ€Ð¸Ð»Ð¾Ð¶ÐµÐ½Ð¸Ñми и различными интерфейÑами.Â
Какие задачи должен выполнÑÑ‚ÑŒ Ñотрудник:
-
Ñоздание макетов Ñайтов, Ð½Ð°Ñ‡Ð¸Ð½Ð°Ñ Ð¾Ñ‚ лендингов и Ð·Ð°ÐºÐ°Ð½Ñ‡Ð¸Ð²Ð°Ñ Ñ‚Ð¸Ð¿Ð¾Ð²Ñ‹Ð¼Ð¸ шаблонами;
-
верÑтка веб-Ñтраниц.Â
Веб-дизайнер не должен выполнÑÑ‚ÑŒ аналитику, в отличие от UI/UX-ÑпециалиÑта. ПоÑледним необходимо Ñоздавать Ñтратегию, делать прототипы. UX и UI — чаÑÑ‚ÑŒ веб-дизайна.
ПерÑпективы профеÑÑии
СпециалиÑÑ‚Ñ‹ отраÑли прогнозируют выход UI/UX-дизайна на новый уровень в ближайшие годы. ПоÑвитÑÑ Ð²Ñе больше ÑервиÑов Ñмешанной и дополненной реальноÑти, новых цифровых продуктов, Ñ ÐºÐ¾Ñ‚Ð¾Ñ€Ñ‹Ð¼Ð¸ пользователи будут взаимодейÑтвовать, как Ñ Ð¼Ð¾Ð±Ð¸Ð»ÑŒÐ½Ñ‹Ð¼Ð¸ гаджетами. СоответÑтвенно, начнут поÑвлÑÑ‚ÑŒÑÑ Ð²Ñевозможные ÑервиÑ-роботы, к которым также необходимо разрабатывать интерфейÑ, Ñоздавать Ñценарии взаимодейÑÑ‚Ð²Ð¸Ñ Ñ ÑŽÐ·ÐµÑ€Ð°Ð¼Ð¸.Â
Где учиться на UX/UI-дизайнера
Есть несколько основных проблем, с которыми новички могут столкнутся во время обучения.
Во-первых, в интернете очень много информации на эту тему в открытом доступе. Но материал либо слишком поверхностный, либо слишком точечный. Найти достоверный источник с хорошо систематизированной информацией почти невозможно. Хотя онлайн-ресурсы отлично подходят для совершенствования навыков и знаний.
Вторая проблема, с которой сталкиваются новички, — это отсутствие грамотного наставника. В дизайне важны не только технические навыки, но и опыт и точка зрения. Особенно это относится к эстетической составляющей работы. Ведь научить красоте невозможно. Научится понимать разницу между качественным и плохим дизайном можно только с опытом. Начинающему специалисту крайне важно найти наставника, который на первых порах сможет вносить коррективы и направлять.
В третьих, многое зависит от вашей насмотренности и постоянной практики и развитии в сфере. UX/UI-дизайнеры должны всегда совершенствовать свои навыки, держать руку на пульсе последних трендов и изучать рынок конкурентов. Это порой отнимает много времени, но является неотъемлемой частью работы.
Помните еле заметное движение, когда вы тянете экран, чтобы обновить почту на вашем iPhone? Это работа моушн дизайнера. В отличие от графических дизайнеров, которые, как правило, имеют дело со статическими объектами, моушн дизайнеры создают анимацию внутри приложения. Они имеют дело с тем, что интерфейс делает после того, как пользователь дотрагивается до него. Например, они решают, как меню должно скользить, какие эффекты использовать для переходов, и как кнопка будет нажиматься. Когда все сделано хорошо, движение становится неотъемлемой частью интерфейса, предоставляя визуальные подсказки о том, как пользоваться продуктом.
«Требуется знание графического дизайна, моушн дизайна, диджитал арт, чувство цвета и типографики, общая осведомленность материалов/текстур и практическое понимание анимации. Знание прошивок iOS, OS X, Photoshop и Illustrator, а также знакомство с Director (или эквивалент), Quartz Composer (или эквивалент), 3D компьютерное моделирование, моушн графика».
Это самая распространенная фаза я слышу от новых стартапов. Тот, кого они, как правило, ищут, это человек, который может делать все, описанное выше. Они хотят кого-то, кто может делать красивые иконки, разрабатывать тестовые страницы, логически выстраивать UI элементы на экране, и, возможно, даже сделают некоторые фронтенд разработки. Из-за размытых полей понятия «дизайнер», мы часто слышим, как маленькие компании ищут дизайнера, вместо того, чтобы конкретно определить свои потребности.
Границы между каждой из этих ролей очень размыты. Некоторые UX дизайнеры также должны делать интерактивный дизайн, а UI дизайнеров часто просят заниматься графикой. Лучший способ найти нужного человека — это описать то, что вы ожидаете от дизайнера в вашей компании, и выбрать название, которое лучше характеризует основную задачу этого человека.
Когда на сайте много разделов и страниц, то задача UX ускорить процесс поиска нужной информации на сайте для пользователя. Когда вы открываете сайт или приложение, вы обращаете внимание на панель навигации, которая включает в себя основные разделы. Это первичная иерархия .
Когда вы нажимаете или наводите указатель мыши на эту панель, вы заметите, что открываются дополнительные подкатегории, которые углубляют вас в приложение или сайт.
Обычно используются в интернет-магазинах такие списки подкатегорий товаров.
Например, вас интересуют книги, но чтобы быстро определить какого жанра книги — можно с помощью выпадающего меню предложить вам сразу список всех имеющихся в интернет-магазине жанров.
А если пользователю интересны топ книг определенного жанра? Мы можем это выделить отдельно.