Юрий Ветров об интерфейсах
  • Главная
  • Статьи
  • Дайджест
  • Конференции
  • Дизайн-менеджмент
  • Дизайн-системы
  • Заметки
  • О блоге
Юрий Ветров об интерфейсах
Юрий Ветров об интерфейсах
  • Главная
  • Статьи
  • Дайджест
  • Конференции
  • Дизайн-менеджмент
  • Дизайн-системы
  • Заметки
  • О блоге

Дайджест продуктового дизайна, ноябрь 2021

  • 13 декабря 2021

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

Дайджест продуктового дизайна, ноябрь 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 в браузере.

Sketc h 79 и 80

Общий тюнинг интерфейса. Например, улучшенная навигация.

Пользовательские исследования и тестирование

Кэрол М. Барнум — Основы юзабилити-тестирования

Издательство ДМК Пресс готовит к выходу перевод второго издания известной книги Кэрол Барнум «Основы юзабилити-тестирования». Первое издание появилось 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 появился встроенный инструмент для выбора цвета. Как использовать его в своих сервисах.

Новые скрипты

  • Левитирующее меню как в играх через HTML+CSS+JavaScript.
  • Генеративные текстуры на CSS.
  • Аналог анимации для раздела хитов Apple Music на CSS.

Метрики и 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 ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.

Юрий Ветров

Директор по бренду и дизайну Muse Group, ранее — Райффайзен Банка и Mail.ru Group. Я руковожу несколькими командами, которые отвечают за дизайн бренда и интерфейсов. Веду блог и курс о дизайн-менеджменте, делаю дайджесты, со-организовывал Fintech Design Conf, Mail Design Conf и московский Dribbble Meetup, Russian Design Cup, читаю лекции в Британке, курирую курс Future London Academy в Лондоне, публикуюсь на Smashing Magazine, UXmatters и UX Collective. Подробнее обо мне.

Другие статьи по теме
Дайджест продуктового дизайна, февраль 2023
View Post
  • Дайджест

Дайджест продуктового дизайна, февраль 2023

  • Юрий Ветров
  • 10 марта 2023
Дайджест продуктового дизайна, январь 2023
View Post
  • Дайджест

Дайджест продуктового дизайна, январь 2023

  • Юрий Ветров
  • 19 февраля 2023
View Post
  • Дайджест

Дайджест продуктового дизайна, декабрь 2022

  • Юрий Ветров
  • 22 января 2023
Дайджест продуктового дизайна, ноябрь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, ноябрь 2022

  • Юрий Ветров
  • 9 декабря 2022
Дайджест продуктового дизайна, октябрь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, октябрь 2022

  • Юрий Ветров
  • 16 ноября 2022
Дайджест продуктового дизайна, сентябрь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, сентябрь 2022

  • Юрий Ветров
  • 16 октября 2022
Дайджест продуктового дизайна, август 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, август 2022

  • Юрий Ветров
  • 1 сентября 2022
Дайджест продуктового дизайна, июль 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, июль 2022

  • Юрий Ветров
  • 8 августа 2022
1 comment
  1. Настя:
    21 декабря 2021 в 9:28

    Юрий, большое спасибо за вашу работу! Как всегда море полезного и интересного 👍🏻👍🏻

    Ответить

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Юрий Ветров об интерфейсах
Дизайн-менеджмент цифровых продуктов, © 2007-2018

Input your search keywords and press Enter.