Nedocs.ru

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

Ux ui дизайнер обязанности

Профессия UI/UX дизайнер: чем занимается и как им стать

Наша оценка профессии

Востребованность

Зарплата

Легко ли получить профессию?

Престижность

Карьерный рост

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

Кто такие UI и UX-специалисты и чем отличаются их обязанности

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

Приставка UX (User Experience) переводится как «пользовательский опыт» и обозначает впечатление пользователя от использования интерфейса. Насколько он удобен, получается ли найти искомое, сколько это занимает времени.

Приставка UI (User Interface) обозначает пользовательский интерфейс. UI-дизайнер создает «оболочку» интерфейса, его внешность. Эксперт подбирает цвета, выбирает комфортное расположение и размер кнопок, делает текст максимально читабельным (это касается месторасположения, цвета, шрифта) и т.д.

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

В обязанности UI/UX-дизайнера входит:

  • выявление приоритетных потребностей пользователей и наиболее выгодные сегменты;
  • формирование Customer Journey Map (карты путешествия потребителя по сайту);
  • проектировка сценариев взаимодействия пользователя и продукта;
  • генерация дизайнерских решений;
  • проектировка удобных во всех отношениях интерфейсов;
  • проведение тестирования сайта и внесение необходимых изменений или дополнений;
  • осуществление комплексного анализа;
  • согласование проекта с руководством;
  • налаживание взаимодействия в команде при работе над интерфейсом.

Плюсы и минусы

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

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

Еще один несомненный положительный момент профессии – возможность работать вне офиса, удаленно, прямо из дома. Работа на «удаленке» может стать дополнительным заработком.

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

Иногда на UI/UX-специалиста взваливают обязанности вне его компетенции, к примеру, заставляют заниматься наполнением сайта.

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

Необходимое образование

Профильное образование дает перспективы хорошего трудоустройства. Однако факультетов по специальности UI/UX-дизайнер в вузах России нет. Желающие работать в этой области должны получить образование в сфере IT-технологий. Подойдут смежные факультеты:

  • информационный дизайн;
  • компьютерная графика и дизайн;
  • web-дизайн и другие.

В России достаточное количество высших учебных заведений выпускающих IT-специалистов. Их насчитывается около 100. Престижными считаются:

  • РЭУ имени Плеханова;
  • Санкт-Петербургский государственный университет промышленных технологий и дизайна;
  • Российский технологический университет (МИРЭА) в Москве;
  • НИУ «Высшая школа экономики»;
  • «МИЭТ» Национальный исследовательский университет в Москве;
  • Санкт-Петербургский НИУ информационных технологий, механики и оптики;
  • Московский политехнический университет и другие.

В университетах достаточно лояльные условия по проходному баллу ЕГЭ, а также большое количество бюджетных мест. Необходимые экзамены:

  • русский язык;
  • литература;
  • математика;
  • информатика.

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

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

Если нет профильного образования

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

В освоении профессии помогут семинары, разнообразные курсы и тематические лекции.

Еще один способ – найти наставника, который на практике обучит профессии.

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

Профессиональные навыки и необходимые качества

К соискателю предъявляются следующие профессиональные требования:

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

К важным личностным характеристикам UI/UX-специалиста относят:

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

Кому подойдет профессия

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

Куда устроиться

Трудоустроиться дизайнеру интерфейсов можно на предприятия, чья специфика так или иначе связана с IT-технологиями. Это могут быть:

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

Большая часть UI/UX-дизайнеров (около 80%) занимаются фрилансом, находя заказы на специализированных сайтах или досках объявлений.

Данные актуальны на Май 2019 и взяты из сервиса «Яндекс Работа»

Заработная плата

Оплата труда дизайнера интерфейсов достойная. Средняя цифра по России составляет 48 тысяч рублей. Минимальная зарплата сотрудника на должности UI/UX-дизайнера по регионам страны составляет 28- 30 тысяч рублей, максимальная доходит до 100 тысяч в месяц. В Москве заработная плата веб-дизайнера на предприятиях колеблется от 60 до 200 тысяч рублей в месяц.

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

