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

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

  • 31 марта 2022

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

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

Паттерны и лучшие практики

Building like it’s 1984: A comprehensive guide to creating intuitive context menus

Советы по проектированию взаимодействия с контекстными меню от Michael Villar из сервиса Height.

Что считать счастьем покупателя?

Артём Фомин рассказывает о методике расчёта «счастья пользователя» в Яндекс Маркете. Они описали несколько моделей поискового поведения и отмечают успешные и проблемные места в них.

Travel Accommodations UX — 3 High-Level UX Takeaways from 992 Hours of Testing Leading Travel Accommodations Sites

Baymard провели большое пользовательское исследование сервисов бронирования гостиниц. Sally Collins даёт советы по проектированию поиска в совмещённом режиме карты и списка.

Starling vs Monzo — the overdraft showdown

Peter Ramsey обновил свой анализ интерфейса одобрения перерасхода денег в британских необанках Starling и Monzo.

Using QR Codes In Your Business — Best Practices And Pitfalls

Советы по грамотному использованию QR-кодов в офлайне и интерфейсах от Станислава Хрусталёва.

Delighting the Customer

Советы по проектированию «восхитительных моментов» в интерфейсе от John Dilworth из Lucid Software.

11 best practices for planning tool UX design

Советы по проектированию интерфейсов планирования задач и времени от агентства Creative Navy.

What makes writing more readable?

Rebecca Monteleone и Jamie Brew пошагово показывают, как они упрощают тексты для лучшей читабельности. Для английского, но и для русского многие вещи применимы.

UX and Net Promoter Benchmarks of Seller Marketplace Websites

Jim Lewis и Jeff Sauro рассказывают о сравнительном пользовательском исследовании сайтов частных объявлений.

Direct-to-Consumer UX Benchmark — 5 Common DTC Pitfalls

Kathryn Totz рассказывает о свежем исследовании сайтов интернет-магазинов конкретных брендов. Она приводит типичные проблемы.

An accessibility review of the new Medium site

Sheri Byrne-Haber анализирует новый интерфейс с точки зрения accessibility и это провал. Да и для обычных пользователей это шаг назад относительно изначальной идеи фокуса на контенте.

Дизайн-системы и гайдлайны

Component Encyclopedia

Storybook запустили «энциклопедию компонентов» — это каталог открытых живых гайдлайнов крупных компаний на базе фреймворка. Анонс с обзором самых интересных.

Design system versioning: single library or individual components?

Brad Frost разбирает плюсы и минусы двух подходов к версионированию дизайн-систем — весь фреймворк или отдельные компоненты. Сам он обычно использует первый подход.

Тёмная тема оформления

Building an adaptive favicon

Adam Argyle показывает, как сделать адаптивную фавиконку.

The Practical Guide to Naming Design Tokens

Lukas Oppermann подробно разбирает принципы именования токенов в дизайн-системах.

Supernova

Переосмыслили инструмент в сторону менеджера дизайн-систем. Он помогает хранить константы в едином месте и экспортировать их в Figma и компонентные фреймворки.

story.to.design

Сервис генерирует шаблоны в Figma из компонентов на React, которые описаны в Storybook.

Functions and the future of design systems

Matthew Ström пишет о разнице между дизайн-системой как словарём с заранее определёнными требованиями и набором функций, которые генерируют значения для конкретной ситуации.

Make your design system accessible, part 1: Color

Lukas Oppermann начал серию статей о поддержке accessibility в дизайн-системах. В первой части разбирает цвет.

Interaction testing in Storybook

Как работает интерактивное тестирование компонентов в Storybook.

Сбер Nova — Дизайн-система Сбербанк Онлайн

Дизайн-система Сбербанк Онлайн для iOS и Android. Это промо-сайт со ссылками на ранее запущенный сайт и другие страницы, компоненты недоступны снаружи.

California Design System

Дизайн-система государственных органов Калифорнии.

CSSUI — Pure CSS interactive components

Коллекция компонентов интерфейса на чистом CSS.

Material Design

  • Как нашли подход к динамическому созданию цветовых палитр из основного цвета темы оформления.

Новые инструменты дизайна интерфейсов

Figma

Февральские обновления. Больше про FigJam, но в основном инструменте улучшили поиск.

О работе над обновлёнными комментариями. Интересные выкладки из аналитики использования.

Adobe XD

Greg Lewis был большим фанатом инструмента. Он пытается понять, когда и почему команда перестала делать большие и важные обновления.

Pattern Collection

Коллекция фоновых текстур для вдохновения.

Sketch 83

Новый интерфейс настроек углов фигур и другие обновления.

hue.tools

Инструменты для работы с цветом в браузере. Разные способы смешивания и других манипуляций.

Non-Boring Gradients

Генератор градиентов в CSS в браузере, который позволяет тонко настраивать их.

The.com

Новый конструктор сайтов в браузере. Концепция интересная — можно брать любые блоки из сайтов, опубликованных на платформе.

pppointed

Генератор стрелок в SVG в браузере.

Medieval Fantasy City Generator

Генератор карт средневековых городов.

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

Opening the gates — Addressing concerns about research repositories broadening access to insights

Шикарный обзор проблем в использовании базы знаний и инсайтов из пользовательских исследований от Jake Burghardt. Что может пойти не так и какие проблемы у этих данных.

