Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-ноябрь 2021.
Исследование: Отношение к продуктовым дизайн-командам в России
Четвёртый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? С прошлого года результаты стали открытыми (результаты за 2020, 2019 и 2018).
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Паттерны и лучшие практики
Design-Pattern Guidelines: Study Guide
Nielsen/Norman Group сделали структурированную подборку своих статей об описании дизайн-паттернов.
Human-AI interaction — Intermittent, continuous, and proactive
Niels van Berkel, Mikael Skov и Jesper Kjeldskov описывают три типа взаимодействия с интеллектуальными системами.
A guide to the visual language of closed captions and subtitles
Большая памятка Gareth Ford Williams по грамотной вёрстке субтитров для фильмов и другого видео-контента.
A UX case study on Cash App
Peter Ramsey анализирует интерфейс регистрации в платёжном сервисе Cash App.
How GUI design lowers strain and fatigue
Короткие советы по снижению физической и ментальной нагрузки на кассиров от агентства Creative Navy.
Designing Better Links For Websites And Emails: A Guideline
Памятка Славы Шестопалова из ELEKS по оформлению ссылок в вебе и почтовых рассылках.
Your guide to smartwatch interface design: designing for all
Подробная памятка по дизайну интерфейса умных часов от Avinash Bussa. Перевод.
12 Days of UXmas
Небольшая коллекция хороших интерфейсных паттернов.
Defining Mobile Devices
Выдержка из книги Steven Hoober «Touch Design for Mobile Interfaces».
The Home of Object Oriented UX
Сайт, посвящённый методологии OOUX (Object-Oriented UX).
How to Build a Better Product Using Object-Oriented UX: Part Three
Памятка Nikki Davis по проектированию интерфейсов по методологии OOUX (Object-Oriented UX).
Дизайн-системы и гайдлайны
UI Testing Handbook — Storybook Tutorials
Подробная методичка Storybook по тестированию компонентов дизайн-систем.
Тёмная тема оформления
Auto Dark Theme
Chrome экспериментирует с автоматическим созданием тёмной темы для сайтов. Пока получается не очень.
Component Encyclopedia sneak peek
Storybook готовят к запуску энциклопедию компонентов — она агрегирует дизайн-системы разных компаний на фреймворке. Можно посмотреть кучу реальных примеров для каждой ситуации.
Design Systems Prepare You for Change
Dan Mall пишет об особой ценности дизайн-систем при изменениях в компании — ребрендинг, слияние и другие масштабные обновления.
Flexible colors and themes for data visualizations
Miru из Shopify рассказывает о создании гибкой цветовой палитры Shopify для визуализации данных.
The tortuous journey of enhancing our color palette
Jérôme Benoit рассказывает о переделке цветовой палитры в дизайн-системе медицинского сервиса Doctolib.
Material Design Award Winners 2021
Лучшие приложения на Material Design 2021 года.
DoodleCSS
Тема оформления для форм в виде условного наброска.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Джим Калбах — Путь клиента
Манн, Иванов, Фербер и лаборатория Wonderfull выпустили перевод второго издания книги Джима Калбаха «Путь клиента». Выдержка из главы №2.
Journey-Mapping Impact: Research Findings
Alita Joyce рассказывает об опросе 300 специалистов по интерфейсам о том, как они создают Customer Journey Map и что нужно для успеха процесса.
Новые инструменты дизайна интерфейсов
Figma
Статистика по использованию инструмента в 2021 году. Самые популярные шрифты, форматы работы и т.п. Они также раздали персональную статистику активным участникам сообщества.
Расширили возможности плагинов, которые смогут проще принимать параметры.
Amazon запускают инструмент Amplify Studio для облака AWS, который помогает сделать веб-сервис на React из прототипа в Figma.
Плагины
- Ghost: Превращает макет в схематичный экран загрузки.
- Uno Platform: Плагин для фреймворка кросс-платформенной разработки.
- SVG Motion: позволяет анимировать линии в иллюстрациях.
Шаблоны
- MacOS 9. В целом интересный хобби-проект с историей.
- Итоги 2021 года Spotify.
- Обложки проектов.
Статьи
Modern fluid typography editor
Калькулятор параметров шрифта для гибкой адаптивной типографики.
dither pattern maker
Генератор текстур в стилистике дизеринга в браузере.
Sketch 81
Общий тюнинг интерфейса. Из интересного — предпросмотр изменения параметров элементов при наведение на действие. А ещё макеты можно смотреть через браузер так же, как в основном приложении.
mmmotif
Генератор изометрических паттернов в браузере. На выходе SVG.
ffflux
Генератор размытых градиентов на SVG в браузере.
ssspill
Генератор стекающих пятен краски в браузере. На выходе SVG.
Design tool performance signatures
Анализ производительности разных инструментов дизайна и нагрузки на центральный и графический процессор.
UI Store Design
Огромный каталог бесплатных UI Kit для всех популярных инструментов дизайна: Adobe XD, Sketch, Figma, InVision Studio, Photoshop.
Free Christmas Design Assets
Коллекция бесплатных новогодних иллюстраций.
Paper Prototyping — A Cutout Kit
Шаблоны для бумажного прототипирования от Nielsen/Norman Group.
Пользовательские исследования и тестирование
Quantitative Concept Testing
Leah Acosta, Caroline Kim и Ryan Finch из Meta описывают метод количественного исследования концепций на ранней стадии, когда конкретной визуализации нет (да и она только вредит).
Осознать и уменьшить когнитивные искажения в исследованиях пользователей
Эмилия Городовых из Контура описывает когнитивные искажения у команды, которые важно отловить в процессе пользовательских исследований.
When to Use Context Methods — Field and Diary Studies
Kate Moran и Maria Rosala из Nielsen/Norman Group приводят особенности контекстных методов пользовательских исследований — полевых и дневниковых.
Quant Diary Studies: An Introduction
Cata Torre рассказывает об опыте проведения количественных дневниковых исследований в Meta.
Creating space for design in Agile
Советы Julia Lauer, Maddy Barr, Lauren Ciulla и Conner Sinjem из IBM о том, как продать agile-команде важность предварительных исследований. Как известно, они часто не вписываются в чистый agile-процесс.
Select-All-That-Apply versus Yes/No Forced Choice Items
Jim Lewis и Jeff Sauro анализируют формы опросов, где пользователь должен точно выбрать «да» или «нет» в списке вопросов. Это в целом помогает повысить процент ответов, хотя усложняет интерфейс.
Визуальное программирование и дизайн в браузере
WCAG 3 is not ready yet — And it won’t be for quite some time
Обзор Eric Eggert ключевых изменений в черновике стандарта WCAG 3 по поддержке accessibility.
Новые скрипты
- Необычная навигация по фотогалерее, когда колонки крутятся в разные стороны.
- Пиксельная текстура в браузере.
Дизайн-менеджмент и DesignOps
UX-Maturity Stage 5: Integrated
Kate Kaplan описывает пятый уровень зрелости дизайна в фреймворке Nielsen/Norman Group.
Командное взаимодействие
Ask these 3 quick questions to spark your team’s creativity
Ask these 3 quick questions to spark your team’s creativity
История
A Canon of User Experience
Peter J. Bogaards собрал список ключевых статей и ссылок, повлиявших на дисциплину UX. От первых публикаций Vannevar Bush до относительно современных книг.
The history of data journalism
Brant Houston достаточно подробно описывает историю журналистики, основанной на данных. Хронология расписана с середины 20 века.
Тренды
Тренды 2022 года
В последние годы я делаю боль-мень обстоятельный разбор трендов этого и следующего года. Но в 2021 году положил все силы на завершение книги и полную переделку курса по дизайн-менеджменту (спойлер: в миллиметре от финиша). Поэтому сделаю просто обзор того, что прогнозируют на следующий год и чем отметился уходящий.
The 10 biggest design trends of 2021
EditorX проанализировали главные тренды 2021 года, которые повлияют на дизайн в 2022 году.
Pantone Color of the Year 2022
Pantone объявили цвет 2022 года: Very Peri (почти фиолетовый).
2021 Design Tools Survey
Ежегодное исследование команды UXTools на тему самых востребованных инструментов для дизайна интерфейсов. Продолжается доминирование Figma и стремительное падение Sketch и InVision. Интересной будет схватка Miro и FigJam, хотя тут шансов у Фигмы меньше. Они также стали уделять больше внимания инструментам для UX-исследований.
Depositphotos Creative Trends 2022 — Merging the future and the past
Тренды 2022 года от Depositphotos.
22 inspiring web design trends for 2022
Тренды и итоги года 2022 года от Webflow.
Top Graphic Design Trends 2022 — Raising the Game
Тренды в дизайне 2022 года от сайта GraphicMama.
Claymorphism in user interfaces
Michal Malewicz продолжает серию собственных названий трендов — теперь это «пластилиноморфизм». Плюшевые формы и тени у объектов.
InVisions 2022 Trend Report
Тренды 2022 года от InVision.
The Most Frequently Used Emoji of 2021
Jennifer Daniel из Unicode анализирует самые популярные эмоджи в 2021 году.
Fjord Trends 2022 — Emerging Trends & Challenges
Тренды от Fjord.
8 of the Best Book Covers of 2021
AIGA составили выбрали лучшие обложки книг 2021 года по мнению известных дизайнеров.
2021: Projects of the Year
Readymag собрали лучшие проекты 2021 года.
The 7 most overhyped trends of 2022
Fast Company перечислили самые перегретые тренды 2022 года. Они в целом знакомы, но панчи хорошие.
Instagram Trends for 2022 — See What’s Trending for Gen-Z in 2022
Тренды 2022 года от Instagram.
Алгоритмический дизайн
GLIDE
Экспериментальный инструмент от команды OpenAI редактирует готовые изображения по текстовому описанию. Исходный код.
Dream by WOMBO
Генератор абстрактного искусства по текстовому описанию в нескольких стилистиках. Один из самых эффектных среди всех подобных инструментов.
HyperStyle
Экспериментальный инструмент для изменения возраста и внешности с помощью алгоритмического дизайна.
Animated Drawings
Экспериментальный инструмент от Meta анимирует детские рисунки персонажей.
Голосовые интерфейсы
VUIchallenge — A challenge a day to become a VUI designer
Набор упражнений для прокачки навыков проектирования голосовых интерфейсов от Jesús Martín из Amazon Alexa.
Amazon’s Voice-Controlled Smart Speaker Alexa Can’t Hold Customer Interest
Bloomberg получила внутренние документы Amazon, которые говорят, что значительная часть пользователей просто ставит музыку и таймер на умных колонках, не особо пользуясь остальными функциями. Выдержки.
Is Gesture Interaction a Valid Alternative To Touch Interaction in Cars?
Casper Kessels анализирует пользу и простоту обучения управлению жестами в автомобильных интерфейсах. Хотя они, по идее, не отвлекают от вождения, всё не так просто — в повседневных интерфейсах пользователи редко видят их, так что не могу сформировать привычки.
The UI fund
Chrome запустил фонд для грантов тем, кто экспериментирует с инструментами дизайна и компонентами в вебе.
Для общего и профессионального развития
Made by Design
Netflix запускает документальный сериал про африканский дизайн.
Fonts Knowledge
Google Fonts запустили серию обучающих материалов по работе с шрифтами в вебе и в целом.
Люди и компании в отрасли
Inside Apple Park — first look at the design team shaping the future of tech
Рассказ о дизайн-команде и процессе Apple. В статье много фотографий рабочих мест и экспериментов с устройствами.
Подпишитесь на дайджест в Facebook, ВКонтакте, Телеграме или на vc.ru ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