Перспективы

Профессия дизайнер интерфейсов – перспективная. Развиваться можно по нескольким путям, в зависимости от амбиций и предпочтений:

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

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

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

UX/UI-дизайн: что это такое?

Понятиям UX и UI уже около 70 лет, но некоторые дизайнеры все еще путают их. Мы рассказали, что означают аббревиатуры и кто такой UX-дизайнер.

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

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

UX-дизайн отвечает за функциональность, адаптивность продукта и то, какие эмоции он вызывает у пользователей. Чем проще ваш интерфейс, тем проще пользователю получить результат и совершить целевое действие.

UX-дизайн — это проектирование интерфейса на основе исследования пользовательского опыта и поведения.

Одним из ярких примеров работы UX-дизайнеров можно назвать первый персональный компьютер компании Apple — Macintosh. Идея использовать окна вместо командной строки существовала и до1984 года, но именно инженеры и проектировщики Apple сделали графический интерфейс массово доступным.

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

UX не заканчивается на красивой и понятной форме на сайте. UX — это путь пользователя от точки входа до точки выхода, из пункта А в пункт&nbspБ.

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

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

UX-дизайнер (англ. user experience designer) — это проектировщик, который изучает потребности пользователей, строит логические схемы работы интерфейса, тестирует прототипы на целевой аудитории и составляет техническое задание для UI-дизайнера.

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

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

UI (англ. user interface) переводится как «пользовательский интерфейс». Он может быть не только графическим, но и тактильным, голосовым, аудио-. Мы рассмотрим только графический интерфейс, так как дизайнеры в основном работают с ним.

UI-дизайн — процесс визуализации прототипа, который разработали на основании пользовательского опыта и исследования целевой аудитории.

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

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

UI-дизайнер определяет цветовую палитру и расположение объектов в интерфейсе: удобно ли попасть пальцем по кнопке «Заказать», правильно ли работает выпадающее меню, удобно ли заполнять форму, хорошо ли читается текст со смартфона, какое сообщение выдает сайт при том или ином действии.

UI-дизайнер (англ. user interface designer) — дизайнер интерфейсов, который визуализирует рабочий прототип, отрисовывает кнопки, иконки, формы и другие его компоненты и собирает их в гармоничный работающий макет.

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

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

Ясность

В интерфейсе нет двусмысленности, а текст и структура направляют пользователя к цели.

Лаконичность

Важно не перегружать интерфейс подсказками, всплывающими окнами и анимацией. Задавайте себе вопросы: «А нужно ли это здесь? Для чего?» Это поможет не перегрузить страницу и сфокусировать внимание пользователя на конкретном элементе.

Узнаваемость

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

Отзывчивость

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

Постоянство

Соблюдайте постоянство для всех разделов сайта и приложения. Элементы интерфейса — меню и слайдеры — должны вести себя одинаково на любой странице.

Эстетика

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

Эффективность

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

Снисходительность

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

В чем разница между UX и UI

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

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

UX, User Experience

UI, User Interface

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

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

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

Для начала нужно понять, кем вы хотите быть: UX- или UI-дизайнером. Сати Тачиба, старший дизайнер в Wargaming, советует, как легко и быстро выбрать между UX и UI.

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

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

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

  • Живая обратная связь с преподавателями
  • Неограниченный доступ к материалам курса
  • Стажировка в компаниях-партнёрах
  • Дипломный проект от реального заказчика
  • Гарантия трудоустройства в компании-партнёры для выпускников, защитивших дипломные работы

Что почитать и посмотреть о UX/UI-дизайне

Что такое UX и UI — бесплатный вебинар Skillbox+AIC.

Что такое UX-дизайн в блоге Tilda.

Что такое UX и UI на примере средневековых профессий.

Чем отличается UX-дизайнер и UI-дизайнер в блоге ADN.

