10 ключевых UX навыков, чтобы начать работать UX дизайнером
Здравствуйте, в этой статье мы постараемся ответить на вопрос: «10 ключевых UX навыков, чтобы начать работать UX дизайнером». Если у Вас нет времени на чтение или статья не полностью решает Вашу проблему, можете получить онлайн консультацию квалифицированного юриста в форме ниже.
Сразу скажем, что специалисты, на высоком уровне владеющие профессиональными навыками по обоим направлениям, встречаются редко. В большинстве случаев над созданием интерфейса работают два человека, и зоны их ответственности практически не пересекаются.
User Experience (UX) переводится как «пользовательский опыт», то есть речь идет об ощущениях человека, взаимодействующего с сайтами и приложениями. Под User Interface (UI) понимается визуальная составляющая этого процесса, куда входят вид, размер и расположение иконок, надписей, других элементов интерфейса.
UX давно вышел за пределы монитора ПК или экрана смартфона. Современные пользователи сталкиваются с ним на каждом шагу: оплачивая товары на кассе самообслуживания в гипермаркете, отыскивая нужное направление в метрополитене, даже запуская посудомоечную машину или находясь за рулем автомобиля.
В каждом случае продуманный и удобный интерфейс повышает пользовательский комфорт, а явные недоработки UX/UI-дизайнера создают проблемы и замедляют работу с устройством.
Проблемы, с которыми могут столкнуться новички
На начальном этапе самостоятельного обучения этой специальности есть несколько сложностей, о которых стоит узнать заранее, чтобы успешно их преодолеть.
Первая проблема заключается в большом количестве информации о UI/UX-дизайне, размещенном в Интернете. Казалось бы, это большой плюс. Однако многие статьи представляют собой поверхностное изложение темы, а другие посвящены узким вопросам. Попытки найти структурированный курс по этой теме с глубоким раскрытием материала обречены на провал.
Вторая сложность для начинающих на самообучении – необходимость постигать азы профессии без контроля со стороны грамотного наставника. Специфика дизайна заключается в том, что для понимания разницы между его плохими и хорошими образцами нужны время, опыт, пробы и ошибки. Под руководством специалиста этот процесс протекает быстрее, наставник указывает на промахи и направляет деятельность подопечного в нужное русло.
Наконец, начинающему UX/UI-дизайнеру придется приобрести профессиональный взгляд на все окружающие его интерфейсы, изучать свежие идеи от ведущих специалистов в этой отрасли, следить за трендами.
Что входит в задачи UX/UI-дизайнеров?
Мы уже выяснили, что специализация UX- и UI-дизайнеров заметно отличается. Они занимаются созданием одного продукта, но круг обязанностей у них сильно варьируется.
UX-дизайнер куда больше внимания уделяет тому, как будет чувствовать себя пользователь при взаимодействии с продуктом. Он гораздо ближе знакомится со структурой приложения, осознает, как оно работает, и улучшает его, ориентируясь на опыт других людей. UI-дизайнер смотрит на продукт с более творческой стороны и пытается сделать продуманный интерфейс красивым.
Далее подробно поговорим о пяти ключевых этапах развития проекта и о том, кто из дизайнеров принимает в них непосредственное участие. На их фоне разница между UX- и UI-дизайном видна еще лучше.
От UI-, как и от UX-дизайнеров, требуется повышенный уровень эмпатии, то есть возможность ставить себя на место пользователя. И хотя задача первых состоит в визуальном оформлении продукта, все же необходимо ориентироваться на предпочтения аудитории. Эту характеристику дополняет высокий уровень адаптивности и умение подстраиваться под изменения в индустрии. Пользовательский опыт, с точки зрения функциональности, может годами почти не меняться, а вот веяния в визуальном стиле меняются часто.
Также есть ряд профессиональных навыков, которыми должен обладать UI-дизайнер. В их числе:
- умение создать запоминающийся визуальный образ для бренда;
- навыки в работе с типографией;
- знания в области теории цвета;
- умение разрабатывать дизайн значков и элементов интерфейса с нуля;
- понимание того, как сделать визуальную составляющую сайта или приложения отзывчивой и наглядной;
- умение реализовывать подвижные элементы дизайна и анимации в соответствии с требованиями проекта.
Что делают UI/UX-дизайнеры и чем занимаются?
Обязанности на примере одной из вакансий:
- Разработка концепции, проектирование и UX/UI дизайн интерфейсов мобильных и веб-приложений.
- Определение и создание пользовательского интерфейса сложного набора продуктов в единую согласованную инфраструктуру;
- Разработка решений, которые позволят сделать сложные конструкции простыми и удобными для пользователей;
- Обеспечение согласованного дизайна для веб и мобильных приложений.
UX [юикс] (User Experience) — дословно в переводе с английского «опыт пользователя». На элементарном уровне UX дизайн — это проектирование эффективного взаимодействия человека с сайтом, приложением, программой. Но по факту, UX сродни философии, это подход к дизайну, учитывающий все аспекты продукта — функциональность, красоту, удобство, эмоции — с позиции пользовательского опыта. Концепцию и сам термин User Experience придумал Дон Норман — классик промышленного и интерфейсного дизайна, автор знаменитой книги «Дизайн привычных вещей».
Дон Норман сформулировал главное правило UX — вид объекта должен содержать подсказки о том, как правильно с ним взаимодействовать. Отсюда два принципа хорошего UX дизайна:
- Discoverability — понятность, наглядность.
- Feedback — обратная реакция, отклик.
UX [юикс] (User Experience) — дословно в переводе с английского «опыт пользователя». На элементарном уровне UX дизайн — это проектирование эффективного взаимодействия человека с сайтом, приложением, программой. Но по факту, UX сродни философии, это подход к дизайну, учитывающий все аспекты продукта — функциональность, красоту, удобство, эмоции — с позиции пользовательского опыта. Концепцию и сам термин User Experience придумал Дон Норман — классик промышленного и интерфейсного дизайна, автор знаменитой книги «Дизайн привычных вещей».
Дон Норман сформулировал главное правило UX — вид объекта должен содержать подсказки о том, как правильно с ним взаимодействовать. Отсюда два принципа хорошего UX дизайна:
-
Discoverability — понятность, наглядность.
-
Feedback — обратная реакция, отклик.
Особенности профессии: плюсы и минусы
Профессия UX/UI дизайнера предполагает разные форматы работы:
на постоянной основе в студии веб- или мобильной разработки, на проектной основе или удаленно. В любом случае, это — работа в команде, где каждый решает свои задачи, но в тесном контакте с другими участниками.
Вот главные плюсы:
- Высокая зарплата и перспективы роста, даже на старте.
- Почти нет рутинной и поточной работы: вы регулярно переключаетесь между разными проектами или даже сферами, для которых разрабатываете продукт. Задачи и их объем тоже могут меняться.
- Баланс между творчеством и аналитическим подходом: вы работаете над идеей и концепцией, помогаете с визуальным и текстовым наполнением, при этом следуете четким сценариям на основе проведенной аналитики.
- Подходит тем, кто интересуется людской психологией и хочет понять, как использовать сценарии поведения для достижения нужного результата.
- Полученные навыки пригодятся, если вы захотите сменить сферу деятельности: например, в продажах, маркетинге, проект-менеджменте, а также — для работы в качестве руководителя студии или команды разработчиков.
Но есть и минусы:
- Высокая конкуренция: на хорошую позицию практически невозможно попасть без обширного портфолио и наработанных связей.
- Нет единого и стандартизированного подхода: то, что сработало для одного продукта, может не сработать для другого. Даже один и тот же сервис иногда приходится полностью менять из-за внешних факторов.
- Чтобы добиться результата, нужно провести большую подготовительную работу: собрать данные, проанализировать, выявить закономерности.
- Часто приходится работать с фиксированным бюджетом, из-за чего в процессе разработки и внедрения удается воплотить не все или приходится экономить на тестировании.
Как стать UX/UI дизайнером с нуля самостоятельно
Для будущего дизайнера важно развивать ключевые навыки каждый день:
- Насмотренность — за счет использования новых приложений и сервисов и наблюдения за тем, как другие люди пользуются ими. Так вы научитесь замечать слабые стороны, которые можно улучшить, чтобы сделать продукт удобнее.
- Дизайн-мышление — вы не просто видите проблемы, но и учитесь их решать, генерируя новые и новые идеи. Это могут быть бытовые приборы или рабочие процессы, которые устроены неидеально.
- Навыки презентации — учитесь подавать каждую идею максимально выразительно, так, чтобы она привлекала других.
Так в чем отличие UX/UI-дизайнера от веб-дизайнера?
Нет четкого определения веб-дизайна.
Веб-дизайнер — понятие немного архаичное, относится к временам, когда один человек занимался созданием всех аспектов веб-сайта, но не продумывал детали взаимодействия пользователя с ним. С развитие цифровой индустрии понятие “веб-дизайнера” заменилось UX/UI-дизайнером.
Грубо обобщая, веб-дизайнер сейчас охватывает лишь веб-сферу и не занимается приложениями и любыми другими интерфейсами.
Веб-дизайнер создает макеты сайтов (дизайн лендингов, сайтов-визиток, дизайн типовых шаблонов) и не проводит аналитической работы, как если бы это сделал UX/UI-дизайнер.
В навыки веб-дизайнера может входить знание верстки: такие специалисты могут работать на фрилансе, беря заказы на создание сайтов.
Или могут стать UX/UI-дизайнерами (на наших курсах мы обучаем UX/UI, подробности тут), что сейчас более востребовано.
В чем разница между UX и UI дизайном
UX и UI — не одно и то же, у них есть и свои отличия. По факту UX — это абстрактная информация о пользовательском опыте. А UI — то как это выглядит визуально.
UI (User Interface) — расшифровывается как «пользовательский интерфейс», сразу понятно, что речь идет о визуальном оформлении. От UI дизайна зависит то, как выглядят элементы на страницах блогов, приложений и сайтов: цвета, размеры и стили иконок, кнопок, шрифтов и форм.
Хоть у UI и UX много общего, эти понятия отличны друг от друга, их нужно различать.
UI — работает над тем, как будет выглядеть продукт. UX — над тем, как его использовать. В качестве простого примера могу привести такую ассоциацию: UI — это материальная (видимая) часть, а UX — духовная, нематериальная (невидимая).
Также существует мнение, что понятия UX и UI дизайна нельзя сравнивать, потому что пользовательский интерфейс является частью пользовательского опыта.
В общем однозначного ответа на вопрос о различии UX и UI нет, у каждого веб-дизайнера свое видение и представление об этих понятиях. Возможно, в процессе разработки дизайнов, у вас также выработается собственный взгляд.
Где учиться на UX/UI-дизайнера
Есть несколько основных проблем, с которыми новички могут столкнутся во время обучения.
Во-первых, в интернете очень много информации на эту тему в открытом доступе. Но материал либо слишком поверхностный, либо слишком точечный. Найти достоверный источник с хорошо систематизированной информацией почти невозможно. Хотя онлайн-ресурсы отлично подходят для совершенствования навыков и знаний.
Вторая проблема, с которой сталкиваются новички, — это отсутствие грамотного наставника. В дизайне важны не только технические навыки, но и опыт и точка зрения. Особенно это относится к эстетической составляющей работы. Ведь научить красоте невозможно. Научится понимать разницу между качественным и плохим дизайном можно только с опытом. Начинающему специалисту крайне важно найти наставника, который на первых порах сможет вносить коррективы и направлять.
В третьих, многое зависит от вашей насмотренности и постоянной практики и развитии в сфере. UX/UI-дизайнеры должны всегда совершенствовать свои навыки, держать руку на пульсе последних трендов и изучать рынок конкурентов. Это порой отнимает много времени, но является неотъемлемой частью работы.
Плюсы и минусы профессии
|
Плюсы: |
Минусы: |
|
|
Продакт-дизайнером обычно называют дизайнера, который участвует в создании внешнего вида продукта и его восприятия.
Роль продакт-дизайнера не совсем однозначно определена, и немного варьируется в разных компаниях. Он может немного заниматься фронтенд-кодированием, проводить исследования, разрабатывать пользовательский интерфейс, или создавать визуальные эффекты. От начала и до конца, продакт-дизайнер помогает определить исходную задачу, задает ориентиры для ее решения, а затем проектирует, тестирует и итерирует различные решения. Некоторые компании, которые не хотя четкого распределения ролей дизайнеров, побуждают всю команду вместе заниматься UX-дизайном, UX исследованиями, а также и элементами графического дизайна.
Некоторые компании используют «UX дизайнер» или просто «дизайнер» как всеобъемлющий термин. Лучший способ выяснить, как компания распределяет обязанности для дизайнера — прочитать описание должностных обязанностей.
«Что такое» UX-дизайнер?
UX дизайнеры не просто проектируют результаты, они определяют, как продукт работает и чувствует. Любая проектная проблема или проект не имеют единственного правильного решения, так как может быть много правильных способов решить или подойти к определённой проблеме.
Работа дизайнеров UX состоит в том, чтобы исследовать эти способы решения пользовательской проблемы и создания значимого пользовательского опыта.
Этот подход варьируется от решения технических проблем до навигации и определения тонкостей поведения пользователя. Таким образом, работа UX-дизайнера сложна и кропотлива, что требует решения проблем со следующим набором навыков:
Проектирование и сотрудничество при разработке
— Сотрудничество и координация с UI-дизайнером
— Итерация и тестирование с менеджерами по продукту
— Планирование и мозговой штурм с клиентами и командами
— Отслеживание пользовательского поведения и аналитика
Разработка прототипа
— Каркас, зарисовка и прототипирование
— Тестирование/итерация с Blueprints
— Знание инструментов и ресурсов
Копирайтинг и стратегия
— UX-копирайтинг
— Анализ конкурентов и клиентов
— Структура продукта / стратегия
Что такое дизайн пользовательского интерфейса?
Когда Apple представила навигационный компонент Click Wheel для iPod, эта штука была интуитивно понятной и высокофункциональной – не говоря уже о визуальной составляющей. Это хороший пример успешного пользовательского интерфейса, или UI. UI – это способ взаимодействия с компьютерами, машинами, сайтами, приложениями, носимыми устройствами и пр. UI-дизайн – это то, что делает все эти вещи максимально упрощенными и эффективными.
UI vs. UX
UX, опыт взаимодействия, относится к перемещению пользователя на сайте или в приложении. UX-дизайнеры работают над формой и функциональностью продукта или технологии. UI, или пользовательский интерфейс, ориентирован на то, как выглядит и функционирует внешняя оболочка продукта. Сфера деятельности UI-дизайнеров – осязаемые и видимые компоненты этого процесса.
Общие UI-элементы
У UX и UI много общего, но важно отметить и ключевые отличия этих двух предматов. Опять же, UI ориентирован на внешнюю составляющую продукта, тогда как UX больше связан с тем, как люди взаимодействуют с сайтом или приложением. Вот самые распространенные элементы UI, о которых нужно знать, чтобы лучше разобраться в отличиях:
Информационные компоненты: UI-дизайнеры используют информационные компоненты, чтобы расширить т.н. читательский опыт – передать больше информации. Примеры информационных компонентов: индикаторы состояния, уведомления и окна с сообщениями. Все это используется как подтверждение: пользователь выполнил определенную задачу. Или чтобы уведомить, что с его стороны требуется определенное действие.
Навигация «хлебные крошки»
Это дизайнерский инструмент, который визуально улучшает юзабилити сайта.
Так люди видят свое местонахождение на веб-странице, в ее иерархической структуре. Какие-либо вычурные дизайнерские элементы не обязательны, нужно лишь показать, в каком разделе сайта находится пользователь. Обычно такие ссылки размещаются вверху веб-страницы интернет-магазинов, или на других ресурсах.
Элементы управления вводом: пользователям предоставляется несколько вариантов, чтобы ответить на вопрос, который им задают. Это могут быть чекбоксы, выпадающие списки и переключатели. Информация должна быть краткой и сжатой, чтобы было проще выяснить потребности.