Why Collect Task- and Study-Level Metrics?

Jeff Sauro и Jim Lewis описывают разницу между метриками конкретного сценария и всего исследования в целом. Какие задачи они решают и как их выбирать.

Evaluate Interface Learnability with Cognitive Walkthroughs

Kim Salazar из Nielsen/Norman Group рассказывает о методе когнитивного пошагового анализа интерфейса. Это позволяет обнаружить часть проблем в экспертным путём.

What We Talk About When We Talk About Data

Larry S. McGrath рассказывает о методе исследования метафор в голове у пользователей. На примере изучения понятия «данные» в Meta.

Secondary Research in UX

Майя Азарова из Nielsen/Norman Group описывает метод вторичных исследований, когда ведётся работа с уже проводившимися ранее исследованиями.

Gregg Bernstein — Research Practice

В начале 2021 года вышла книга Gregg Bernstein «Research Practice» о современных подходах в пользовательских исследованиях.

Визуальное программирование и дизайн в браузере

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

  • Генеративные текстуры на SVG.

Дизайн-менеджмент и DesignOps

How to Create a UX-Vision Statement

Kate Kaplan из Nielsen/Norman Group описывает процесс совместной работы над видением дизайна в компании. Это рабочая сессия, которая вовлекает разные роли.

Hiring Interviews Are Terrible — Smart UX Teams Structure Them

Evan Sunwall из Nielsen/Norman Group описывает структурированный подход к собеседованиям дизайнеров.

How We Defined the Design Principles for the Salesforce Developer Experiences

Ariana Escobar описывает подход к определению принципов дизайна Salesforce. Необычно, что они делают это с пользователями — они отмечали яркие моменты в работе с продуктами.

Why Teams Love This Virtual Design Review

Michelle Veneracion описывает процесс виртуальной сессии дизайн-критики в Salesforce. Участники разбиваются на роли (историк, критик, адвокат, оптимизатор) и дают комментарии по прототипу через свою призму.

Зачем нужен дизайн-менеджер и как им стать

Егор Краснопёров рассказывает о появлении роли дизайн-менеджера в ManyChat. Что он делает в компании и через какие этапы проходил процесс.

Lean UX & Agile — Study Guide

Nielsen/Norman Group сделали структурированную подборку своих статей о UX в agile- и lean-командах.

Leading UX Research Teams — 4 Tips for Researchers Who Manage Researchers

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

Rachel McConnell — Leading Content Design

A Book Apart готовят к выходу книгу Rachel McConnell «Leading Content Design». Она посвящена управлению редактурой в компании.

Джули Чжо — Из чего сделан менеджер

Оказывается, книгу Julie Zhuo «The Making of a Manager» для начинающих дизайн-менеджеров перевели на русский ещё в 2020 году.

Продуктовый менеджмент и аналитика

Christian Crumlish — Product Management for UX People

Rosenfeld Media выпускают книгу Christian Crumlish «Product Management for UX People. From Designing to Thriving in a Product World» об управлении продуктами для дизайнеров. Выдержка из главы 1.

Кейсы

Что такое дизайн в корпоративно-инвестиционном банкинге — на примере приложения Райффайзен Бизнес Плюс

Никита Маврин рассказывает о проектировании мобильного приложения Райффайзен Банка для топ-менеджеров клиентов.

История

54 years ago, a computer programmer fixed a massive bug — and created an existential crisis

Рассказ о Charles Kiesling, который придумал идею мигающего курсора для ввода текста примерно в 1968 году. Перевод.

Gui Bonsiepe — Framing Design as Interface

История Gui Bonsiepe — немецкого дизайнера, повлиявшего на интерфейсы.

Тренды

Shutterstock 2022 Creative Trends — Data-driven Insights

Тренды в фотографии от Shutterstock.

Optimism and defiance — The Adobe Stock 2022 Creative Trends forecast

Тренды в фото и графике от Adobe Stock.

Don Norman — Design for a Better World

MIT Press готовят к выходу книгу Don Norman «Design for a Better World: How to create a meaningful, sustainable, and humanity-centered future». Содержание, выдержка из вводной части и главы 22.

Алгоритмический дизайн

What is Generative Art?

Фантастическая статья Amy Goodchild о природе генеративного искусства. Она разбирает её три ключевых составляющие: случайность, правила и природные системы.

Голосовые интерфейсы

Hey, Alexa! Are you trustworthy?

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

Автомобильные интерфейсы

  • Casper Kessels провёл эксперимент с управлением свайпом для информационной системы авто. Потенциально он отвлекает от движения меньше.

Для общего и профессионального развития

Debbie Milman — Why Design Matters

Вышла книга Debbie Milman «Why Design Matters». Это полсотни интервью с дизайнерами.

Люди и компании в отрасли

Jobfished — the con that tricked dozens into working for a fake design agency

Дикая история мошенника Ali Ayad, который создал фейковое дизайн-агентство Madbird, в котором бесплатно работали 50 человек. Перевод.

Подпишитесь на дайджест в 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. Подробнее обо мне.

Другие статьи по теме
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
Дайджест продуктового дизайна, июнь 2022
View Post
  • Дайджест

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

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

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

  • Юрий Ветров
  • 12 июня 2022

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

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

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

Input your search keywords and press Enter.