Npk18.ru

Обучение новым специальностям
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Ux ui дизайнер кто это

UI, UX: Кто чем занимается? Руководство дизайнера по IT-индустрии.

ПЛЮС: Как Apple, Facebook, Google и другие тяжеловесы из мира высоких технологий характеризуют свою дизайнерскую работу.

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

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

«У этого вопроса нет единственного правильного ответа.»

Давайте попытаемся разобраться что на самом деле это означает в ИТ-индустрии.

UX дизайнер

UX дизайнеры в первую очередь озабочены тем, как продукт взаимодействует с пользователем. У этого вопроса нет единственного правильного ответа. UX дизайнеры исследуют различные подходы к решению конкретной проблемы пользователя. Основная задача UX дизайнера заключается в том, чтобы убедиться, что продукт логически перетекает от одного шага к другому. Один из способов, которым UX дизайнер может это выяснить — провести пользовательские тесты лично и сделать выводы из своих ощущений. Выявляя вербальные и невербальные преткновения, он корректирует и итерирует, создавая тем самым «лучшее» восприятие для пользователя. В качестве примера — создание потрясающего онбординга для нового пользователя.

«Определять модели взаимодействия, поток задач пользователя и специфику интерфейса. Разрабатывать сценарии, end-to-end взаимодействия, модели взаимодействия, разработка графического интерфейса пользователя. Работа с нашим креативным директором и графическим дизайнером, чтобы оъединить визуальную сторону Twitter с его функциональными особенностями. Разрабатывать и поддерживать, вайрфреймы, мокапы и спецификации по мере необходимости».

Пример экрана приложения, разработанного UX дизайнером
Источник: Kitchenware Pro Kit Wireframe от Neway Lau на Dribbble.

Задача: Вайрфреймы экранов, раскадровки, план сайта

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

Вы скорее всего слышали от него: «Страницу „Спасибо“ пользователь должен увидеть после окончания регистрации».

UI дизайнер

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

«Концепция и реализация визуального языка Airbnb.com. Создание расширенного стайлгайда.»

Границы между UI и UX дизайнером довольно размыты, и очень часто компании предпочитают объединять эти роли.

UI дизайнер определяет общее восприятие и внешний вид приложения.
Источник: Metro Style Interface 4 работа Ionut Zamfir на Dribbble.

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

Вы скорее всего слышали от него: «Поля „войти“ и „зарегистрироваться“ нужно переместить в правый верхний угол».

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

«Графические дизайнеры корпят над мелкими деталями, на которые другие не обращают внимания».

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

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

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

Графический дизайнер проектирует, направляет и регулирует каждый пиксель, чтобы обеспечить идеальный конечный результат.
Источник: IOS 7 Guide Freebie PSD от Seevi kargwal на Dribbble.

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

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

Моушн дизайнер

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

«Требуется знание графического дизайна, моушн дизайна, диджитал арт, чувство цвета и типографики, общая осведомленность материалов/текстур и практическое понимание анимации. Знание прошивок iOS, OS X, Photoshop и Illustrator, а также знакомство с Director (или эквивалент), Quartz Composer (или эквивалент), 3D компьютерное моделирование, моушн графика».

Инструменты: AfterEffects, Core Composer, Flash, Origami

Вы скорее всего слышали от него: «Меню должно всплывать слева через 800 мс.»

UX исследователь

UX исследователь знает все о потребностях пользователей.

UX исследователь знает все о потребностях пользователей. Цель исследователя — ответить на два главных вопроса: «Кто наши пользователи?» и «Чего наши пользователи хотят?». Как правило, это подразумевает под собой опрос пользователей, исследование рынка, и анализ данных. Дизайн это процесс постоянного итерирования. Исследователи могут помочь в этом процессе с помощью проведения тестов типа A/B, чтобы выяснить, какой вариант дизайна лучше удовлетворяет потребности пользователей. UX исследователи, как правило, главная опора крупных компаний, где доступ к большому количеству данных открывает им широкие возможности для статистически значимых выводов.

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

UX дизайнеры иногда выполняют роль UX исследователей.

Задача: персонажи, результаты А/B тестов, мониторинг действий пользователей и опросов.

Инструменты: Mic, Paper, Docs

Вы скорее всего слышали это от него: «Согласно нашему исследованию, типичный пользователь . »

Фронтенд-разработчик

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

Инструменты: CSS, HTML, JavaScript

Вы скорее всего слышали это на практике: «Я использую 12-колоночную сетку на 960 пикселей.»

Продакт-дизайнер

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

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

