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

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

  • 30 декабря 2021

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

Дайджест продуктового дизайна, декабрь 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.
  • Обложки проектов.
  • Расстановка мебели в квартире.
  • Новогодние и рождественские открытки от Blush.

Статьи

  • Matt Herzog: Несколько подходов к динамической подрузке контента в макетах.
  • Paul Adam: Памятка по использованию шаблона A11y Annotation kit.
  • Ana Boyer: 15-дневный челлендж по прокачке навыков работы с интерактивными прототипами.

Modern fluid typography editor

Калькулятор параметров шрифта для гибкой адаптивной типографики.

dither pattern maker

Генератор текстур в стилистике дизеринга в браузере.

Sketch 81

Общий тюнинг интерфейса. Из интересного — предпросмотр изменения параметров элементов при наведение на действие. А ещё макеты можно смотреть через браузер так же, как в основном приложении.

mmmotif

Генератор изометрических паттернов в браузере. На выходе SVG.

ffflux

Генератор размытых градиентов на SVG в браузере.

ssspill

Генератор стекающих пятен краски в браузере. На выходе SVG.


Readymag

Обновления интерфейса и возможностей в 2021 году.

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

Юрий Ветров

Директор по бренду и дизайну 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

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

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

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

Input your search keywords and press Enter.