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

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

  • 12 августа 2021

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

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

Курс «Паттерны дизайн-менеджмента»

1 сентября стартует шестой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.

На первых пяти отучились 300 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Dodo Pizza, Газпром, EPAM, Foodplex, inDriver, Kaspi, Klarna, Комитет, MacPaw, Mail.ru Group, ManyChat, Microsoft, Miro, Модульбанк, МТС, OneTwoTrip, Открытие, Ozon, PayPal, ПИК, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Росбанк, Россельхозбанк, Ростелеком, Сбербанк, S7, Selectel, SEMrush, Tele2, Тинькофф, TomTom, Учи.ру, Уралхим, ЦИАН, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.

Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (чистовик готов на 99%). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.

Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли.

Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп 🙂

Курс Future London Academy по продуктовому дизайну 2021

Традиционно курирую курс Future London Academy по продуктовому дизайну. Он пройдёт 24-26 августа в онлайне. В программе Native Design (Kyle Loughlin), Anaplan (Saskia Liebenberg), Huge Inc, Claire Rowland, Arrival (Jure Martinec) и Magic Leap (Daniel Nieuwenhuizen) с рассказами о дизайн-менеджменте, дополненной реальности, accessibility и современном дизайн-процессе в целом. Хотя выбраться из онлайна всё ещё не дают постоянные ограничения, но за скоро как два года пандемии научились делать его дико интересным.

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

10 Usability Heuristics Applied to Virtual Reality

Alita Joyce из Nielsen/Norman Group проанализировала интерфейс шлема виртуальной реальности Oculus Quest по 10 классическим эвристикам юзабилити Нильсена.

DarkPattern.games — Healthy Gaming. Avoid Addictive Dark Patterns

Коллекция примеров тёмных паттернов в играх. Они разбиты по типам грехов. Анонс-обзор.

Frustrating Design Patterns: Broken Filters

Виталий Фридман разбирает проблемы в интерфейсе фильтров в интернет-магазинах. Типичные проблемы и чеклист годного решения.

Improving the Tesco Loan Calculator — The Web Form Designer

Хороший пример пошагового улучшения формы расчёта кредита от Chris Annetts. Это простая на вид задача, но он хорошо обосновывает свои решения.

Case study: How Duolingo Utilises Gamification to Increase User Interest

Jasmine Bilham анализирует геймификацию в приложении Duolingo. Она органично вписывается в суть обучения и не выглядит притянутой за уши.

The Enjoyable Illusion of User Control and Freedom

Maria Meireles разбирает игру Baba is You по интерфейсным эвристикам Нильсена.

Quick tip: Everyday Accessibility

Советы Michele A. Williams по учёту требований accessibility в повседневном использовании — документах и презентациях, публикациях в соц.сетях. Вряд ли у обычного человека есть время на такую гигиену, но это возможно на уровне компании в целом.

15 Tips for Better Signup / Login UX (Illustrated)

Советы по дизайну хорошей формы авторизации от Erik D. Kennedy.

12 Common UX Pitfalls Grocery E-Commerce Sites Suffer From

Edward Scott рассказывает о новом исследовании Baymard Institute — они анализировали сайты заказа продуктов. В целом стандартные проблемы для интернет-магазинов.

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

Design System Insights: ROI Report

Крутая памятка по расчёту ROI дизайн-системы от сервиса Knapsack. Хотя она и основана на других публикациях, они собрали вместе ключевые тезисы продажи инициативы на разных этапах (первые запуски, масштабирование, выделенная команда) и привели примеры расчётов.

The 2021 Design Systems Survey

Свежий опрос Sparkbox о текущем состоянии дизайн-систем. Хороший обзор важных тем: метрики, дизайн-долг, отпочковывание систем внутри компаний. Участвовало почти 400 человек из продуктовых команд и агентств.

Knapsack — Design once, build once, use everywhere

Фреймворк для создания дизайн-систем.