Некоторые компании используют «UX дизайнер» или просто «дизайнер» как всеобъемлющий термин. Лучший способ выяснить, как компания распределяет обязанности для дизайнера — прочитать описание должностных обязанностей.

«Владение всеми аспектами дизайна: взаимодействия, визуальным, продакт, прототипирования. Создание пиксельных макетов и кодов для новых функций интернета и мобильных.»

«Я ищу дизайнера»

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

Читать еще:  Дизайнер среднее профессиональное образование

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

Что такое UX/UI дизайн, или как сделать посетителю сайта приятно

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

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

Термин UX впервые появился в 1993 году в компании Apple. Аббревиатура означает User eXperience, или “пользовательский опыт”. То есть UX-дизайн — это работа, направленная на эффективное взаимодействие пользователя с интерфейсом сайта, мобильного приложения или любой компьютерной программы. Проще говоря, UX-дизайн нужен, чтобы пользователю было удобно и приятно. Ведь если это не так, человек вряд ли будет залезать в дебри структуры ресурса — просто покинет его и уйдет. А вы потеряете прибыль и лиды.

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

Опыт Apple оказался удачным: они сделали ставку на максимальное удобство для пользователя и не прогадали. Все больше людей предпочитают “яблочную” продукцию любой другой, даже несмотря на высокую стоимость. Потому что приятно, когда о твоем комфорте заботятся и постоянно делают продукты еще лучше.

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

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

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

Кто такой UX-дизайнер?

Человек, который все это делает. А именно:

  • прорабатывает цели и задачи клиента и определяет, как их можно достичь (например, привлечь трафик, увеличить продажи, количество клиентов). Внимание заказчику! Чтобы исполнитель лучше понял, что вам нужно, составьте ТЗ для веб-дизайнера. Расскажите, для чего создается сайт, какие продукты вы собираетесь реализовывать, на какую целевую аудиторию рассчитываете. В ответ хороший дизайнер также пришлет вам ТЗ, где распишет свое видение будущего сайта: общую структуру, детальную проработку каждой страницы, дизайн сайта, место для рекламных баннеров и виджетов обратной связи, интерактивные элементы — кнопки корзины, иконки, и их расположение и многое другое;
  • подбирает подходящие UX-инструменты, которые помогут в создании дизайна. Обычно это специальные сервисы и программы, заточенные конкретно под каждый элемент дизайна. Например, Perfect Icons – инструмент для создания иконок соцсетей, который можно применить и в обычной, и в мобильной версии. Или Flat UI Color Picker – инструмент для создания цветовых нюансов будущего сайта. Заказчику не обязательно вникать в эти инструменты, главное — получившийся результат;
  • разрабатывает UX-дизайн прототипа (эскиза, наброска) сайта, опираясь на собственные знания и опыт, пожелания заказчика и возможности инструментов. Лучше составить несколько вариантов и потом сравнить их;
  • далее дизайнер проектирует взаимодействие и тестирует продукт на соответствие тому самому “пользовательскому опыту”- продумывает, как посетитель будет пользоваться сайтом. Для этого составляются несколько вариантов каркасов сайта, карт маршрутов пользователей, проверяется и сравнивается несколько вариантов и выбирается лучший. Также на помощь приходят специальные инструменты: например, UX Checklist. Это реальный чек-лист на соответствие каждого параметра принципам UX-дизайна. Если программа показывает, что сайт оставляет желать лучшего — значит, придется подождать еще немного. Хороший веб-дизайнер не успокоится, пока не доведет дело до конца;
  • согласует получившийся результат с заказчиком, при необходимости вносит правки и выслушивает пожелания. На этом этапе вы вспомните про ТЗ и возблагодарите Бога, что составили его. Дело в том, что получившийся результат и ваши пожелания могут существенно отличаться. Без обид, но вы — не специалист в сфере дизайна. Успешный бизнесмен — да, талантливый менеджер — да, но не дизайнер. Поэтому то, что вы придумали и представляли себе долгими вечерами, специалист может забраковать. Не обижайтесь: это значит, что придуманные вами идеи не помогут развитию вашего бизнеса, а может быть, и оттолкнут посетителей. Придется довериться дизайнеру: он лучше знает, как привлечь трафик и сделать сайт продающим.

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

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

Если UХ-дизайн — это скелет будущего сайта, то UI-дизайн — его детальная проработка и визуальное воплощение. Грубо говоря, первое понятие можно сравнить с планировкой дома, второе — с покупкой мебели и деталей интерьера. UI-дизайн (User Interface) переводится как “пользовательский интерфейс”. Это комплекс графических решений, которые определяют, удобно пользователям будет находиться на сайте или не очень.

