По данным Nielsen Norman Group, пользователи уходят с сайтов в течение 10–20 секунд, а более 28% людей удаляют приложения уже через 2 дня после их установки. Почему? Дизайн и опыт пользователей не соответствуют ожиданиям.
Важно не просто привлечь людей на веб-ресурс, но и задержать. Для этого продукт должен хорошо работать на всех уровнях: быть быстрым и надежным, а также оформленным с учетом трендов. А простая и логичная навигация упростит покупку или другую конечную цель и повысит лояльность посетителей веб-ресурса.
И все же пользовательский опыт (UX) — это то, чем компании часто пренебрегают при разработке сайта или программ. Несмотря на то, что каждый доллар, вложенный в User Experience дизайн, приносит доход до $100, только 55% компаний проводят тестирование UX.
Объясняем без сложных слов и интегралов, в чем специфика работы UI/UX дизайнером, насколько это востребованная профессия, а также где обучиться или прокачать скиллы в сфере. В статье вы найдете подборку лучших курсов по UI/UX, а также книги для самообучения.
Чем отличаются UX и UI дизайн: рассказываем на примере стула и Google
Все прорывные приложения когда-то были идеями на салфетках. В чем секрет их успеха? Они решают, а не создают проблемы. Для этого важна рука дизайнера с творческим видением, умением аналитически мыслить и эмпатией — именно это позволяет создавать максимально полезные сайты или софт.
UX/UI дизайн — это взаимосвязанные понятия: UX — User Experience и UI — User Interface. Чтобы разобраться, чем они отличаются, представьте стул. Его каркас — это UX-дизайн, поскольку человек с помощью самого стула решает проблему. А UI-дизайн изделия — это количество ножек, форма спинки или обивка.
Вспомните, как выглядит поисковая система Google. Сдержанный интерфейс подчеркивает, что хороший функционал не требует наворотов. А теперь представьте, что на поиск информации вместо 0,7 секунды будет уходить 15 секунд. Тогда при сохранении лаконичного интерфейса (UI) пользовательский опыт (UX) изменится в худшую сторону.
Вывод: UX-дизайн охватывает весь спектр взаимодействия с пользователями, а UI-дизайн сконцентрированный на более осязаемых элементах.
Важность дизайна и какой дизайн — хороший
Красивый дизайн — не равно лучший дизайн. Для продающего сайта хорошим считается дизайн, который максимально эффективно решает задачи бизнеса. На первом месте при разработке веб-ресурса должно стоять удобство интерфейса и простота его использования.
Чтобы интерфейс был удобным для пользователей и обеспечивал продажи, обратите внимание на эти пункты:
- Насколько интерфейс подходит вашей целевой аудитории (ЦА)? Дизайн сайта должен соответствовать ожиданиям и предпочтениям ЦА, а также решать их «боли». Например, дизайн интернет-магазина автомобильной тематики будет отличаться от дизайна сайта бренда косметики или лендинга IT-конференции.
- Удобно ли пользоваться сайтом? Интерфейс должен быть интуитивно понятным и удобным в пользовании. Сайт должен быстро загружаться, корректно отображаться на всех типах устройств и во всех браузерах, кнопки и ссылки должны быть кликабельными, а навигация — простой и логичной.
- Удобно ли пользоваться сайтом на разных устройствах? По данным Statista, в 2021 году 72,9% всего рынка e-commerce будет генерироваться через покупки со смартфона. Поэтому адаптивный дизайн — это must-have бизнеса, который обеспечит корректное отображение и работу всех элементов дизайна сайта на различных девайсах.
Первые впечатления о сайте на 94% связаны с его дизайном. Зайдите на сайты Etsy, Walmart, Apple, Turkish Airlines и Netflix — они удобны в использовании и соответствуют актуальным трендам дизайна.
User experience: что это такое и как «пощупать»
Вспомните свое прошлое посещение кофейни или ресторана. Каким было первое впечатление, когда вы туда вошли? Как было оформлено меню? Достаточно ли быстро приготовили еду и понравился ли вам ее вкус? Вы бы вернулись туда в будущем? Ответы на эти вопросы, в частности эмоциональные переживания, пережитые при взаимодействии с местом — это и есть UX, или пользовательский опыт.
UX-дизайн — это синоним хорошего бизнеса. Рентабельность инвестиций (ROI) в UX составляет 9 900%. Около 88% интернет-пользователей заявляют, что не вернутся на сайт из-за плохого usability. В среднем компании теряют до $2 млрд. в год из-за медленной загрузки веб-страниц, запутанной навигации и других ошибок, которые ухудшают опыт пользования сайтом.
Вывод: 5 ключевых отличий между UX и UI-дизайнером
Вот главные различия между UX и UI:
Какие навыки нужны специалисту, можно ли обучиться профессии самостоятельно и на какие из лучших курсов по UX/UI дизайну пойти? Читайте в подборке и выбирайте оптимальный вариант, который поможет войти в сферу с сильным портфолио, а также с прокаченными hard и soft-скиллами.
5 основных требований к UI/UX дизайнеру
UI/UX-дизайнер — это главная творческая профессия в IT. Востребованная — на djinni.co ежемесячно появляется более 100 вакансий для специалистов по UI/UX. Кроме того, из сферы возможен легкий переход в смежные профессии — product-дизайн, UX/CX ресерч и фулстек-дизайн.
Чтобы стать дизайнером интерфейсов, нужно много скиллов и опыта. Понадобится умение проектировать архитектуру интерфейса с точки зрения простоты и удобства для пользователя. Также нужно:
- владеть софтом Adobe Creative Cloud, Mockplus, Sketch, Axure, Figma;
- разбираться в алгоритме веб-дизайна, дизайна приложений, разработки;
- знать базу маркетинга;
- быть в курсе трендов в нише;
- иметь аналитические способности и склад ума, чтобы изучать поведенческие факторы.
По данным DOU, средняя зарплата украинских UI/UX-дизайнеров в начале 2021 года составила $1,2 тыс. Это больше, чем получают графические дизайнеры ($950), но почти вдвое меньше, чем зарплата продуктовых ($2300). Специалисты, которые знают английский язык, зарабатывают в среднем на $500 больше.
Лучшие платные курсы по UI/UX дизайну
Разработчики курсов обещают без «воды» объяснить основы, заполнить портфолио и устроить дизайнера в Facebook. Или в Industrial and Commercial Bank of China (ICBC). Шутка, быстро устроиться в корпорацию не получится. Но мы знаем точно: это курсы, которые помогут прокачать портфолио, и при высоких результатах получить место работы в компании партнера школы UI/UX дизайна.
Собрали 7 обучающих программ, которые доступны из любой точки мира. Вы найдете курсы от специалистов с опытом 10+ лет, Стэнфордского университета и тренинги от создателей Apple.
Стоимость: 16 000 грн. (доступна рассрочка)
Длительность: 2 месяца
Формат обучения: онлайн
Сертификат: есть.
Преподает курс Никита Шишкин — product-дизайнер в Prequel с опытом 8+ лет. Его приложение вошло в топ-10 App Store. Никита был продуктовым дизайнером в Яндекс.Практикуме, где разработал визуальный язык и спроектировал механики обучения. Работал также с проектами в сферах телекома, страхования, финтеха и металлургии.
Курс подойдет для начинающих UI/UX-дизайнеров и графдизов, которые хотят прокачаться в UX, а также для product-менеджеров, основателей стартапов и маркетологов, которые создают digital-продукты и хотят узнать об особенностях работы с UX-дизайном.
За 14 занятий вы научитесь:
- исследовать поведение пользователей и учитывать их потребности в дизайне;
- создавать карту эмпатии, CJM и User Story;
- проектировать прототипы web- и mobile- интерфейсов;
- тестировать продукт и так далее.
Занятия на курсе проходят в live-формате. Несколько раз в неделю студенты получают ссылку на Zoom-кабинет и подключаются к вебинару. После занятия им присылают домашнее задание и дополнительные материалы. Домашку комментируют кураторы.
Материалы курса остаются в личном кабинете навсегда. После защиты финального проекта студенту выдают один из двух документов — сертификат или диплом об окончании курса. Тип документа зависит от вовлеченности и оценки за домашки. При наборе 160+ баллов студенту выдают диплом.
Стоимость: 18 000 грн. (или по 10 000 грн. двумя платежами)
Длительность: 2 месяца
Формат обучения: оффлайн
Сертификат: есть.
Кураторы курса — Head of Product Design Алексей Стикс и Lead UX Researcher в Parimatch Tech Александр Мовчан. Среди лекторов — продуктовый дизайнер в Miro и Digital Marketing Manager в Apriorit Ukraine.
Программа рассчитана на арт-директоров, дизайнеров, начинающих UX-дизайнеров, digital-креаторов и стартаперов. Вы освоите:
- UX-дизайн и UX-исследования;
- прототипирование с использованием персонажей;
- общие принципы проектирования интерфейса;
- разработку мобильных приложений;
- Front-end базу для дизайнера;
- Visual Design.
Во время обучения студенты будут работать над реальными digital-продуктами: разрабатывать брифы и презентовать прототипы сайтов, онлайн-сервисов, мобильных приложений. Финальное задание на курсе — презентация и разбор проекта.
Стоимость: 18 656 грн.
Длительность: 4 месяца
Формат обучения: онлайн
Сертификат: есть.
Курс ведут Senior Product Designer в SoftServe, Senior Experience Designer в EPAM, Senior UI/UX дизайнер в Avenga, внутренний UI/UX дизайнер академии и другие специалисты с опытом 5+ лет в IT.
Курс поможет освоить базовые UX-скиллы:
- брифинг клиента;
- исследования пользователей;
- построение информационной архитектуры;
- создание прототипов.
Вы также овладеете основами UI, научитесь работать с модульной сеткой, изучите принципы композиции, типографики и сочетания цветов. Доступ к материалам остается навсегда.
Отдельный блок посвящен личному бренду и созданию портфолио. В программу также входят 140 часов IT-английского и шесть часов карьерного консультирования. В течение курса студенты готовят несколько проектов для портфолио, а в качестве финальной работы разрабатывают и презентуют сайт. Более 200 студентов Beetroot Academy наняли IT-компании.
Стоимость: 17% от зарплаты в IT в течение 2-х лет
Длительность: 4 месяца по будням с 9:00 до 18:00
Формат обучения: онлайн
Сертификат: нет.
Курс проходит 1:1 с ежедневной онлайн-поддержкой персонального ментора. Компания гарантирует трудоустройство в топовых ІТ-компаниях — WIX, Genesis, PDF Filler и других. Платить за курс нужно только после трудоустройства — 17% от зарплаты на протяжении двух лет.
Средняя зарплата выпускников Mate Academy уже в первый год после обучения составляет $1000. Около 90% студентов получили работу в IT: Wix, Genesis, Preply, SoftServe, EPAM, Luxoft, GlobalLogic еще в 250 крутых IT-компаний.
Программа курса включает в себя:
- Design Basics;
- UX Design — Research;
- UI Design — Mobile App Design;
- Web Interfaces;
- Portfolio Cases on Behance;
-
бесплатный английский.
Важно: в Mate Academy попадают не все. Студентом можно стать после прохождения 4-х этапов отбора. Сначала нужно подать заявку и в течение двух недель изучить материалы в личном кабинете. Затем абитуриенты выполняют тестовое и проходят интервью — техническое и для проверки владения английским. Специалисты Mate Academy не рекомендуют подавать заявку на обучение тем, чей уровень английского — ниже B1–B2 (Intermediate Upper-Intermediate).
Стоимость: 12 000 грн.
Длительность: 1,5 месяца
Формат обучения: онлайн
Сертификат: нет.
Найти онлайн-программы можно даже у крупных университетов. К примеру, Стэнфордский предлагает дистанционные курсы от маркетинга до археологии. Начинающий дизайнер, маркетолог или предприниматель может выбрать курс по прототипированию. Используя быстрое прототипирование, вы узнаете, что нужно конечному пользователю, а также создадите решения, затрачивая минимум времени, усилий и финансов.
Занятия ведут:
- Лаура Пикель — разработчик обучающих программ для Lyft, IDEO U и Stanford, магистр в области обучения, дизайна и технологий в Стэнфорде.
- Джесси Харрис — директор по обучению и внутренней культуре в Virgin Orbit. Он руководит стратегией обучения и развития кадров в космической компании Ричарда Брэнсона. Получил степень магистра в области обучения, дизайна и технологий в Стэнфорде.
6 недель студенты будут изучать процесс прототипирования и нюансы разработки инновационных продуктов в Airbnb, Netflix и других корпорациях. Диплом и сертификат программа не предусматривает, но администраторы по запросу могут прислать подтверждение прохождения курса.
Стоимость: 267 340 грн.
Длительность: 6 месяцев
Формат обучения: онлайн
Сертификат: нет.
Школа Bloc разрабатывает обучающие программы для новичков в дизайне. Если вы готовы заниматься по 40 часов в неделю, учеба займет около полугода. Для тех, кто хочет совмещать работу с учебой, создатели предлагают уменьшить количество часов в неделю и растянуть срок обучения до 1,5 лет. За это время вы пройдете два блока: UX-дизайн и Front-end разработку.
Студенты в качестве домашек создают дизайны iOS и Android приложений, а также веб-сервисов. На курсе учащихся сопровождают менторы из Apple, Uber, Netflix и Google. Стоимость курса высокая, но есть варианты ее снижения:
- Женщины могут подать заявку и получить стипендию в $500 от партнеров школы.
- Если вы планируете работать в product-дизайне, создатели курса обещают помочь с поиском работы.
Лучшие бесплатные курсы по UX и UI дизайну
Получать знания можно не только на платных программах. Забирайте лучшие курсы по UX дизайну и UI, которые помогут освоить базу и лайфхаки от опытных специалистов.
Стоимость: бесплатно
Длительность: 3 месяца
Формат обучения: онлайн
Сертификат: нет.
Лекции Hack Design по почте составили специалисты Facebook, Google, Techcrunch и даже команды Барака Обамы. Каждую неделю вы будете получать на почту по одному уроку с теорией и практическим заданием. Лекции помогут быстро добрать недостающие знания, следуя рекомендациям от 55 кураторов из крупных технологических компаний.
Стоимость: бесплатно
Длительность: 5 недель
Формат обучения: онлайн
Сертификат: нет.
Это курс старшего научного сотрудника факультета интерактивных вычислений, доктора Розы Арриага. Входит в подборки UX и UI курсов для начинающих. Во время обучения студенты знакомятся с четырьмя этапами цикла разработки пользовательского интерфейса. Вы научитесь:
- собирать информацию о потребностях пользователя;
- создавать и моделировать интерфейсы на основе этих данных;
- оценивать дизайн, чтобы убедиться, что цели пользователя будут удовлетворены.
Создатели курса убеждены: любой человек, независимо от текущего образования, который изучит эти методы и будет использовать в работе предложенный цикл, сможет стать UI/UX-дизайнером.
Бонус: от пользовательских интервью до работы мозга — книги по UI/UX в библиотеку дизайнера
Мир стремительно развивается, меняются профессии, а вместе с ними необходимые хард и софт-скиллы. Единственное, что навсегда останется актуальным — это способность быстро обучаться. Это, в свою очередь, поможет решать новые задачи и создавать решения, до которых не додумался конкурент.
Мы собрали книги по UX-дизайну, которые помогут повысить вашу продуктивность и точность решений на UI/UX-фронте.
- "User Friendly", Cliff Kuang. Это современный гайд о том, как дизайн формирует наше поведение, мышление и мир. Цитата из книги: «Вам нужно разобраться в причинах поведения людей — и затем, опираясь на их слабости и ограничения, создать сильное решение, а не якобы идеальное»
- "Refactoring UI", Adam Wathan & Steve Schoger. Авторы книги — дизайнер и веб-разработчик. Вы изучите советы по улучшению дизайна интерфейсов на уровне нюансов. Цитата из книги: «Всякий раз, когда вы натыкаетесь на дизайн, который вам нравится, спросите себя: "что тут такого запилил дизайнер, что я никогда бы даже не догадался сделать?"».
- "The Mom Test", Rob Fitzpatrick. Книга поможет разобраться в желаниях клиентов и том, что они готовы покупать. Автор дает советы, что и как именно спрашивать у потенциальных клиентов, чтобы получить честный ответ о своей бизнес-идее, товаре или продукте: востребованности, потенциале, плюсах и минусах.
- "Don't Make Me Think, Revisited", Steve Krug. Это книга о взаимодействии человека и компьютера, а также о юзабилити. Основная идея книги: хорошая программа или сайт должны дать возможность пользователям выполнять целевое действие как можно проще и быстрее.
- "Just Enough Research", Erika Hall. Краткое руководство включает в себя ключевые методы и подходы к UX-исследованиям, которые помогут определить потребности пользователей.
-
«На крючке. Как создавать продукты, формирующие привычки», Нир Эяль. Сильные продукты формируют привычки и становятся частью жизни людей — например, соцсети и мессенджеры. А среднестатистический пользователь смартфона разблокирует свой гаджет около 110 раз в день. Как некоторые продукты формируют у людей привычки? Есть ли у этих продуктов какие-то схожие черты и паттерны?
Эксперт по поведенческому дизайну и психологии потребителей Нир Эяль более десяти лет изучает скрытые психологические особенности человека, которые позволяют генерировать прорывные продукты. А они, в свою очередь, снижают потребность в агрессивном маркетинге и дорогой рекламе. - «Письмо — це дизайн. Як слова створюють досвід користування», Майкл Меттс, Енді Велф. Слова не менее важны, чем визуальные образы, структура или техническое совершенство, потому что от них зависит восприятие, понимание и настроение пользователя. Чтобы конечный продукт получился цельным, UI/UX копирайтеры должны включаться в процесс разработки еще на ранних этапах. Из книги вы узнаете, как написать понятные и полезные тексты для интерфейсов, а также как эффективно работать над ними внутри команды.
Без life-long learning не удержаться на рынке труда. Будучи президентом, Барак Обама уделял чтению по часу в день. Уоррен Баффет прочитывал 500 страниц литературы и СМИ в неделю. А Билл Гейтс читает по 50 книг в год. Самые известные и занятые люди в мире находят время на обучение — находите и вы. В этом помогут подборки курсов и статьи о востребованных hard и soft skills в блоге INDIGO Tech Recruiters.