What do design system product managers do?

Maya Hampton из REI рассказывает о роли менеджера продукта дизайн-системы.

Build Better Products Faster With Design Systems

Про дизайн-системы наконец-то пишет Gartner. Обзор основных тезисов от Brent Stewart и Van Baker.

How to test component interactions

Varun Vachhar описывает процесс тестирования взаимодействия пользователя с компонентами в Storybook.

Testing composite components

Varun Vachhar описывает процесс тестирования составных компонентов в Storybook.

Clarity Design Architecture Part One

Colin Miller рассказывает о крупном обновлении дизайн-системы VMWare Clarity. Как освежили визуальный язык и обновили всю платформу после этого. Вторая часть.

Co-creating our Atlassian Design System values and principles

Jennie § Yip из Atlassian рассказывает об определении принципов дизайн-системы. Они провели серию воркшопов командой.

Resilient user experience patterns — impactful designs that actually last

Памятка Mitchell Bernstein из IBM по добавлению паттернов в дизайн-систему. Он описывает набор требований в их системе Carbon.

Информационная архитектура, концептуальное проектирование, контент-стратегия

Как составить карту взаимодействия клиента со сложным B2B-продуктом: опыт «Лаборатории Касперского»

Диана Канивец и Ольга Куличкова рассказывают о процессе создания CJM для одного из продуктов Касперского. Получилась неплохая пошаговая памятка.

Problems versus dilemmas — The complex trade-offs produced by social settings

Margaret Stewart из Facebook рассказывает о сложном выборе компании в развитии продукта. Ей часто приходится решать не проблемы, где есть правильный ответ. А дилеммы, где идеального решения не существует и любое вызовет критику.

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

Figma

Можно делать разные сценарии для одного прототипа. Для каждого будет своя ссылка и описание.

Продвигают создание настольных игр внутри инструмента. Уже есть Монополия, Уно, паззлы, Тетрис, соединение 4 точек, Pictionary. Они используют плагины для создания игровой доски и бросания кубика.

Каталог открытых дизайн-систем в Figma от известных компаний.

Продолжают продвигать создание иллюстраций. Примеры: Железный человек, Loki и пузырёк.

Плагины

  • Официальная коллекция плагинов по визуальному дизайну.
  • HEIC Import: Импорт изображений в формате HEIC.

Статьи

  • Emiliano Cicero: Памятка по работе с интерактивными компонентами.

Sizze

Сервис генерирует нативное мобильное приложение на основе прототипа в Figma. История создания от авторов.

Typedream

Новый инструмент для создания сайтов в браузере.

Sketch 74

Переработаны настройки документа и общие улучшения интерфейса. Ну и выпустили новое промо.

The Print Shop Club

Эмулятор графического редактора The Print Shop в браузере. Он был выпущен для компьютера Apple II в 1984 году.

GradientArt

Инструмент позволяет делать интересные градиенты в браузере и тут же примерять их на иллюстрации, иконки и текстуры.

Unicode Arrows

Сайт собрал все возможные виды стрелок в Unicode. Кстати, можно заказать массивную цепочку с любой из них.

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

Caroline Jarrett — Surveys That Work

Rosenfeld Media выпустили книгу Caroline Jarrett «Surveys That Work» о проведении опросов. Выдержка из главы №1.

Common Research Ops Questions Answered: How to Get Headcount for Research Ops

Kate Towsey из Atlassian даёт советы по поиску дополнительных ставок в команду ResearchOps. Как обосновать их и в каких ситуациях они вообще нужны. Это в целом хорошие советы для развития любой компетенции в компании.

How to Write a Survey Question

Пошаговая памятка Jeff Sauro и Jim Lewis по формулированию вопросов в опросниках.

Why 5 Participants Are Okay in a Qualitative Study, but Not in a Quantitative One

