Масштабное обновление Figma

Dev Mode
Новое пространство в Figma для разработчиков. Там playground для компонент, инструменты для проверки изменений, плагины для интеграции с Jira, GitHub, Storybook и куча других крутых штук.

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

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

Autolayout
Наконец-то сделали Wrapping (автоматический перенос элементов внутри AL) и понятие минимальный/максимальный размер, что теперь позволит делать адаптивы быстрее.

Полезные ссылки:
– Запись презентации
– Страница «Чего нового»
– Страница релиза

💎 Осознанное управление личным временем

Анна Большешапова, продуктовый дизайнер из СберМаркет, поделилась личным кейсом укрощения вечного аврала на работе.

История Анны начинается с загрузки по 12 часов в день и заканчивается списком применённых фреймворков и инструментов, с помощью которых удалось выправить ситуацию.

🔗 Ссылка на статью

🌈 Проектируем функцию «история событий»

Владислав Угрюмов, UX-дизайнер из МойОфис, рассказал, как он вместе с командой проводил исследование перед проектированием очередной функциональности в продукте.

Внутри статьи:
– Изучение конкурентов;
– Проверка гипотез;
– Количественное исследование;
– Фильтрация результатов;
– Итоговое исполнение.

🔗 Ссылка на статью

⚡️ Stories в Telegram

Вот это конечно прикол. Все смеялись, говорили, что такое в телеге невозможно, а Дуров взял и сделал.

Говорят в начале июля сможем начать спамить сторьками. Ожидаю скорый прирост персональных каналов.

💎 Презентационные цветовые токены

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

Внутри статьи:
– Для чего эта коллекция;
– Варианты применения;
– Требования к токенам;
– Подходы к сбору коллекции;
– Немного про тематизацию;
– Нейминги для токенов;
– Использование в диаграммах;
– Доступность из коробки.

🔗 Ссылка на статью

🌈 Как получить оффер

Пачка хороших советов от Алексея Комарова, экс ведущего продуктового дизайнера в Сбере и IBM, которые помогут успешно пройти собеседование и получить оффер.

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

🔗 Ссылка на статью

💎 Дизайн-процесс при проектировании сложных продуктов

Полезные и очень структурированные знания по дизайн-процессу, упакованные в статью Ксении Гавриловой, дизайн-менеджера в Selectel.

Внутри статьи:
– Что такое дизайн-процесс;
– Нюансы дизайн-процесса на практике;
– Принятие и понимание задачи;
– Анализ, исследование и информационная архитектура;
– Проектирование;
– Ревью у продуктовой команды и UX-team;
– Передача в разработку;
– Авторский надзор;
– Проверка метрик успешности и корректировка курса;

🔗 Ссылка на статью

🌈 5 дизайн-экспериментов, которые помогли повысить спрос на услуги

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

Проверяемые гипотезы:
– Прайс-лист;
– Онлайн-запись;
– Раздел «Подробности»;
– Раздел «Отзывы»;
– Бонус: факапная гипотеза.

🔗 Ссылка на статью

🌈 Дизайнер и Co-Founder Pathway

Кайфовый выпуск подкаста ProductSense с Сергеем Тимофеевым, арт-директором по продуктовому дизайну в ManyChat и сооснователем Pathway.

Что обсудили в выпуске:
– Роль продуктового дизайнера;
– Взаимодействие с продактами;
– Грейды продуктовых дизайнеров;
– Запуска стартапа от идеи до продаж.

🔗 Ссылка на выпуск

💎 Sheet, dialog или snackbar — что выбрать дизайнеру?

Интересная статья Ксении Толокновой, экс дизайн лида из Ростелеком, с разбором модальных и диалоговых компонентов в мобильных приложениях.

Годный материал для новичков в мобильных интерфейсах или специалистов ДС, которые гайдируют подобные компоненты.

Внутри статьи:
– Определение терминов;
– Вариации компонентов;
– Рекомендации по применению.

🔗 Ссылка на статью

🌈 Как выбирать шрифты для финтех-продуктов

База-базная в 2-х частях от Дарьи Карпенко, UX-дизайнера в Devexperts, по выбору и применению шрифта в продуктах с большим количеством данных.

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

🔗 Ссылка на статью (часть 1)
🔗 Ссылка на статью (часть 2)

💎 Дизайн-система Gravity UI

Ребята из Яндекс Cloud релизнули свою дизайн-систему GravityUI и сделали её опенсорс.

Внутри ДС:
– Конструктор для лендингов;
– Гайды для компонентов;
– Библиотека в Figma;
– Набор иконок (600+);
– И куча фичей для разработчиков.

🔗 Ссылка на сайт

🌈 Кроссплатформенность, чтобы успеть в срок

Статья от продуктовых дизайнеров СберМаркета Насти Винокуровой и Кати Вороненко, с описанием процесса запуска сервиса доставки для кафе и ресторанов.

Внутри статьи:
– Работа в сжатых сроках;
– Резкое увеличение объёма работ;
– Неудачная работа с подрядчиком;
– Решение по переходу на кроссплатформ;
– Путь «не Mobile first»;
– Решение проблем с пушами;
– Финал с 87% положительных отзывов.

🔗 Ссылка на статью

⚡️ Яндекс Музыка выпустила десктопное приложение и провела редизайн

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

По поводу редизайна, пока что не понимаю, нравится или нет. Стилевые моменты, вроде как, классные, но не понимаю, как залез туда новый шрифт. Сам по себе новый шрифт клёвый, но в рамках экосистемы Яндекса выглядит инородно.

🔗 Ссылка на приложение

🌈 Типографика в Figma и CSS

Хорошая статья от редакторов журнала Type Today с разбором настроек шрифтов, которые работают только в Figma или только в CSS.

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

🔗 Ссылка на статью

🌈 Как рассказать о сложном интерфейсе и новых фичах

Небольшая, но полезная база UX-референсов туров, туториалов и обучений в продуктах в статье Никиты Семёнова.

Внутри статьи:
– Состав обучалок;
– Виды обучалок;
– Акценты в обучалках;
– Где обучать;
– Как взаимодействать;
– Поощрения и вознаграждения;
– Персонализация.

🔗 Ссылка на статью

🌈 Обновлённая транспортная выдача в 2GIS

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

Внутри статьи:
– UX-исследование;
– Таб «Маршруты»;
– Сравнение маршрутов;
– Выбор маршрутов;
– Карточки маршрутов;
– Промежуточные точки;
– Такси;
– Пешеходы, велики и самокаты;
– Грузовая навигация;
– Контекстные настройки и подсказки.

🔗 Ссылка на статью