Зачем учить UX, или почему простые дизайнеры скоро станут не нужны.

Как стать UX/UI-дизайнером без образования и опыта.

Карта талантов UX-дизайнера: что стоит развивать.

Прошлое, настоящее и будущее UX: что ждет дизайн интерфейсов в 2018 году.

52 термина из области UX-исследований.

Бесплатный курс «Дизайн интерфейсов для нормальных людей» Антона Жиянова.

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-дизайнеры: различия и советы, как стать профессионалом

27 февраля 2018 года. Опубликовано в разделах: Азбука терминов. 1509

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

Кто такие UX-/UI-дизайнеры

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

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

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

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

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

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

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

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

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

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

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

Еще одна важная задача — создание схематичного макета или html-документа web-страницы, на котором должны быть изображены все элементы (кнопки, формы и пр.). Для этого чаще всего применяют Mockplus и Axure. Именно данный этап является связующей нитью между придумыванием идеи и реализацией.

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

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

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

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

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

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

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

IT-ликбез: UX/UI-дизайнер о золотом сечении, свободе и требованиях заказчика

Onliner продолжает изучать IT-профессии вместе с компанией ISsoft. В этот раз мы пообщались с UX/UI-дизайнером Александром Чернушиным. Он, как и другие люди этой профессии, не только визуализирует продукт, но и отвечает за то, как тот или иной проект воспринимается конечным пользователем. Значит, и ответственность на таком специалисте лежит немаленькая.

— Нужно уметь хорошо рисовать?

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

Читать еще:  Дизайнер сайтов на тильде скачать

— Рисовать прямо на бумаге?

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

Конкретно в UX/UI важно то, как ты понимаешь, во-первых, для чего что-то делаешь и какие задачи закрываешь, а во-вторых, для кого это делаешь, удобно ли будет пользоваться.

О золотом сечении

— Правило золотого сечения действительно работает или это выдумки маркетологов?

— Относительно UI — да, оно работает и применяется. Золотое сечение вообще везде проявляется: космические объекты, раковины, человеческие тела. Практика очень удобная, ее можно использовать при проектировании интерфейса — размер кнопок, шрифтов, отступы. Если возьмете макеты ведущих дизайнеров и просто наложите на них золотое сечение, то увидите, что оно применяется.

Причем дело не только в том, что наше тело построено по такому принципу. Наш глаз видит и сразу подмечает, по каким пропорциям все построено. Этим как раз и можно объяснить тягу человека к золотому сечению. Даже если вы не знаете, что это такое, все равно просто по наитию, подсознательно можете сказать: «Вот это выглядит лучше, чем то».

— Есть какие-нибудь стереотипы в UI-дизайне? Например, «приложение для женской аудитории должно быть в розовых тонах».

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

Мнение творца vs требования заказчика

— У дизайнера много свободы в работе?

— Есть такая фигура, как заказчик. Проводятся исследования и создаются артефакты, которые помогают понять, подойдет ли продукт целевой аудитории и в каком виде. Затем мы показываем все заказчику и аргументируем свои решения по проекту: почему сделано именно так. Но если клиент говорит, что все равно хочет по-своему — без проблем, портить отношения из-за «хотелок» не будем. Продукт ведь клиента.

— А что делать с «художник так видит»?

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

— У дизайнеров же есть разделение на «джуниоров», «мидлов» и так далее? Как понять, что дизайнер — «сеньор»?

— Разница в мышлении и в подходе. Чем больше у специалиста опыта, тем сильнее он включается в проект. Допустим, приходит человек на интервью, даешь ему задание: «Нужно сделать приложение для каршеринга, как бы ты поступил?» «Джуниор»-дизайнер чаще всего скажет так: «Я изучил бы конкурентов, а потом пошел бы думать». Опытный же сразу ответит, что будет делать: «Пойду к бизнесу, к пользователям, проработаю необходимые артефакты, потом перейду к информационной архитектуре, навигации и так далее».