Raluca Budiu из Nielsen/Norman Group ещё раз напоминает, что 5 респондентов достаточно только для качественных исследователей, когда вы хотите найти проблемы в интерфейсе. Если вы хотите ранжировать их или получить количественные метрики поведения пользователей — нужно приглашать больше людей.

How Many Participants for Quantitative Usability Studies — A Summary of Sample-Size Recommendations

Raluca Budiu и Kate Moran из Nielsen/Norman Group дают усреднённый ориентир в 40 респондентов для количественного юзабилити-тестирования. Конечно, эта цифра может отличаться для конкретной ситуации и желаемой точности данных, но они обосновывают это среднее.

A video format for impactful design project updates

Vivienne Kay рассказывает о подходе Shopify с короткими видео-презентациями дизайна и исследований. Это ролики по 5-10 минут, в которых автор рассказывает о текущем этапе и результатах работы. Они здорово работают в формате удалёнки.

DIY User Research for Embedded GUI Projects

Агентство Creative Navy рассказывает о быстром способе поиска основных проблем в интерфейсе. Это комбинация из изучения отзывов пользователей, общения с поддержкой и продажами, а также коротких интервью с пользователями. Он позволяет снять верхний слой проблем и получить быструю отдачу для продукта.

Creativity, Compromise, and Caffeine — Remote Research in Emerging Markets

Kate Fenimore, Deanna Graham, Andrew Riungu и Miranda Starks-Rice из Facebook рассказывают об опыте и методах удалённых пользовательских исследований на развивающихся рынках. Это постоянные проблемы со связью, оборудованием и технической грамотностью со стороны респондента, так что приходится быть изобретательными.

Campbell’s Law and the Net Promoter Score

Jeff Sauro и Jim Lewis рассказывают о законе Campbell — система измерений может провоцировать сотрудников компании накрутить её. Они разбирают проблему применительно к NPS.

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

Using HSL Colors In CSS

Памятка Ahmad Shadeed по работе с HSL-цветами в CSS.

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

  • Имитация курсора, печатающего текст.
  • Анимированные блестяшки в SVG.
  • Эффектное появление частей страницы при переходах.

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

Four Factors in UX Maturity

Sarah Gibbons, Kara Pernice, Kate Moran и Kathryn Whitenton рассказывают о 4 составляющих модели зрелости Nielsen/Norman Group: стратегия, культура, процесс и выхлоп. Для каждой свой набор ключевых аспектов.

UX Paradise, Part 3: A Day in UX Paradise

Rolf Molich описывает свою модель зрелости дизайна на примере выдуманной компании и её пути взросления. В третьей части он показывает типичный рабочий день дизайн-менеджера в зрелой компании.

Levelling up the Design Org

Matthew Godfrey рассказывает о карте компетенций компании Redgate. Это связка Google Sheets и Mural.

Redesigning our job levels for product designers

Jonathan Colman рассказывает о доработке карты компетенций дизайнера Intercom. Что не работало в первой версии и как улучшили её.

Как мы в Авито обучаем UX-редакторов

Лиза Архангельская рассказывает о процессе найма и адаптации UX-редакторов в Авито. Они начинали строить экспертизу с нуля и в статье описаны в том числе первые шаги лидера профессии.

Change Management of the Product Experience, Part 2

Scott Himmer описывает несколько полезных подходов к управлению изменениями в дизайне интерфейса. Он ссылается на годную публикацию International Federation for Information Processing с интересными моделями пользовательского опыта.

Stakeholder Mapping in a Large Organisation

Дизайн-команда британской сети магазинов Sainsbury’s использует необычных подход к карте лиц, принимающих решения.

Delivering design education during a global pandemic: lessons learned

Nicole Umphress рассказывает об адаптации программы обучения Patterns для новых дизайнеров к удалённому формату. Они представили курс в виде эмоционального пути с критическими моментами и ростом над собой, а потом разложили по этому принципу все занятия.

Кейсы

