5 советов начинающему UX/UI-дизайнеру

Эту статью спонсирует онлайн-университет IT-профессий ProductStar. У них высокий рейтинг на всех популярных отзовиках, есть государственная образовательная лицензия, а их преподаватели — практикующие IT-специалисты в таких компаниях, как SkyEng, ВТБ и Яндекс.

Сейчас они предлагают курс «Профессия UX/UI-дизайнер» в рассрочку со скидкой — за 5 229 рублей в месяц.

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

До 6 сентября на этот курс действует промокод ОДИ. Если ввести его при покупке, он даёт дополнительную скидку 52%.

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

Прокачивайте soft-скиллы

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

Умение работать в команде

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

Практические советы с примерами:

• В процессе общения с командой и клиентами, применяйте активное слушание. Это поможет лучше понять потребности пользователей и бизнес-цели. Например, если разработчик говорит, что можно сократить количество кликов при оформлении заказа, расспросите его, как именно это сделать. Его идея может оказаться действительно ценной
• Будьте гибкими и адаптируйтесь к новым требованиям проекта. Например, если маркетолог предлагает изменить цветовую палитру в соответствии с визуальным стилем бренда, обсудите с ним, как лучше реализовать его предложение на сайте. Так вы продемонстрируете гибкость и способность работать в команде
• Учитесь чётко выражать свои мысли и давать конструктивную обратную связь. Предлагайте улучшения, но делайте это так, чтобы действительно помочь и вдохновить команду. Например, вместо того, чтобы сказать «Странный дизайн», сформулируйте мысль по-другому, например, «Давайте рассмотрим ещё несколько вариантов композиции»

Аналитические навыки

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

Практический пример:

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

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

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

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

Эмпатия

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

Практический пример:

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

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

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

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

Креативность

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

Практический пример:

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

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

Эти креативные решения помогут создать уникальный и вовлекающий опыт взаимодействия.

Тренируйте насмотренность

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

Самые популярные сайты для вдохновения:

• Dribble — онлайн-сервис, где графические дизайнеры, веб-дизайнеры, иллюстраторы и 3D-дизайнеры выкладывают свои работы
• Behance — огромная коллекция работ дизайнеров, разработчиков и творческих людей со всего мира
• Dprofile — российская площадка для дизайнеров, где можно находить заказчиков и исполнителей, а также следить за работами коллег
• Pinterest — визуальный инструмент для поиска идей
• Designspiration — сайт с коллекциями дизайнов и иллюстраций в стиле Pinterest
• Awwwards — широко известная и регулярно обновляемая галерея
• FWA — ежедневно обновляемая подборка, в которую помимо сайтов попадают различные творческие и научные проекты
• Lapa Ninja — постоянно обновляемая коллекция лучших лендингов. На момент публикации содержит 5500+ примеров
• Siteinspire — коллекция из 7000+ сайтов на разные темы
• Minimal Gallery — минималистичные сайты
• Loadmore — коллекция брутальных сайтов

Оставайтесь в тренде

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

А пока расскажем о нескольких последних трендах в UX/UI-дизайне:

• 3D-дизайн
• Анимации
• Многоцветные градиенты
• Футуристический/космический интерфейс
• Гигантская типографика
• Смелые сочетания шрифтов
• Использование нейросетей
• Инклюзивность

Создайте портфолио

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

Ниже вы найдёте пошаговый план создания дизайн-портфолио:

1. Начните практиковаться. Делайте редизайн сайтов известных брендов, бесплатные проекты для друзей и знакомых, создайте собственный сайт-портфолио. Когда у вас будет несколько личных проектов, начните искать фриланс-заказы, чтобы получить коммерческие проекты
2. Из всех собранных проектов выберите те, которые наилучшим образом демонстрируют ваш стиль и мастерство. Обращайте внимание на качество исполнения, уникальность и визуальную привлекательность проектов
3. Создайте сайт или используйте платформу для портфолио, где вы будете размещать свои проекты. Включите подробное описание для каждого проекта — объясните свою роль в проекте, опишите его цели и результаты
4. Чтобы портфолио выглядело профессиональным и современным, продумайте цветовую палитру, шрифты, композиции. Это важно, потому что работодатели и клиенты будут оценивать ваш вкус и уровень дизайнерских навыков
5. Если у вас есть отзывы или рекомендации от предыдущих клиентов или работодателей, добавьте их в портфолио. Это поможет подтвердить вашу профессиональность и надежность в глазах потенциальных работодателей или клиентов
6. Обновляйте портфолио, добавляйте новые проекты, удаляйте устаревшие и те, которые не отражают ваш текущий уровень навыков

Качественное и привлекательное портфолио поможет привлечь внимание работодателей и представить дизайнерские способности наилучшим образом.

Учитесь у других

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

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

Ссылка, по которой можно купить курс «Профессия UX/UI-дизайнер» со скидкой. Не забудьте про промокод ОДИ.

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

Материалы курса постоянно обновляются, поэтому там только актуальная информация. А доступ к ней останется и после окончания обучения.