— Как приходят в эту профессию?

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

Хочешь пойти в дизайн — развивай вкус

— С чего начинать людям, которые хотят пойти в дизайн?

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

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

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

— Есть ли примеры таких дизайнеров?

— Сугубо мое мнение: посмотрите на Hello Monday и Clay — это топовые диджитал-агентства мира. У них потрясающие работы, занимаются в том числе мобильными интерфейсами, сайтами.

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

Об уважении к дизайнеру

— Дизайн — это про творчество или про выполнение пожеланий заказчика?

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

— Но заказчик платит дизайнеру. Значит, у него есть власть над финальным продуктом?

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

— В таком случае можно ли научить дизайну? Или человек изначально должен быть с подходящими качествами, образом мышления?

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

Когда дизайнер может сказать «я сделал»

— Как отвечать заказчику, который о работе дизайнера говорит «мне не нравится»?

— У дизайнера работа «сделана» не тогда, когда она закончена, а когда ее приняли. Вот тогда можно сказать «я сделал». С клиентом нужно проводить экспертизу материального дизайн-продукта персонально. Всегда надо четко согласовывать заказ, бриф, контент.

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

— Правильно понимаю, что в последние 5—7 лет тренд в UX/UI-дизайне — максимальное упрощение? С чем это связано?

— Есть вещи, которые нельзя упростить, но можно сделать soft skills. Речь об интуитивном понимании. Часто бывает так, что сами заказчики и разработчики — не настолько активные пользователи сайта или приложения, которое они делают. Следующее поколение дизайнеров должно понимать: чтобы пользователь мог интуитивно взаимодействовать с цифровым пространством, оно должно дышать, быть теплым, реагировать на интонации — то есть формировать не только визуальное восприятие, но и становиться тактильным, невербальным.

— Как понять, что дизайн чего-нибудь — телефона, допустим — вот прямо очень хорош?

— С этой вещью не хочется расставаться. Почему так происходит? Возникает устойчивая когнитивная и сенсуальная связь, когда форма соответствует функции, а символическое значение вещи соответствует «я-концепции»: «Эта вещь подходит мне». Ведь получить то, что хочешь, — большая редкость. А хорошая вещь вдохновляет, вызывает новые чувства.

— Дизайн какого продукта вам больше всего понравился за последние пару лет?

— Мы живем в уникальный век. За пределы Солнечной системы вылетели созданные людьми объекты, но об этом «повседневность» молчит. А у событий массовой культуры — сотни миллионов просмотров. Надо менять оптику, фокусировать внимание социума на фундаментальных усилиях людей в прорывных для будущего областях.

Мне нравится все, что сделано для самореализации людей, и в первую очередь с ограниченными возможностями. Например, в скандинавском дизайне ориентирование на человека достигло невероятных высот. Там выпускают инвалидную коляску, сделанную целиком из пластика. В чем смысл? Инвалида просто закатывают в душ, его не нужно поднимать и затем усаживать обратно. Или взять устройство, которое позволяет нарезать хлеб одной рукой, обои со шрифтом Брайля. Но в центре внимания СМИ, как правило, модные гаджеты.

— Что посоветуете дизайнеру?

— Сразу вспомнил фильм «Спасти рядового Райана»: «Будь честным!» Я бы, наверное, тоже поддержал героя картины. Дизайн — это достоинство, право быть собой.

Компания ISsoft — один из крупнейших белорусских разработчиков IT-решений для рынков США и Западной Европы. Основана в Минске в 2004 году как дочерняя компания корпорации Coherent Solutions, Inc. (США). Резидент Парка высоких технологий с 2007 года. Центры разработки ISsoft в Минске и Бресте насчитывают более 1000 квалифицированных сотрудников. Компания ежегодно входит в рейтинги Inc.5000 и Software 500.

Спецпроект подготовлен при поддержке иностранного производственного унитарного предприятия «ИССОФТ СОЛЮШЕНЗ», УНП 190819327.

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