В готовом виде продукт должен быть эффективным, то есть предоставлять пользователям максимально удобные условия пользования и быть интуитивно понятным. С точки зрения маркетинга, продукт UX-/UI-дизайнеров должен привлекать потенциальных клиентов на сайт и мягко «навязывать» им покупку товара или услуги.
Кто такие UX-/UI-дизайнеры
Несмотря на то, что понятия схожи по функциям и конечным целям, специалисты из этих областей выполняют разную работу. Главное отличие между ними заключается в том, что Ui-специалист выполняет техническое задание, созданное UX-дизайнером. В частности, он отвечает за визуальную составляющую проекта: создает оригинальные изображения, подбирает шрифты, цвета оформления интерфейса, размеры и стиль отдельных элементов и т.д. Однако данные профессии имеют настолько много точек соприкосновения, что чаще всего всю работы выполняет один человек, который отвечает за техническую и визуальную часть.
Многие люди путаются в понятиях и функциях, не понимая, кто отвечает за пользовательский опыт, а кто — за интерфейс. Из-за этого часто создается путаница, когда обычного web-дизайнера принимают за специалиста (первому это выгодно, поскольку определение профессии модное и, следовательно, можно сойти за профессионала и продать свои услуги дороже).
Настоящий же мастер подходит к каждому проекту индивидуально. Он должен учитывать даже незначительные нюансы в процессе разработки схем, поскольку эффективность работы готового продукта трудно спрогнозировать без соответствующих исследований. Нужно знать портрет среднестатистического пользователя, особенности ниши в бизнесе, для которого создается сайт, желания и предпочтения клиента и т.д.
Как уже отмечалось, UX- и UI-дизайнеры — это единая связка, и они не могут работать в отрыве друг от друга, поскольку им не удастся создать нужного эффекта. К примеру, UI-специалист владеет навыками работы с программами, позволяющими создавать, обрабатывать и редактировать цифровые изображения. Но этого недостаточно для создания полноценного продукта: необходимо проводить сбор и анализ данных, выстраивать средства коммуникации, проектировать техническую составляющую интерфейса. Именно этим и занимается UX-дизайнер. В круг их обязанностей входит:
- Сбор и обработка данных о проекте.
- Изучение целевой аудитории веб-ресурса, выведение портрета среднестатистического пользователя.
- Проектирование и реализация интерфейса.
- Визуальное оформление сайта (стиль, размер и цвет кнопок, отдельных веб-страниц и т.д.).
- Создание макета и прорисовка деталей и эффектов изображения.
Весь этот перечень работ распределяется между дизайнерами. Каждый занимается своим делом, чтобы итоговый продукт был максимально качественным и эффективным. Если же пользователи веб-ресурса или приложения отвлекаются на лишние детали, путаются в навигации или вовсе покидают страницы, не совершая целевых действий, значит, работа выполнена недостаточно хорошо.
Обязанности UX-дизайнера
В IT-области довольно много специальностей, связанных с проектированием пользовательских интерфейсов для веб-ресурсов и мобильных приложений. Он придумывает визуальное оформление, проектирует логическую структуру веб-страниц, создает наиболее удобные решения размещения и подачи информации. Для всех этих целей нужны профессионалы в области инженерии, психологии, программирования, дизайна.
Если UI-специалист занят разработкой функциональности проекта, то UX должен создать такие условия, при которых человек будет интуитивно понимать, что ему нужно сделать для достижения желаемого результата (найти нужный раздел, заполнить регистрационную форму, подписаться на рассылку и т.д.). В обязанности UX-дизайнера также входит:
- Исследовательский процесс, в ходе которого нужно узнать психологический портрет и финансовые возможности клиентов. Это делается посредством опросов.
- Создание списка страниц для поисковых систем и посетителей, которые будут показывать взаимосвязь между разделами и отдельными элементами.
В основе общей концепции оформления интерфейса, будь то структура, содержание или навигация, лежат именно эти действия. Они направлены на то, чтобы человек получил то, зачем пришел. Для этих целей используются графические редакторы, такие как Adobe Photoshop, Illustrator, Figma и т.д. Выбор графического инструмента зависит от личных предпочтений и возможностей, которые он предлагает.
Еще одна важная задача — создание схематичного макета или html-документа web-страницы, на котором должны быть изображены все элементы (кнопки, формы и пр.). Для этого чаще всего применяют Mockplus и Axure. Именно данный этап является связующей нитью между придумыванием идеи и реализацией.
В зависимости от сути проекта и требований технического задания, от него могут также понадобиться навыки работы со стандартизированным языком разметки и мультипарадигменными языками программирования. Это важный показатель того, насколько он является профессионалом, и сможет ли создать качественный, конкурентоспособный продукт.
Понять, что такое UX-дизайнер и UI, легко на следующем примере. Допустим, в техническом задании значится, что необходимо спроектировать регистрационную форму. В этом случае мастер проводит все необходимые исследования, после чего составляет отдельное ТЗ для UI, чтобы он подготовил визуальную составляющую: создал необходимые изображения, подобрал стиль оформления, шрифты, отдельные элементы.
Сам дизайнер в это время будет заниматься проектированием формы, определением времени, когда она будет показываться пользователю, каким образом привлечь к ней внимание, минимизировать вероятность появления ошибки, создать простой и в то же время удобный алгоритм действий и т.д.
Если в процессе заполнения регистрационных данных человек не раздражается и не закрывает страницу — работа обоих мастеров сделана хорошо. Если же непонятно, куда и как ввести нужные данные, а стиль оформления не отвечает ожиданиям, с большей степенью вероятности пользователь отложит процесс активации учетной записи либо уйдет на другой, более удобный ресурс.
Как стать UX- и UI-дизайнером
Один из главных навыков, который необходимо освоить в UI сфере, — умение пользоваться различными графическими редакторами. Набраться опыта можно, самостоятельно прорисовывая визуальную часть веб-ресурса. При этом нужно не просто копировать все элементы, но и определять, что необходимо исправить, изменить или вовсе убрать, чтобы интерфейс был более привлекательным. Также нужно разбираться в цветовых системах, уметь выражать посыл web-дизайна, чтобы, объединяя текстовую и визуальную части, можно было донести до пользователя какую-либо информацию.
Чтобы стать UX-дизайнером, необходимо также подобным образом набираться знаний, опыта. Связано это с тем, что нет специальных университетов для изучения данного предмета. Единственная возможность получать знания от профессионалов — посещать семинары, тематические лекции, вебинары. К примеру, одним из уникальных способов набраться опыта является участие в специальных мероприятиях. Начинать карьеру можно с бирж фриланса.