Рассмотрим основные правила UI-дизайна:

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

Что делает UI-дизайнер?

Часто UX- и UI-дизайнер — это один и тот же человек. Универсальный специалист обычно умеет создавать прототипы сайта и прорабатывать его детальное наполнение:

  • разрабатывает дизайн и элементы управления каждой страницы. Дизайнер продумывает даже такие на первый взгляд мелочи, как расположение личного кабинета — слева или справа на верху страницы, цвет кнопки призыва к действию и количество слов, написанных на ней, количество шагов, который должен сделать пользователь, чтобы сделать заказ в интернет-магазине или зарегистрироваться;
  • подбирает подходящие UX-инструменты и программы. В основном это графические редакторы: Photoshop, Illustrator, Sketch, Adobe XD, Figma и другие;
  • следит за тем, чтобы каждая страница и каждый элемент органично смотрелись и вызывали положительные эмоции на всех носителях: стационарном компьютере, планшете или ноутбуке, смартфоне. То есть иметь адаптивную верстку;
  • учитывает основные тренды веб-дизайна: наличие свободного пространства, смелые сочетания шрифтов, четкие крупные шрифты, минимализм и лаконичность. Польза — это здорово, но красоту и приятный взгляду интерфейс тоже никто не отменял. Впрочем, почти всегда UX-дизайн и современные решения идут рука об руку;
  • так же согласовывает проект с заказчиком, при необходимости вносит правки, тестирует и принимает окончательное решение.
Читать еще:  Дизайнерские вузы москвы

Что еще должен уметь дизайнер?

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

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

  1. Различать специализацию. Веб-дизайнер — понятие широкое. Среди них и визуальные дизайнеры, и графические дизайнеры и, конечно, UX (дизайнеры пользовательского опыта) и UI (дизайнеры интерфейса). Если специалист говорит, что он мегапрофи в любой области — проверьте его слова. Как правило, если человек действительно профи, он сам понимает, какое направление ему ближе, и начинает совершенствоваться именно в этой сфере.
  2. Постоянно развиваться. Тренды дизайна меняются каждый год, чтобы не отставать от модных тенденций, нужно постоянно адаптироваться к изменениям. Для этого дизайнер просто обязан изучать тематические статьи, читать книги, мониторить новости. В то же время слепое поклонение трендам — тоже не есть хорошо. Важно найти баланс между пользой для пользователя и погоней за модой.
  3. Иметь чувство прекрасного. Проверить это можно одним способом — попросить дизайнера показать свое портфолио, лучшие работы. Если ваши вкусы различаются — лучше найдите другого специалиста. Иначе готовьтесь к бесконечным баталиям и непредсказуемому результату.

Надеюсь, мы сумели объяснить, что такое UX/UI дизайн, простыми словами. Желаем найти хороших специалистов, которые заставят ваш сайт работать. Удачи в продвижении!

UX-дизайнер

UX, или User Experience дизайнер, несмотря на название своей профессии, занимается не столько непосредственно дизайном, сколько проектированием. В общем случае его задача – сделать так, чтобы тот или иной продукт стал максимально удобен для конечного пользователя. Этим продуктом может быть, например, сайт, декстопное, мобильное приложение. Именно UX-дизайнер отвечает за то, насколько привлекательным будет этот продукт для пользователей, и, соответственно, насколько многие из них захотят совершить целевое действие (например, купить приложение, скачать его, сделать заказ на сайте). Профессия подходит тем, кого интересует психология, рисование, черчение и информатика (см. выбор профессии по интересу к школьным предметам).

Краткое описание: кто такой UX-дизайнер?

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

Особенности профессии UX-дизайнера

User Experience дизайнер, как правило, обладает рядом смежных или надпрофессиональных навыков: разбирается в графическом дизайне, разработке программного обеспечения, проведении социальных исследований. В своей работе он может совмещать обязанности UX- и UI- (User Interface) дизайнера. При этом UX-дизайн связан больше со структурой продукта и комфортом при его использовании в этом контексте, а UI – с внешним видом продукта и удобством его применения в этом плане (например, приятном глазу сочетании цветов, удобном размере кнопок и т.п.). В основные обязанности UX-дизайнера обычно входит:

  • Анализ пользовательских сценариев.
  • Создание портрета целевой аудитории.
  • Проведение опросов пользователей.
  • Продумывание логики использования продукта.
  • Разработка кликабельного прототипа продукта.
  • Тестирование прототипа на пользователях, внесение изменений по его результатам.
  • Повторение итераций «разработка прототипа – тестирование – внесение изменений» до тех пор, пока не удастся добиться оптимального для пользователей взаимодействия с продуктом.

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

