5 важных навыков продукт-дизайнера

1. Работа с дизайн-системой. Набор компонентов интерфейса (кнопки, поля, …), которые одинаково понимает дизайнер и разработчик. Дизайнер и разработчик не с нуля создают компоненты (в макете и на фронте), а берут их уже из заранее подготовленного набора. Благодаря этому ускоряется разработка и продукт выглядит единообразно.
2. Работа с аналитикой. Нужно понимать, как пользователи взаимодействуют с интерфейсом и тестировать дизайн-идеи. Можно оценить новый дизайн регистрации, сравнив конверсию прошлой версии с текущей. Так дизайн будет основан на реальных данных, а не личном предпочтении дизайнера или бизнеса.
3. Работа с разработкой. Полезно знать, каким образом устроена архитектура продукта (какие есть сущности и действия). Так визуальное воплощение будет соответствовать внутренней логике продукта. Без этого любые изменения способны создать конфликт, что повлечет за собой визуальные и технические «костыли».
4. Работа с пользователями. Нужно понимать цели пользователей, особенности работы с технологиями, уже используемые продукты. Лучше всего это сделать в ходе личного интервью. Периодически нужно показывать продукт пользователям и наблюдать, с какими сложностями они сталкиваются в работе.
5. Работа с идеями. И, конечно, нужно уметь учитывать все вышесказанное для создания полезных и удобных дизайн-решений. Они должны учитывать потребности пользователей, технологические возможности и ограничения, данные аналитики и создаваться с помощью компонентов дизайн-системы.

Источник

Проблема вложенных модальных окон в цифровых продуктах

Изучение основных проблем вложенных модальных окон и предложение альтернативных UX-паттернов.
Кому следует прочитать эту статью?

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

Читать: https://ux.pub/editorial/probliema-vlozhiennykh-modalnykh-okon-v-tsifrovykh-produktakh-30me

Проектирование в Figma с использованием динамического контента

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

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

Читать: https://ux.pub/editorial/proiektirovaniie-v-figma-s-ispolzovaniiem-dinamichieskogho-kontienta-8cg

Проектирование мобильной навигации для сайтов с большим количеством контента

Лучшие практики для сайтов с большим количеством контента.
У вас большой, насыщенный контентом сайт с дочерними сайтами и сотнями или тысячами страниц. В десктопном варианте есть место для видимых средств навигации, а в мобильном – нет. На самом деле, о мобильной навигации думали реже, чем вы думаете.
Звучит знакомо? Если да, то вы не одиноки. Многие организации с большими, насыщенными контентом сайтами испытывают трудности с мобильной навигацией, и мы хотели выявить подтвержденные исследованиями передовые методы, которые помогли бы решить часть этих проблем.

Читать: https://ux.pub/editorial/proiektirovaniie-mobilnoi-navighatsii-dlia-saitov-s-bolshim-kolichiestvom-kontienta-299c

Джун, мидл и сеньор: зоны роста моушн-дизайнера

«Развивайся — или умри!» — как говорил великий Тони Роббинсон. Как измерять свой рост в моушн-дизайне? Какие грейды специалистов есть, как здраво оценить себя и на чём сосредоточиться, чтобы прийти к повышению? Разбираемся в этой статье!

Читать: https://medium.com/design-pub/джун-мидл-и-сеньор-зоны-роста-моушн-дизайнера-9733c4f8e440

7 проблем с формой регистрации или как повысить CR

Sign Up – это не просто форма для регистрации новых пользователей, но и один из важнейших этапов процесса конверсии. Давайте проанализируем 7 проблем с UI и UX при регистрации, которые отталкивают пользователей. Недели и месяцы, потраченные на разработку качественных цифровых продуктов могут быть пущены коту под хвост из-за крошечной проблемы в процессе регистрации. Но есть и хорошие новости: оптимизация пользовательского интерфейса регистрации может снова повысить конверсию. Одной компании удалось повысить коэффициент конверсии на 35%, лишь уменьшив количество полей в форме регистрации. По не совсем понятным причинам даже в 2021 году все еще существует целый ряд проблем с регистрацией, которые не хотят покидать мир UX. Именно поэтому мы решили собрать в этой статье самые распространенные ошибки в форме регистрации. Надеюсь, вы их исправите, прежде чем потеряете еще одного клиента.

Читать: https://design-glory.com/?p=6574

​​UX таблиц, с которыми работают. Ч3: управление данными и экспорт

В статьях не про дизайн, а про UX и создание условий, в которых пользователи смогут комфортно и эффективно работать с таблицами на протяжении рабочего дня. Все макеты в статье представлены лишь для демонстрации идей, а не как варианты конкретного UI.
Существуют 5 крупных видов работы с таблицами:
просмотр данных — было в части 1,
внесение данных — было в части 2,
поиск данных — было в части 2,
управление данными — в этой части,
экспорт данных — в этой части.
Третья часть получилась больше про аналитическую сторону UX, чем про дизайнерскую. Но без неё картина была бы не полной.

Читать: https://medium.com/design-pub/ux-tablic-s-kotorimi-rabotaut-chast-3-upravlenie-i-export-110fe6de533f

Как получить тестовое задание и пройти стажировку UX-дизайнером

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

Содержание статьи:

Пройдите хотя бы один курс по UX
Посоветуйтесь с наставником и определите свою сильную сторону
Начните двигаться к ближайшей высоте и качать навыки
Соберите портфолио и откликнитесь на вакансию
Начните активно участвовать в UX-сообществах
Что важно учесть при прохождении стажировки в диджитал-агентстве
Как пройти стажировку в продуктовой компании
Вывод и рекомендация

Читать: https://ux-journal.ru/kak-poluchit-testovoe-zadanie-i-projti-stazhirovku-ux-dizajnerom.html

10 шаблонов поведения для UX-дизайна

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

Приведенные ниже описания шаблонов были взяты из книги «Проектирование интерфейсов: Шаблоны для эффективного дизайна взаимодействия», написанной Дженифер Тидуэлл (Jenifer Tidwell), Чарльзом Брюером (Charles Brewer) и Эйн Валенсия (Aynne Valencia). Настоятельно рекомендую обратить внимание на эту книгу, если вы хотите узнать более подробную информацию.

Читать: https://vc.ru/design/192585-10-shablonov-povedeniya-dlya-ux-dizayna

Эволюция упаковки смартфона

Производители сотовых телефонов и смартфонов стали особенно придирчиво относиться к упаковке с момента появления первого iPhone. Именно продукция компании Apple ввела моду на стильную, тактильно приятную, минималистичную упаковку. В России и во всем мире стали популярны “распаковки” гаджета среди видео блогеров, это также стало толчком к тому, чтобы бренды стали больше внимания уделять не только цвету, размеру, материалу упаковки, но и тому, как она распаковывается, утилизовывается. Ведущий дизайнер Avito Анастасия Шелест рассказала об эволюции упаковки для смартфонов и поделилась примером дизайна упаковки для телефона от TELE2, разработанным ею в 2017 году.

Читать: https://vc.ru/design/183785-anastasiya-shelest-dizayner-evolyuciya-upakovki-smartfona