Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-октябрь 2021.
Исследование: Отношение к продуктовым дизайн-командам в России
Четвёртый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? С прошлого года результаты стали открытыми (результаты за 2020, 2019 и 2018).
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Паттерны и лучшие практики
Steven Hoober — Touch Design for Mobile Interfaces
Smashing Magazine выпускают книгу Steven Hoober «Touch Design for Mobile Interfaces». Она посвящена особенностям интерфейсов для мобильных сенсорных экранов. Анонс и обзор.
SaaS UX: 5 Ways to Improve the Scannability of the Plan Matrix
Советы Sally Collins из Baymard даёт советы по проектированию сложных таблиц сравнения тарифных планов.
How to design great keyboard shortcuts
Памятка по проектированию горячих клавиш в интерфейса от Sam Seely. Как выбирать сочетания, как обучать пользователя, как избегать конфликтов.
Michael Flarup — The App Icon Book
Известный на Dribbble дизайнер Michael Flarup готовит книгу-коллекцию «The iOS App Icon Book». Она собрала лучшие примеры иконок приложений для iOS.
How Designers Can Prevent User Errors
Памятка Jordan Bowman по предотвращению ошибок в интерфейсе.
Letting users tick a ‘none’ checkbox
Frankie Roberto рассказывает, зачем Gov.uk внедрили отдельный чекбокс для ситуаций, когда пользователь не выбирает ни одно из значений. Где-то важно иметь явный отказ, где-то это помогает менее опытным пользователям.
UI cheat sheet — Accordions
Памятка по использованию аккордионов в интерфейсах от Tess Gadd.
Дизайн-системы и гайдлайны
Adaptive, accessible and automated colour for Design Systems
Lucas Zhang рассказывает о создании сложной адаптивной цветовой палитры в дизайн-системе Societe Generale, которая соответствует требованиям accessibility. Она подстраивается под цвет фона.
4 ways to document your design system with Storybook
Varun Vachhar показывает разные способы настройки Storybook для описания принципов дизайна и других важных разделов помимо самих компонентов. Описание компонентов можно также встроить в любой другой живой гайдлайн.
Design Systems are for user interfaces
Brad Frost рассуждает на тему того, должны ли дизайн-системы включать информацию помимо интерфейсов.
Tamagui — React Native + Web UI kit
Фреймворк для создания дизайн-систем на React Native.
Понимание пользователя
Is your MVP design minimal and viable? ensuring everyone gets VALUE — Behavioral Design Models
Nacho Parietti предлагает три модели описания поведения пользователей, которые сделают MVP более успешным. Они опираются на связь поведения и ценности для людей.
Before You Design Slack Experiences, Do This
Justin Rheinfrank из Salesforce подсвечивает разницу в проектировании обычных интерфейсов и ботов/плагинов для мессенджеров. Конкретные отличия этого контекста жизни пользователя.
Accessibility Myths
Мини-сайт собирает мифы и заблуждения о поддержке accessibility.
Новые инструменты дизайна интерфейсов
Figma
Плагины
- Automator: Jordan Singer запускает новый мега-плагин, который позволит автоматизировать серии повторяющихся действий. Как и для чего он делается.
- Ghost: Превращает макет в схематичный экран загрузки.
- SVG Motion: Позволяет анимировать линии в иллюстрациях.
Статьи
- Przemyslaw Baraniak: Написал книгу внутри Figma и делится опытом.
CSS Shadow Palette Generator
Генератор мягких и аккуратных теней в вебе. Можно получить CSS-код. Анонс от автора.
llline
Генератор аккуратных кривых в SVG в браузере.
Пользовательские исследования и тестирование
Кэрол М. Барнум — Основы юзабилити-тестирования
Издательство ДМК Пресс готовит к выходу перевод второго издания известной книги Кэрол Барнум «Основы юзабилити-тестирования». Первое издание появилось 11 лет назад.
Now I Tell Me: A Decade of Career Advice for My Past Self
Logan Wells из Meta / Facebook делится профессиональными наблюдениями за 10 лет карьеры UX-исследователя, которые помогли ему выстроить хорошую связку с продуктовыми командами.
Censuses, Polls, Surveys, and Questionnaires — How Are They Different?
Jeff Sauro и Jim Lewis разбирают разницу между количественными методами исследований: перепись населения, соц.опрос, анкетами и опросниками.
Recruiting and Screening Candidates for User Research Projects
Советы Therese Fessenden из Nielsen/Norman Group по рекрутингу респондентов для пользовательских исследований.
Визуальное программирование и дизайн в браузере
Adding A Dyslexia-Friendly Mode To A Website
John C Barstow показывает, как адаптировать сайт для пользователей с дислексией. Это отдельный переключатель режима работы.
A Guide To Modern CSS Colors With RGB, HSL, HWB, LAB And LCH
Обзор современных подходов к описанию цветов в CSS от Michelle Barker. Особенности использования, поддержка в браузерах и другие полезные детали.
Towards an animation smoothness metric
Michal Mocny, Behdad Bakhshinategh и Jonathan Ross рассуждают на тему метрик для плавной анимации в вебе. Как можно оптимизировать её.
Icons in Pure CSS
Anthony Fu показывает, как сделать иконки на чистом CSS.
Which SVG technique performs best for way too many icons?
Tyler Sticka сравнивает разные способы вывода SVG-иконок на сайте с точки зрения производительности.
The EyeDropper API — Pick colors from anywhere on your screen
В Chrome 95 появился встроенный инструмент для выбора цвета. Как использовать его в своих сервисах.
Новые скрипты
Метрики и ROI
Campbell’s Law — The Dark Side of Metric Fixation
Page Laubheimer и Kate Moran рассказываеют о законе Кэмпбела — он говорит о том, как и почему метрики подвержены манипуляциям. И что делать, чтобы нивелировать этот эффект.
Дизайн-менеджмент и DesignOps
DesignOps: Study Guide
Nielsen/Norman Group сделали структурированную подборку своих статей о дизайн-менеджменте.
UX-Maturity Stage 4: Structured
Kate Kaplan описывает четвёртый уровень зрелости дизайна в фреймворке Nielsen/Norman Group.
Кейсы
Johnson & Johnson’s Intranet Consolidation and Roadmap
Anna Kaley из Nielsen/Norman Group рассказывает о редизайне интраненета компании Johnson & Johnson.
Build the thing: an IA model for organizing documentation
Graham F. Scott рассказывает о переосмыслении информационной архитектуры сайта для разрабочиков Shopify.
История
The Daily Heller: The Assistant, Jayme Odgers, Works for Paul Rand
Jayme Odgers, ассистент легендарного дизайнера Paul Rand, рассказал много интересных деталей о его рабочем процессе и взаимоотношениях с клиентами. Он делал упор на своё видение и не вовлекал клиента в процесс. Хотя получалось легендарно.
Тренды
UI design trends of today and how to apply them in your apps
Sidney Alcantara сделала шикарный обзор трендов в базовом оформлении самых популярных операционных систем: Android, iOS, Windows и MacOS. Как и почему они приходят к контурным иконкам для лучшего сочетания с основным шрифтом, учёту темы оформления пользователя, современным цветовым палитрам вроде LCH, более мягким скруглениям, адаптивной типографике и другим деталям.
Shutterstock 2022 Color Trends: The Year’s Top Colors
Цветовые тренды 2022 года от Shutterstock: успокаивающий коралловый, бархатный фиолетовый и тихоокеанский розовый.
The State of UX in 2022
Ежегодный обзор трендов в профессии от журнала UX Collective, которые перебирают приличное количество публикаций за год.
Голосовые интерфейсы
Types of design tools for voice user interfaces and how to use them
Jesús Martín из Amazon Alexa описывает несколько базовых инструментов для описания сценариев общения с голосовым помощником.
Материалы конференций
DesignOps Summit 2021 Resource List
Конференция DesignOps Summit 2021 прошла c 29 сентября по 1 октября в онлайне. Rosenfeld Media собрали тонну ссылок и других материалов к каждому выступлению.
Подпишитесь на дайджест в Facebook, ВКонтакте, Телеграме или на vc.ru ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
1 comment
Юрий, большое спасибо за вашу работу! Как всегда море полезного и интересного 👍🏻👍🏻