Плюсы и минусы профессии UX-дизайнер

Плюсы

  1. Востребованная на современном рынке труда профессия.
  2. Высокий уровень заработной платы.
  3. Возможность заниматься полезным делом и видеть результаты своего труда.
  4. Перспективы развития надпрофессиональных навыков и переквалификации в смежные области.
  5. Возможность работать удаленно.

Минусы

  1. Большая ответственность за конечный продукт.
  2. Необходимость постоянно организовывать исследования среди пользователей.
  3. Необходимость в наличии знаний из смежных областей (как уже было отмечено, UX-дизайнер нередко занимается, например, еще и UI-дизайном).

Важные личные качества

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

Обучение на UX-дизайнера

Как таковой специализации «UX-дизайн» в отечественных вузах пока нет, да и обязанности профессионалов в этой области достаточно существенно различаются в зависимости от компаний, в которых они работают. Чаще всего UX-дизайнерами становятся люди, получившие дизайнерское образование по профилю промышленный дизайн или графический дизайн (специальность «Дизайн» с кодом 54.03.01, или, например, «Графика» с кодом 54.05.03).

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

UX/UI дизайн — что это и в чем отличия

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

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

За сокращением UX скрывается понятие User Experience Design, а за UI — соответственно, User Interface Design. Обе эти составляющие являются фундаментальными при разработке продукта.

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

Разберём каждое понятие по отдельности.

Что такое UX

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

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

Читать еще:  Дизайнер интерьера как начать карьеру

UX дизайн применим во многих областях:

  • Стратегия и контент . Анализ конкурентов, анализ аудитории, структура и стратегия продукта, разработка контента.
  • Прототипирование . Непосредственно прототипирование, тестирование.
  • Разработка и аналитика . Координация с UI-дизайнерами и разработчиками, постановка целей, интеграции, аналитика и доработки.

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

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

Виджет обратного звонка для сайта

  • Повысьте конверсию сайта на 30%.
  • Экономьте на тарифах: от 5 рублей в минуту.
  • Настраивайте под ваш сайт. Адаптируйте под все устройства. Тестируйте разные виджеты.
  • Используйте гибкие настройки показа.
  • Стройте отчеты по звонкам: от показа виджета до ключевого слова.

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

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

Что такое UI

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

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

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

При этом, часто определения UI и UX идентичны.

Проблема в том, что никто здесь не прав.

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

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

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

Рассмотрим зону ответственности UI-дизайнера:

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

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

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

Что важнее — UI или UX?

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

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

Сквозная аналитика

  • Автоматически собирайте данные с рекламных площадок, сервисов и CRM в удобные отчеты
  • Анализируйте воронку продаж от показов до ROI
  • Настройте интеграции c CRM и другими сервисами: более 50 готовых решений
  • Оптимизируйте свой маркетинг с помощью подробных отчетов: дашборды, графики, диаграммы
  • Кастомизируйте таблицы, добавляйте свои метрики. Стройте отчеты моментально за любые периоды

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

В то же время, до сих пор возникает большая путаница и недопонимание даже среди специалистов в области digital — что же такое UX и что такое UI.

Как научиться UX и UI

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

Как правило, дизайнерские специальности с профильным уклоном в высших учебных заведениях постсоветского пространства не распространены. Одна из немногих возможностей попасть на очный формат — это Британская высшая школа дизайна. Рекомендуется попробовать себя в тех ВУЗах, где преподаётся трёхмерная графика. Часто в процессе обучения попутно осваивается 2D-вектор, основы юзабилити, что можно использовать для своих нужд.

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

Перспективы UI/UX

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

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

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

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

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

Что если теперь этот же подход применить не к дисплею в руке, а к произвольным объектам окружающей среды? Проект GridDrones, продемонстрированный на ACM User Interface Software and Technology Symposium, делает шаг в этом направлении.

Маленькие парящие дроны выстраиваются в заданном пользователем порядке как раз через управление жестами.

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

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

Вместо того, чтобы придумывать тройные, четырёхкратные и другие избыточные неудобные команды, создатели Touch+Finger решили избавиться от старой парадигмы.

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

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

  • Осязаемая виртуальная реальность

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

Вас ждёт разочарование, когда вы поймёте, что окружающая среда — не более, чем зрительная иллюзия.

Баллон PuPOP, размещённый в руке, сдувается и надувается, принимая формы предметов, к которым вы прикасаетесь в VR.

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

Ссылка на основную публикацию
Adblock
detector