По исследованиям Wilderness Agency, около 75% потребителей делают выводы о надежности сайта на основании оформления. Поэтому важно не только следить за скоростью загрузки и прочими деталями, но и разрабатывать эстетичный и удобный интерфейс. Этим занимаются UX/UI-дизайнеры.
Что такое UX/UI, в чём разница между UX- и UI-дизайнерами
UX — User Experience, опыт пользователя. UX-дизайнеры делают так, чтобы пользователю было удобно взаимодействовать с сайтом или приложением. То есть занимаются его юзабилити (возможность использования). Они проектируют архитектуру, продумывают расположение элементов: меню, кнопок, иконок. Работу UX-дизайнеров мы ощущаем, когда что-то ищем на сайте, заполняем формы.
UI — User Interface, пользовательский интерфейс. UI-дизайнеры занимаются внешним видом ресурса. Они продумывают цвета, шрифты, вид иконок и прочие элементы стиля. Их работу мы видим сразу, когда открываем сайт или приложение.
❓ Зачем понадобилось разделять
Раньше были только веб-дизайнеры. Эти специалисты востребованы и сейчас, но их профиль шире. Они проектируют структуру сайта или приложения, выполняют функции графического дизайнера, верстальщика. Но не занимаются аналитикой пользователей так глубоко, как UX- и UI-дизайнеры.
Чтобы стать графическим дизайнером, приходите на курс Skypro «Графический дизайнер». Научитесь работать в редакторах, создавать баннеры, дизайн продуктов и лендингов. Консультанты центра карьеры помогут зарегистрироваться и разместить портфолио на Behance.
Разделение веб-дизайна на UX и UI произошло, потому что понадобились более узкие специалисты. Сначала работу проводит UX-дизайнер: он исследует предметную область и целевую аудиторию, создает прототип, тестирует его. Затем UI-дизайнер оформляет пользовательский интерфейс. Именно в таком порядке, потому что нельзя сначала придумать оформление кнопок, а уже потом — как и в каком порядке пользователь будет кликать на них. Сначала путь, потом внешний вид.
Всему этому научитесь на курсе Skypro «Графический дизайнер». Будете работать на реальных проектах и станете востребованным специалистом.
При этом граница постепенно стирается, так как UX- и UI-дизайн связаны. Общая цель — сделать продукт удобным и привлекательным для пользователя. Поэтому часто UX и UI занимается один человек.
Где используют UX/UI
Концепция и принципы UX/UI применимы во многих областях: будь то офис компании или стойка регистрации. Но понятия прочно вошли в диджитал-сферу.
UX и UI применяют и в небольших агентствах и дизайн-студиях, и в крупных корпорациях. В тех случаях, когда важно не просто создать сайт или приложение, а сделать его привлекательным и удобным для клиента. Таким, чтобы человеку не захотелось искать альтернативу у конкурентов.
Принципы UX/UI-дизайна
✅ Удобство и простота. Важно, чтобы интерфейс был понятным. Пользователь не должен искать нужную опцию, разбираться в структуре и наполнении сайта. Поэтому дизайнеры используют общепринятые иконки — корзины, стрелки скачивания, пятизвездочные шкалы оценки. Делают так, чтобы элементы читались однозначно.
«Пользователь никогда не должен тратить и сотой доли секунды на то, чтобы разобраться, можно или нельзя щелкнуть по объекту».
Стив Круг, «Не заставляйте меня думать»Американский программист✅ Последовательность. Чем предсказуемее интерфейс, тем легче пользователю с ним взаимодействовать. Когда клиент заходит на сайт, он хочет увидеть название бренда, меню, обложку, блоки с услугами и товарами.
✅ Контраст. Каждый элемент сайта должен быть на своем месте, не сливаться с остальными и не мешать им. Например, фон — яркий, а блоки с товарами — нейтральных оттенков.
✅ Иерархия. У элементов должен быть приоритет. Наиболее заметны — самые значимые, например кнопки, спецпредложения.
✅ Дистанцирование. Чтобы контент был легкочитаемым, между элементами сайта должен быть «воздух», то есть место без визуальных элементов. Поэтому между фотографиями, текстовыми блоками оставляют пространство.
✅ Выравнивание. Чем проще геометрия сайта и четче композиция, тем удобнее его использовать. В этом поможет сетка — невидимые линии, на которых располагают иллюстрации, тексты и другие элементы.
Выравнивание по сетке на сайте Skypro
Задачи UX/UI-дизайнеров
💻 Анализировать пользователей. Нужно изучить потенциальных клиентов: продукт создается для них. Специалисты узнают у заказчика задачу, подробности о пользователях: возраст, интересы, образование, сферу деятельности. Выясняют, какими еще продуктами они пользуются и почему. Для этого общаются не только с заказчиками, но и с будущими клиентами.
Эта задача подразумевает большое количество созвонов и личных встреч, опросов, уточнений задачи. Все данные собирают, делают выводы, чтобы получить целостную картину.
💻 Продумывать интерфейсные решения. Дизайнер решает, что поместить на главную страницу, где и как расположить главные элементы сайта, что включить в верхнее/боковое меню.
На этом этапе составляют CJM — Customer Journey Map, дорожную карту клиента. Она наглядно показывает путь от входа на сайт до покупки. Помогает увидеть, с какими проблемами клиент может столкнуться при взаимодействии с сайтом. Задача UX/UI-дизайнера — предупредить эти проблемы.
💻 Создавать прототипы. Это схема сайта или приложения с основными блоками. Она показывает, какой контент, иконки и кнопки будут располагаться на экране. Дизайнер составляет прототипы в программах, например в Figma.
Специалист использует метод прогрессивного джипега. То есть сначала продумывают структуру, а затем пошагово прорабатывают детали. Уже на этом этапе черновик показывают разработчикам, чтобы понять, все ли идеи воплотятся.
💻 Проектировать визуальную часть. Дизайнер выбирает цветовую гамму и шрифты. У крупных компаний они уже определены и прописаны в брендбуке. В остальных случаях руководствуется выбором фокус-группы и/или использует свой опыт, тренды.
Еще он создает иконки, определяет, как будут выглядеть кнопки, поисковая строка и прочие элементы сайта. Иногда прорабатывает анимацию — например, продумывает, как увеличатся баннеры при наведении курсора.
💻 Тестировать. Сверстанный сайт переносят на тестовый домен. Чтобы проверить продукт, набирают фокус-группу из целевой аудитории.
Потенциальные клиенты изучают сайт или приложение, выполняют обычные действия, например заполняют формы обратной связи, просматривают карточки товаров. Затем заполняют опросник: указывают, где было неудобно, какие элементы отвлекали и помогали, какие функции непонятны и прочее.
Знания и навыки специалистов
💡 Что нужно знать и уметь
Важную роль играет насмотренность. Она помогает понимать и разумно применять визуальные тренды. Необходимы и технические знания. Дизайнеры работают в программах:
Figma — в ней продумывают логику интерфейсов, собирают прототипы.
Adobe Photoshop — отрисовывают элементы.
Adobe After Effects — визуализируют анимацию.
Вы освоите эти программы на курсе Skypro «Графический дизайнер». Создадите в них баннеры и лендинги, дизайны визуала для соцсетей, презентации и email-рассылки. Сделаете из этих проектов конкурентоспособное портфолио и получите диплом установленного образца.
Важно разбираться:
В маркетинге. Уметь формировать портрет ЦА, анализировать конкурентов.
Бизнес-аналитике. Решать бизнес-задачи, составлять дорожную карту клиента.
Психологии. Знать шаблоны поведенческих реакций, предугадывать желания.
Дизайне. Уметь работать с типографикой, анимацией, знать теорию цвета, создавать запоминающиеся визуальные образы.
🤝 Какими навыками нужно обладать
- коммуникабельностью: выяснять и обсуждать задачу, собирать оценку пользователей, работать в команде;
- аналитическими способностями: обрабатывать результаты опросов, делать выводы после тестов;
- гибкостью: учитывать требования и пожелания коллег и клиентов;
- креативностью: продумывать новые решения интерфейсов;
- эмпатией: предугадывать нужды пользователей.
Как стать UX/UI-дизайнером
🎓 Где учиться
Профессию UX/UI-дизайнера осваивают на курсах или самостоятельно.
Есть бесплатные интенсивы. На них дают основную теорию, но вам придется разбираться в темах и практиковаться самостоятельно.
На платных онлайн-курсах сможете обратиться за помощью к преподавателю и сокурсникам, практиковаться и собрать портфолио. При выборе обращайте внимание:
- на количество мастер-классов, практических заданий, домашек;
- опыт преподавателей: предпочтительны опытные дизайнеры;
- наличие обратной связи, индивидуальных консультаций;
- программу: какие инструменты, направления осваивают на курсе;
- поддержку после обучения: помогают ли найти работу.
Навыки UX/UI-дизайна и графического дизайнера с нуля освоите на курсе от Skypro. Научитесь работать в Figma, Photoshop, Tilda и других программах и сервисах, проводить исследования, понимать потребности бизнеса. А еще создавать эффективные лендинги, презентации, рассылки и многое другое. Добавите в портфолио девять работ и диплом государственного образца.
У всех преподавателей курса — большой практический опыт в дизайне
📖 Что читать
Книги:
- Дональд Норман, «Дизайн привычных вещей».
- Иоханнес Иттен, «Искусство цвета».
- Стив Круг, «Не заставляйте меня думать».
- Артемий Лебедев, «Ководство».
- Расс Унгер и Кэролайн Чендлер, «UX-дизайн. Практическое руководство по проектированию опыта взаимодействия».
Блоги:
Телеграм-каналы:
Зарплаты и востребованность UX/UI-дизайнеров
Средняя зарплата в марте 2023 года — 120 000 ₽, больше всего получают в Москве, Новосибирске, Санкт-Петербурге. На Хабре в конце 2022 года тоже анализировали зарплаты:
Спрос на UX/UI-дизайнеров растет, потому что компании внедряют диджитал-инструменты. На Хабр Карьере в апреле 2023 года — 424 вакансии, на хедхантере — 299.
Главное про UX/UI-дизайн
- Разница UX и UI в том, что первое — про работу интерфейса, второе — про внешний вид. Вместе дизайнеры делают так, чтобы продуктом было удобно пользоваться. Так как задачи связаны, часто ими занимается один человек.
- Принципы UX-дизайна: удобство и простота, последовательность, контраст, иерархия, дистанцирование, выравнивание.
- Чтобы создать удачный интерфейс, дизайнеры изучают целевую аудиторию, составляют карту путешествия клиента, а затем — прототип сайта. Полагаются на требования заказчика, желания клиентов и свой опыт. Проводят тесты, опрашивают пользователей, чтобы выявить неудобства.
- Дизайнеры получают в среднем 90 000 ₽–120 000 ₽. Профессию относят к перспективным, потому что многим компаниям нужны не просто сайты и приложения, а те, которые будут удобны пользователям.
- Основы UX- и UI-дизайна осваивают самостоятельно по видео и бесплатным интенсивам, читают книги, блоги и сообщества, телеграм-каналы. Желательно пройти курсы, чтобы не только изучить теорию, но и попрактиковаться, собрать портфолио.
Добавить комментарий