Как выглядит работа UX/UI-дизайнера и чем он занимается
В самом начале работы над продуктом появляется идея, затем прорабатывается путь пользователя (User Flow), появляется эскиз, дизайн-концепция и компоненты UI, а потом создается прототип. Давайте разберем каждый этап по порядку и выясним, что на каждом из них делает UX/UI-дизайнер.
Записаться на обучение можно на сайте http://choosecourse.ru/ux-ui-dizajn .
User Flow
У интерфейса может быть много сценариев. Любой из них может вписываться в User Flow — пользовательский путь: то, по какому маршруту пользователь идет по продукту, как в него заходит, с какими проблемами сталкивается и как выходит из продукта. Этот путь можно описать словами, блок-схемой или детализированными картинками в прототипе.
Например, так выглядит User Flow пользователя, который хочет вызывать такси:
- На мобильном телефоне он находит иконку приложения такси и нажимает на нее.
- Затем выбирает, куда ему нужно поехать.
- Вызывает такси.
- Выходит на улицу, садится в такси. В этот момент он не взаимодействует с приложением.
- Когда пользователь доехал до нужного места, с него снимается оплата, он видит push-уведомление об этом.
- Потом, например, он может поставить оценку водителю (а может не поставить).
- Потом пользователь закрывает приложение до следующего случая, когда ему понадобится вызвать такси.
User Flow также можно визуализировать. Например, так выглядит путь пользователя в сервисе с подпиской на лекции:
Источник
Эскиз
На этом этапе создается Wireframe — это эскиз, каркас сайта или приложения или одной их страницы. То, что визуально напоминает нам финальный продукт. Обычно его собирают из серых квадратиков, которые называют gray boxes.
Эскиз сайта для фотографа ― блоки показаны схематично, но уже понятно, как будут расположены элементы. Источник
Дизайн-концепция
После эскиза мы придумываем дизайн-концепцию: создаем мудборды, собираем референсы, подбираем визуальную часть, цветовую гамму и шрифты, начинаем собирать концептуальный набросок.
- Если сайт маленький, достаточно будет сделать UI Kit — набор готовых элементов для дизайна интерфейса: шрифтов, иконок, форм и других элементов сайта или приложения.
- Если сайт большой, для него нужна дизайн-система. Она создается в отдельном пространстве в Figma и раскатывается на весь продукт — так все изменения, которые в ней есть, применяются ко всему продукту.
UI Kit сервиса для покупки билетов в кино. Источник
Компоненты UI
UI-дизайнеры работают с цветом, типографикой, иконками, картинками. Работы с типографикой в мобильном приложении немного, потому что есть конкретные шрифты, которые зашиты в операционную систему:
- для сервисов на Android используют Roboto;
- для iOS используется шрифт San Francisco.
Поэтому в приложении можно менять в основном размеры и начертания шрифтов.
Шрифт San Francisco в интерфейсе Apple Watch. Источник
Работа с картинками заключается в их поиске на стоках. С цветовой палитрой приходится работать достаточно долго, поэтому удобнее использовать сервисы типа ColorScheme или Material Design от Google: с их помощью можно подобрать основной и комплементарный цвета для приложения.
Интерфейс сервиса ColorScheme
Иконки в приложении могут быть в самых разных стилях: рисованные, абстрактные, 3D и какие угодно еще. Можно найти их на стоках и доработать или отрисовать с нуля.
Прототип
Анимированный Wireframe — это прототип. Для его разработки дизайнер собирает информацию с заказчиков и product-менеджера. После этого начинает проводить небольшое исследование: смотрит, какие наработки внутри продукта уже есть, какие статьи с похожими исследованиями выпущены на эту тему.
Дальше, если позволяет время и бюджет, создается первый прототип и тестируется на пользователях. Затем его дорабатывают в зависимости от того, как на него реагировали пользователи, и уже после этого отрисовывается финальный дизайн, который отдается разработчикам.
Но это идеальная картина, потому что в продукте не всегда есть возможность и время, чтобы что-то протестировать. Иногда дизайнер просто рисует прототип, показывает его разработчикам, они начинают набрасывать архитектуру сервиса, а дизайнер в этот момент начинает отрисовывать финальный визуал.
Прототип приложения для покупки билетов в кино. Источник UX/UI-дизайнер с нуля до ПРО профессия UX/UI-дизайнер с нуля до ПРО
Делайте мир удобнее. Создавайте продуманные интерфейсы сайтов и приложений без навыков программирования. IT-компании ждут вас.
научиться
Где используют UX и UI
В диджитал-направлении UX и UI используется везде:
- Вы открываете смартфон и тут же встречаетесь с UX/UI-дизайном какого-нибудь мобильного приложения.
- Открываете на ноутбуке браузер или социальную сеть — сталкиваетесь с UX/UI-дизайном веб-сайта или соцсети.
- Снимаете деньги в банкомате или заказываете еду в сети фастфуда через терминал — его тоже кто-то проектировал.
- Бортовые компьютеры в автомобилях и медиасистемы в самолетах, на которых можно выбрать треки, фильмы или играть в игры — это тоже UX/UI.
Интерфейс для экранов московского метро. Источник
Интерфейс POS-терминала «Модульбанка». Источник
Возможность редактировать состав бургера в терминале McDonald’s. 
Экраны в приложении авторегистратора.
Заключительные мысли
Надеюсь, статья помогла вам понять базовые концепции дизайна UI и UX. Буду рада получить от вас обратную связь и любые мысли об этом посте. Можете писать мне на harshita@harshitaapps.com!
Также вы можете скачать моё приложение здесь. Все изложенные здесь знания я получила благодаря моему желанию создать красивое и полезное приложение, которое могло бы отслеживать курсы криптовалют, делать оповещения и позволяло управлять портфелем. Путь, пройденный за время создания этого приложения, дал мне важные уроки и развил мои навыки, и этим я часто делилась в своих постах. 🙂
Закончу пост одной из моих любимых цитат о дизайне…
“Дизайн – это не то как предмет выглядит или воспринимается,
А то как этот предмет работает.”
– Стив Джобс
Сколько зарабатывают UX/UI – дизайнеры
Уровень зарплат UX и UI дизайнеров выглядит примерно следующим образом и в этом легко убедиться, перейдя на любой сайт поиска работы:
- UX/UI-дизайнер без опыта или с небольшим опытом до 1 года – 90-100 тысяч;
- UX/UI-дизайнер с опытом работы 1-3 года – 100 – 200 тысяч;
- UX/UI-дизайнер с опытом от 3 лет – от 250 тысяч и выше.
А в силу того, что на рынке труда таких специалистов крайне мало, многие компании согласны платить по 200 тысяч в месяц даже UX/UI-дизайнеру вообще без опыта, лишь бы он только что-то соображал.
Посмотрите сами на это объявление. Мы нашли его на сайте HH.RU. Заманчиво звучит, не правда ли? А представляете сколько вам будут платить, когда у вас будет опыт работы хотя-бы года 3? Примерно наравне с хорошим разработчиком. Только вам, при этом не нужно учить языки программирования и писать код.
Чем занимается UX дизайнер и какие навыки нужно качать?
Требования к вакансии UX-дизайнера разнятся от компании к компании, а иногда даже от проекта к проекту в рамках одной и той же компании.
В вакансии UX-дизайнер часто упоминаются словосочетания: дизайн взаимодействия, информационная архитектура, визуальный дизайн, юзабилити и человеко-машинное взаимодействие. Термин употребляется в различных контекстах, некоторые могут даже вас смутить, но не переживайте — фундамент UX остается неизменным во всех областях.
Как правило, UX-дизайнер проводит исследования пользователей (UX-исследования), проектирует интерфейсы, пишет тексты для интерфейса (UX-копирайтинг), проводит пользовательские тестирования, а также защищает дизайн-решения для компании. UX-дизайнер как голос пользователя в продуктовой команде, он отстаивает потребности пользователя, когда компания ищет баланс при достижении бизнес-целей.
Итак, давайте разберемся, как именно UX-дизайнер выполняет все эти задачи:
Навык 1. UX-исследования / CX-исследования
Чтобы создать сильный продукт с нуля или улучшить существующий, UX-дизайнер изучает поведение, цели и мотивацию пользователей. Эмпатия к пользователям — основа UX дизайна. На этом этапе дизайнер исследует текущий маршрут движения клиента к цели, выясняет мотивы, барьеры, действия пользователя на пути к цели. В процессе исследования он также вникает в отрасль, исследует прямых конкурентов, чтобы разобраться, как другие уже закрывают эти потребности. Благодаря такому подходу, UX-дизайнеры видят возможности для развития и апгрейда текущего маршрута пользователя. Такое путешествие пользователя от потребности до решения называют Customer Journey Map, а результаты исследования можно упаковать например так:
Навык 2. UX-дизайн
Дизайн — это не только про эстетику. Для UX-дизайнера дизайн — это в первую очередь про решение задач (снятию барьеров) и контактам с пользователями для прокачки юзабилити и доступности, а также про создание общего радостного опыта для конечного пользователя. UX-дизайнер как голос пользователя, именно он гарантирует, что пользователь получит лучший опыт от продукта. Поэтому UX-дизайнер ищет не наиболее привлекательное решение, а решение, которое наилучшим образом удовлетворит потребности аудитории. Конечно, UX-дизайнер по-прежнему стремится к приятной эстетике, но эстетика должна работать в сочетании с удобным продуктом. Поэтому работать UX-дизайнером, значит биться за удобные и эстетически приятные продукты.
https://uiuxassets.com/assets/mobile-wireframe-kit/
Приличный объем времени работы в UX-дизайне уходит на прототипирование множества вариантов и отбор лучших. Если решение классное, оно будет работать даже в приятных черно-белых цветах вайрфрейма.
Навык 3. UX-копирайтинг
Контент в продукте или программном обеспечении помогает пользователю ориентироваться.
Тексты в интерфейсе должны быть четкими и напрямую соответствовать действиям, чтобы пользователь точно понимал, что он получит, нажав на кнопки или совершив определенные действия с продуктом или программным обеспечением.
Навык 4. Тестирование гипотез и исследование пользователей
Этот навык помогает UX-дизайнеру выявлять проблемы или барьеры, например, когда пользователи взаимодействуют с прототипом. Пользовательское тестирование обычно проводится вживую, поэтому UX-дизайнер может увидеть, где пользователь запнулся или у него возникли сомнения. Конечно, пользователь тоже сам дает обратную связь, но наблюдение за естественной реакцией пользователей дает больше информации о том, над чем нужно еще поработать.
Навык 5. Презентация дизайн-концепций и продажа идей команде
UX-дизайнеры напрямую работают с руководителями, поэтому важно тренироваться доносить важность идей. После того как идея продана, UX-дизайнер передает вайрфреймы, прототипы, информационную архитектуру, схемы потоков данных и другие UX-артефакты команде UI-дизайна для последующей визуальной проработки состояний, эстетики и бренд-дизайна
Дизайн пользовательского опыта (UX)
Дизайн UX (user experience) направлен на создание безболезненного и приятного опыта.
Вот семь вопросов, которые вы должны задать себе, чтобы убедиться, что у вашего продукта хороший UX:
1. Юзабилити: Для чего пользователь использует моё приложение? Какова основная функциональность приложения? Что в моём приложении точно должно быть сделано правильно, чтобы приложением пользовались?
Дальше: как я могу минимизировать количество шагов, которые пользователь должен совершить, чтобы получить результат? Какова главная цель пользователей в моём приложении? Как я могу сделать достижение этой цели как можно более лёгким, быстрым и приятным?
2. Портрет пользователя: Вы должны знать, кто ваши пользователи и чего хотят достичь используя ваше приложение. Лучший способ это сделать – создание портрета ваших пользователей.
Нужно сделать несколько мысленных усилий, чтобы понять свой рынок. Конкретизируйте вашу целевую/пользовательскую аудиторию.
Главный вопрос, который следует себе задавать: Какова основная функциональность моего приложения? Создавайте портреты пользователей, чтобы перепроверить ответ на этот вопрос.
3. Запросы на разрешение: Если ваше мобильное приложение имеет push-уведомления, использует геолокацию, интегрируется с соцсетями, электронной почтой и т.д., вы знаете, что вам понадобится пользовательское разрешение показывать предупреждающее сообщение, которое будет выскакивать на экране во время использования приложения. Вместо того чтобы запрашивать все разрешения разом, что может утомить пользователя, применяйте Эффект Бенджамина Франклина. Прежде чем просить кого-то о большой услуге, попросите сначала о незначительной. Затем подтолкните пользователя в нужном направлении. Убедитесь, что ваше приложение запрашивает разрешение только когда пользователь собирается воспользоваться соответствующей функцией, а не в момент, когда он только запустил приложение.
4. Форма против функции: Дизайн относится не только к форме (красивая цветовая схема, шрифты, вёрстка и прочее), он также относится к функциональности. Всегда отдавайте предпочтение функции по отношению к форме.
5. Согласованность: Соблюдается ли согласованность в приложении? Согласуется ли приложение с моим брэндом? Несогласованность дизайна создаёт путаницу. Путаница портит пользователю настроение.
Думайте о согласованности не только в категориях внешнего вида, но и в категориях функциональности.
6. Простота: Могу ли я это упростить?
Убедитесь, что ваше приложение “бабушкозащищённое”, т.е. пожилые люди могут в нём разобраться и использовать его. Плохое, запутанное приложение будет состоять из множества рядов кнопок, использовать большое количество разных цветов и иметь плотно заполненный пользовательский интерфейс.
7. Не заставляйте меня думать: Не создаю ли я пользователю сложности?
Пользователи не любят, когда их запутывают.
Когда мы программируем, мы стараемся сделать наш код настолько компактным и эффективным, насколько это возможно.
Когда мы разрабатываем дизайн, мы стараемся сделать интерфейс настолько ясным и минимально запутанным, насколько возможно. И, конечно, красивым!
Старайтесь выражаться как можно яснее.
Важные замечания об отличном UX:
- Не показывайте пользователю долгие инструкции при запуске приложения, объясняя, как им пользоваться. Лучше предоставьте пользователю небольшие порции информации в тех местах и в те моменты, когда эта информация нужна. Сделайте её контекстной. Давайте советы и подсказки. Постарайтесь создать такой дизайн, в котором пользователь сам освоит приложение за несколько секунд, не пользуясь подробным руководством. В этом проявляются интуитивные принципы дизайна!
- Когда имеете дело с шаблонами, прочно укоренившимися в головах пользователей, такими как “потянуть вниз, чтобы обновить” или “развести пальцы, чтобы приблизить”, придерживайтесь этих правил и в своём приложении. И НЕ используйте такие действия для других целей. Например, “потянуть, чтобы добавить новую запись в дневник”, – это очень сильно запутывает. Приложение-дневник, которым я раньше пользовалась, так делало, и это сбивало меня с толку.
- Не будьте зомбоящиком по отношению к своим пользователям. Не используйте всплывающие окна/предупреждения, чтобы получить подтверждение часто выполняемого действия. Запрашивайте подтверждения только для опасных действий, о которых пользователь может пожалеть, например, для удаления чего-либо или совершения покупки.
Лишние всплывающие окна и предупреждения прерывают процесс и портят опыт пользования. Не заставляйте своих клиентов чувствовать себя глупо.
Где пройти обучение на дизайнера UX UI
Как и в любом приобретении новых знаний и востребованной профессии, есть несколько вариантов. Конечно, можно найти бесплатные короткие тренинги, пройти их и понять, насколько близка профессия, понятны приобретаемые в перспективе навыки.
Но бесплатные ресурсы не смогут сэкономить время. Можно собирать знания по крупицам и потратить на это несколько лет. Хотя на платных курсах под чутким наставничеством профессию «дизайнер UX UI» можно приобрести за короткий срок. Как стать профессионалом и выбрать лучший курс, на что ориентироваться?
Очень важно приобретать на курсах не только самые востребованные навыки. Большим плюсом будет трудоустройство во время обучения или после получения диплома
Работодатель обязательно просмотрит портфолио и выдаст тестовое задания.
Итак, самые лучшие курсы среди имеющихся на рынке:
- Курс «Профессия UX/UI дизайнер» от Нетологии. Продолжительность 14 месяцев. Стоимость обучения от 140 000 рублей. Предусмотрена рассрочка. По итогам обучения будет составлено портфолио из самый востребованных форматов. Выдается свидетельство о повышении квалификации. Трудоустройство возможно уже во время обучения.
- Факультет Дизайна интерфейсов (UX/UI) от Geekbrains. Продолжительность обучения 18 месяцев. Удобная рассрочка на 24 месяца по 7857 рублей в месяц. Есть возможность начать учиться бесплатно и пройти первый вводный курс. По итогам обучения на полноценном платном курсе будет выдан диплом. С трудоустройством помогают HR-менеджеры на этапе составления резюме и подготовке к собеседованию. Работодателей выпускники находят самостоятельно.
- Курс «UX-дизайнер с нуля до PRO» от Skillbox. Продолжительность обучения – 12 месяцев. Возможна оплата после обучения: дается отсрочка первого платежа на год. Оплата частями по 4900 рублей в месяц. Обучение проходит в комфортном режиме. Большинство студентов уже через 4 месяца обучения находят первых заказчиков и могут зарабатывать от 120 000 рублей.
Список курсов можно продолжить, но не следует доверять бесплатным пробным урокам. Как правило, сертификат или свидетельство о повышении квалификации понадобится чуть позже
На начальном этапе важно выбрать курс, который гарантирует интенсивное обучение и трудоустройство уже в процессе прохождения программы
Курс «UX-дизайнер с нуля до PRO» от Skillbox полностью отвечает этим требованиям. Обучение проходит в удобное время, с преподавателем. Есть возможность закрепить пройденный материал и исправить допущенные ошибки. По ходу обучения будет создано портфолио из 5-и работ.
Диплом выдается только после защиты работы перед реальным заказчиком. Программа рассчитана так, что обучение начинается с основ профессии и постепенно погружает на максимальную глубину. Но все это проходит в комфортном темпе, с обратной связью от преподавателя.
Информацию о топовых курсах по UX/UI дизайну мы свели для вас в удобную таблицу:
| КУРС | ОСОБЕННОСТИ | РАССРОЧКА |
| Skillbox 5/5 |
| Возможна от 4 900 ₽/месяц |
| Skillbox 4.5/5 |
| Возможна от 4 900 ₽/месяц |
| Geekbrains 5/5 |
| Возможна от 7 875 ₽/месяц |
| Geekbrains 4.5/5 |
| Возможна от 6 667 ₽/месяц |
| Skillbox 4.5/5 |
| Возможна от 3 591 ₽/месяц |
| Нетология 5/5 |
| Возможна от 4 663 ₽/месяц |
На что обратить внимание при разработке функционала
Пользователя, который впервые оказался на сайте, можно сравнить с посетителем продовольственного супермаркета. Последний знает, что на полках с охлаждением хранится мясо, рыба и полуфабрикаты, кондитерский отдел расположен по соседству с хлебным, а сухарики и чипсы нужно искать рядом со слабоалкогольными напитками. Ваша задача — сделать так, чтобы у посетителя сайта не иссяк запал и он быстро нашел то, зачем пришел: узнал физический адрес, убедился в вашей экспертности, оформил заказ, прочитал полезную статью или новость. И в первую очередь это зависит от того, насколько хорошо вы проработаете функционал
Что важно сделать:
Магазин мужской одежды Diplomat разместил на сайте фотографии своих знаменитых клиентов. Маркетологи не только знают целевой портрет покупателя, но и предлагают другим посетителям соотнести себя с ним
- Определитесь, какие бизнес-задачи будет решать сайт. Возможно, вы не справляетесь с потоком заявок по телефону или часто сталкиваетесь с возражениями — отработать их, а заодно доказать компетентность можно именно на страницах сайта.
- Узнайте, как сайт с похожими задачами реализовали конкуренты. Возьмите у них лучшее и постарайтесь не повторить ошибки. Если конкуренты предлагают заполнить длинную форму регистрации, сделайте ее короче и понятнее, чтобы пользователь не совершал лишних действий, — правда, ему просто не хватит жизни, чтобы заполнить все эти невероятно длинные и скучные формы, которые подкидывает интернет.
Компания, которая планирует заняться доставкой цветов, может подсмотреть у этого конкурента, как реализовать выбор подходящего букета прямо на главной странице
Продумайте структуру будущего сайта так, чтобы она была удобной будущим посетителям и понятной поисковым роботам, а затем для каждой страницы выберите наиболее подходящий набор компонентов.
Когда у нас есть компоненты — строительные блоки — будущего сайта, продумайте их размещение и расположение в пространстве. Это еще не совсем дизайн в чистом виде, а скорее то, что сделает его удобным. Изобретать ничего не нужно: все уже описано в основных принципах UX — user experience, он же «опыт пользователя».
Комьюнити теперь в Телеграм Подпишитесь и будьте в курсе последних IT-новостей Подписаться
Начало работы с UX
Теперь у вас есть общее представление о навыках, пришло время применить их на практике. Не волнуйтесь, UX не только для дизайнеров! Любой, кто хочет создать лучший цифровой продукт, может и должен больше узнать о UX дизайне.
И это реально, даже без системной подготовки. Многие UX дизайнеры не имеют никакого образования. Они учились на работе, через годы испытаний и ошибок.
Кроме того, я встречал UX дизайнеров с самым разным образованием и опытом работы. У меня есть опыт работы с блестящими дизайнерами, которые пришли из таких областей, как психология, промышленный дизайн, инженерия, юриспруденция, финансы и преподавание.
Единственное, что их объединяет — увлечение UX и энтузиазм к обучению.
Для тех из вас, кто ищет с чего начать, вот несколько идей:
Поговорите с товарищами по команде
Если вам посчастливилось работать с UX дизайнерами, пообщайтесь с ними. Спросите их, что они делают. Постарайтесь как можно больше участвовать в их рабочих совещаниях и других мероприятиях. Спросите их, как они научились.
Обратитесь к друзьям
Знаете UX дизайнера? Зайдите к нему в офис. Понаблюдайте за их работой. Возможно, они не смогут показать вам всю свою работу из-за соглашения о неразглашении, но, по крайней мере, вы можете задать им вопросы об их рабочем процессе. Может быть, вы даже сможете пройти у них стажировку.
Посещайте митапы
Встречи очень важны. Дизайнерское сообщество открыто для всех. Возможно, что рядом с вами проходят замечательные (и часто бесплатные) мероприятия, где вы сможете послушать про дизайн, встретиться с докладчиками и научиться чему-то новому.
Я очень рекомендую мероприятия Ассоциации по дизайну взаимодействия(IxDA). Также заслуживает внимания Ассоциация пользовательского опыта(UXPA). А еще я слышал положительные отзывы о UXCrunch в Лондоне.
Запишитесь на курсы
Если вы живете в большом городе или рядом с ним, у вас есть выбор различных курсов.
Такие компании, как General Assembly и Webcredible предлагают действительно сильные курсы, которые помогут вам поменять профессию и найти работу. .
Эти курсы не являются «чудодейственным средством», но они могут заложить хороший фундамент и дать связи, которые помогут начать карьеру в UX.
Учитесь онлайн
Для большинства людей, этот метод займет больше времени. Все-таки, многие навыки, которые нужны UX-дизайнерам, связаны с людьми.
Тем не менее, если вы живете далеко от большого города или просто хотите учиться в свободное время, онлайн-курсы тоже хороший вариант.
Найдите курсы с практикующими наставниками, которые будут беседовать с вами еженедельно. DesignLab, Interaction Design Foundation, General Assembly, Springboard и Udemy заслуживают вашего внимания.
Посмотрите видео Диего Мендеса для получения дополнительной информации о том, как попасть в UX. Ссылка в сносках.
ЧТО ЕЩЕ ДОЛЖЕН УМЕТЬ ДИЗАЙНЕР?
UI/UX дизайнер – одна из самых востребованных профессий на рынке интернет-специальностей. Все больше людей понимает, что мало сделать современный сайт – надо, чтобы он приносил пользу и нравился пользователям.
Однако хорошего специалиста найти не так-то легко. Профессионалами себя называют и новички-фрилансеры, и переквалифицировавшиеся управдомы. Как выбрать среди них лучшего? Какими качествами должен обладатьхороший веб-дизайнер?
Различать специализацию. Веб-дизайнер – понятие широкое. Среди них и визуальные дизайнеры, и графические дизайнеры и, конечно, UX (дизайнеры пользовательского опыта) и UI (дизайнеры интерфейса). Если специалист говорит, что он мегапрофи в любой области – проверьте его слова. Как правило, если человек действительно профи, он сам понимает, какое направление ему ближе, и начинает совершенствоваться именно в этой сфере. Постоянно развиваться. Тренды дизайна меняются каждый год, чтобы не отставать от модных тенденций, нужно постоянно адаптироваться к изменениям. Для этого дизайнер просто обязан изучать тематические статьи, читать книги, мониторить новости. В то же время слепое поклонение трендам – тоже не есть хорошо
Важно найти баланс между пользой для пользователя и погоней за модой. Иметь чувство прекрасного. Проверить это можно одним способом – попросить дизайнера показать свое портфолио, лучшие работы
Если ваши вкусы различаются – лучше найдите другого специалиста. Иначе готовьтесь к бесконечным баталиям и непредсказуемому результату.
Надеюсь, мы сумели объяснить, что такое UX/UI дизайн, простыми словами. Желаем найти хороших специалистов, которые заставят ваш сайт работать. Удачи в продвижении!
Где учиться на UX/UI-дизайнера
Есть несколько основных проблем, с которыми новички могут столкнутся во время обучения.
Во-первых, в интернете очень много информации на эту тему в открытом доступе. Но материал либо слишком поверхностный, либо слишком точечный. Найти достоверный источник с хорошо систематизированной информацией почти невозможно. Хотя онлайн-ресурсы отлично подходят для совершенствования навыков и знаний.
Вторая проблема, с которой сталкиваются новички, — это отсутствие грамотного наставника. В дизайне важны не только технические навыки, но и опыт и точка зрения. Особенно это относится к эстетической составляющей работы. Ведь научить красоте невозможно. Научится понимать разницу между качественным и плохим дизайном можно только с опытом
Начинающему специалисту крайне важно найти наставника, который на первых порах сможет вносить коррективы и направлять
В третьих, многое зависит от вашей насмотренности и постоянной практики и развитии в сфере. UX/UI-дизайнеры должны всегда совершенствовать свои навыки, держать руку на пульсе последних трендов и изучать рынок конкурентов. Это порой отнимает много времени, но является неотъемлемой частью работы.
Классическое высшее образование по специальности UX/UI-дизайна сегодня оставляет желать лучшего. В ВУЗах используют устаревшие программы и не дают достаточного прикладного опыта.
Лучшим решением будет выбрать специализированную онлайн-программу, где вас будут обучать согласно последним тенденциям и с использованием современных технологий.
В онлайн-университете Primeclass мы не просто даём знания, а обучаем навыкам и профессиям с готовыми решениями и прикладными инструментами. Благодаря уникальной методологии вы начинаете карьеру ещё во время обучения и зарабатываете первые деньги спустя несколько месяцев после старта учёбы.
А тех, кто ещё не определился или сомневается, мы приглашаем на бесплатную онлайн-конференцию 23-25 ноября — «Креативные профессии в 2022 году: как монетизировать творчество», где практикующие креативщики поделятся своим профессиональным опытом и дадут прикладные решения многих проблем в профессиональной сфере.
Навык 4. Воркшопы и совместная работа
Вернемся к навыкам общения. Именно здесь они понадобятся в полной мере.
- Можете ли вы ясно изложить свою идею на бумаге?
- Можете ли вы помочь каждому в команде выразить свои идеи так, чтобы другие поняли?
Больше идей – больше пространства для выбора. Если вы можете посредством разговора включить в процесс проектирования технарей, стажеров и генерального директора, то ваш продукт почти гарантированно станет лучше.
А еще, есть дополнительный бонус — так как ваша команда напрямую участвует в процессе проектирования, они больше вовлечены в совместную работу над продуктом и смогут вникать и участвовать в развитии.
- К делу: Прочитайте книгу Джейка Наппа «Спринт».
- Google Ventures используют 5-дневные «Дизайн-спринты», чтобы помочь стартапам понять свою суть и проверить новые идеи.
Как научиться профессии
Несколько рекомендаций для тех, кто желает приобрести навыки и опыт в UX и UI.
Кому подойдет
В профессии смогут закрепиться люди, которые обладают аналитическим мышлением, способны доступно доносить информацию и оптимизировать процессы. UI-дизайнер должен иметь хороший вкус и уметь работать с графикой.
Также в работе UX/UI-дизайнера важны следующие качества:
умение решать проблемы; обучаемость; коммуникабельность; умение слушать; внимание к деталям; способность видеть цельную картину проекта.
С чего начать
На первых этапах освоения профессии необходимо:
- Приобретать базовые знания. Помогут онлайн-курсы и специализированная литература, например «Пользовательский интерфейс» И. Бирмана, «Дизайн привычных вещей» Д. Нормана.
- Развивать насмотренность. Собирайте базу интересных проектов, изучайте интерфейсы, отмечайте их плюсы и минусы.
- Тренироваться. Копируйте готовые решения и пробуйте улучшать их, собирайте макеты в Figma. Возьмите в работу пробный проект и выполните его под руководством наставника.
- Постоянно углублять знания и расширять навыки. Возвращайтесь к уже реализованным задачам, чтобы найти еще более эффективные решения.
Что должен знать UX/UI-дизайнер
Для успешной работы необходимы знания в областях:
- маркетинга;
- психологии;
- IT — хотя бы на уровне владения специализированными программами;
- верстки.
Важно владеть инструментами прототипирования: Figma, Sketch, Illustrator, Adobe XD и другими. Дизайнеру пригодится опыт отрисовки UI-элементов, иллюстраций и иконок, а также знание основ типографики и композиции
Специалист должен понимать принципы usability и адаптивности веб-интерфейсов, уметь пользоваться инструментами Story Map, Customer Journey Map и User Story. Для мобильной разработки нужно знать гайдлайны Material Design Human Interface Guidelines.
Кто такой UX-дизайнер и чем он занимается?
UX-дизайнер — это инженер-конструктор, который изучает опыт пользователей прямо в поле: вникает в аналитику, проектирует схемы потоков, прототипирует варианты лучших способов достижения целей и создает техническое задание для UI-дизайнера.
Пример сценария (User Flow) по заказу комбо.
Что нужно уметь делать UX-дизайнеру:
- Проводить UX-исследования (качественные и количественные)
- Упаковывать результаты исследований в различные форматы, например, Customer Journey Map
- Создавать прототипы с более эффективными способами достижения целей пользователями;
- Работать с метриками и повышать эффективность пользовательских сценариев с помощью аналитики и данных исследований;
Задача UX-дизайнера:
UX-дизайнер — исследователь, аналитик и архитектор пользовательского опыта. Задача UX-дизайнера — сделать взаимодействие с брендом легким и интуитивным, чтобы клиенты с комфортом достигали своих целей, а бизнес при этом выигрывал.
Для этого UX-дизайнер проводит различные исследования моделей как потребителей, так и программных продуктов.
Что это за модели? У каждого интерфейса под капотом находится определенная модель системы, которая призвана помогать пользователю достигать определенных целей. И у самих пользователей тоже есть определенная модель того, как должна работать системы.
Например, модель покупки дорогих автомобилей для постоянных клиентов автосалона в мобильном приложении может включать 4 шага: наполнить корзину, оформить заказ, подтвердить заказ, внести оплату.
Модель и Интерфейс тесно взаимосвязаны. Чтобы понять разницу между Моделью и Интерфейсом, задайте вопрос: откуда вообще взялась корзина? Разве клиенты добавляют автомобили в тележку пачками, как в супермаркете? Или все-таки нужна модель не корзины/тележки из супермаркета, а тест-драйва в автосалоне?
То есть мы в приложении можем вместо корзины сразу при выборе автомобиля предлагать записаться на тест-драйв или начать оформление покупки (в том числе в кредит). А теперь задайте вопрос: как часто покупатели дорогого автомобиля готовы менять авто и вписывается ли мобильное приложение в их жизненный контекст?
Выходит, что за любым объектом в реальном мире стоит модель, которая находится в нашем сознании — это наши представления о том, как эта штуковина перед нами должна работать. И эти представления возникают еще до того, как мы дотронулись до нее.
Основные инструменты:
Figma, Principle, ProtoPie, Miro, Amplitude/Google Analytics 360, Google Docs/Notion, Screen/Audio/Video Recorder