An illustration style that speaks for Indeed and reflects our brand identity

Annie Deleon рассказывает о создании унифицированного стиля иллюстраций сервиса Indeed.

Как (и зачем) мы полностью переделали интернет-банк. Опыт Альфа-Банка

Как делали редизайн интернет-банка в Альфе. Ключевые изменения в экранах и сценариях.

A process for solving workflow design problems

Justine Win рассказывает о перепроектировании интерфейса передачи учётной записи Shopify другому человеку.

Брендинг цифровых продуктов

The DixonBaxi Way

Британское брендинговое агентство Dixon Baxi выпустило серию видео о принципах работы и процессе. Они работают на стыке классического и цифрового брендинга — например, делали видео-сервисы Hulu и Pluto, финтех Capital One, а также Audible.

Spotify Dok

Айдентика проекта Spotify Dok от шведского агентства Snask.

Beforepay

Айдентика финтеха Beforepay от британского агентства Design Studio.

Clubhouse

Ребрендинг Clubhouse от британского агентства Collins (пока только тизер).

1520

Айдентика сервиса доставки еды 1520 от отечественного агентства Щука.

Plenti

Ребрендинг финтеха Plenti от британского агентства Design Studio.

История

Where did this “Interaction” come from? A Brief History of Interaction Design

История интерактивного искусства от Mahan Mehrvarz и Pouyan Bizeh. Они начинают с первых кинетических экспериментов в начале 20 века и копают до современных подходов.

Palm OS — How does it look today?

Дмитрий Елисеев поставил эмулятор Palm OS и сделал обзор основных экранов.

Тренды

How will Long-Covid Change the UX Accessibility Landscape?

Gareth Ford Williams размышляет на тему влияния эпидемии коронавируса и повальной удалённой работы в пандемию на accessibility. Появятся ли новые требования к интерфейсам в связи с новыми побочками.

50 Book Covers of 2020

Дизайнерская ассоциация AIGA выбрала 50 лучших обложек книг 2020 года.

Статистика рынка

26%

рост продаж смартфонов в мире в Q1

Xiaomi

№2 по продажам смартфонов в мире

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

Tricycle — Automation Tools for Designers

Jordan Singer опубликовал серию плагинов для Figma, работающих по принципам алгоритмического дизайна. Они могут сгенерировать интерфейс по текстовому описанию, превратить набросок в макет на базе компонентов и причёсывать макеты. Анонс от автора.

CopyAI — Create Marketing Copy In Seconds

Автоматический генератор рекламных текстов в разных форматах — от баннера до промо-сайта.

Ai SEO

Сервис автоматически генерирует осмысленные тексты с ключевыми словами на базе ruGPT3. Анонс.

The Future of UX Design

Мнения экспертов UXmatters о будущем профессии дизайна интерфейсов. Неплохая провязка с тем, что было 30-40 лет назад и будет дальше. Хотя и без каких-то ярких футуристичных вещей.

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

Are UI Tips the New Clickbait for Designers?

Graeme Fulton отмечает, что за последние годы жанр простых советов для дизайнеров расплодился до невиданных размеров. В большинстве случаев это, к сожалению, некачественные советы.

Дмитрий Карпов — Мышление как инструмент

Издательство Манн, Иванов, Фербер готовит к выпуску книгу Дмитрия Карпова «Мышление как инструмент». Она посвящена дизайн-мышлению и креативному мышлению в целом. Выдержка одной из глав.

How To Learn Stuff Quickly

Крутой подход Josh W Comeau к самообучению. Он совмещает использование обучающих материалов и эксперименты. В статье описывается их правильное чередование.

UX Bullshit

Генератор околодизайнерского булшита — идиотские методы, слоганы и сервисы.

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

Канон ВКонтакте

Дизайн-команда ВКонтакте опубликовала свою внутреннюю базу знаний. Это сокращённая версия, а вот что есть в полной.

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