Дайджест продуктового дизайна – Telegram
Дайджест продуктового дизайна
58.5K subscribers
117 photos
19 videos
625 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах.

Все выпуски — https://jvetrau.com/category/digest/
ВК — https://vk.com/pdigest

РЕКЛАМЫ НЕТ.
Download Telegram
1 сентября стартует восьмой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых семи отучились почти 500 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Clay, Газпром, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Foodplex, HeadHunter, inDriver, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Луч, MacPaw, Mail.ru Group, Манго Офис, ManyChat, М.Видео, Microsoft, Miro, Модульбанк, МТС, Okko, OneTwoTrip, Opera, Открытие, Ozon, PayPal, ПИК, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Tele2, Тинькофф, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.
 
Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (идёт подготовка к печати). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.
 
Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.
 
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
 
#management
Собрал дайджест продуктового дизайна за июль 2022. Тарифные сетки, шпаргалка по исследованиям, первый обзор трендов, тёмная тема, таксономия, субкомпоненты и анимация в дизайн-системах, методы для воркшопов, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
ВКонтакте
RSS
До старта восьмого потока моего курса «Паттерны дизайн-менеджмента» осталась пара недель, так что прогрею атмосферные слои пачкой свежих ссылок на тему:

1. Alicja Suska: Шикарная инструкция по пополнению и разбору дизайн-долга. Это продолжение её серии статей на тему — они собраны на сайте Design Debt 101.
 
Вдогонку к этому: Советы Lyft по описанию багов в интерфейсе. Как передать суть проблемы структурированно.
 
2. Atlassian: Памятка по планированию в Jira для дизайнеров.
 
3. Dovetail: Проанализировали несколько моделей зрелости пользовательских исследований и предложили неплохой фреймворк на основе подхода Nasdaq.

В другой статье Janelle Ward даёт советы по повышению этого уровня. Она рассматривает первые шаги на уровне компании, продукта и самого исследователя.
 
4. M3ta: Роль дизайн-менеджера. В компании их уже больше 150 человек.
 
5. Salesforce: Роль дизайн-стратега. Главная польза от него — объединение команд вокруг конкретной цели и упаковка сложных концепций во фреймворки, которые облегчают их понимание.
 
6. IBM: Критерии для повышения дизайнер-менеджера до высокой руководящей роли в компании.
 
7. Peter Merholz: Рассуждает о проблеме слишком частой смены руководителя дизайнера, что сильно мешает профессиональному развитию. Это его первые мысли на тему, он планирует копать её дальше.
 
#management
Как говорили братья Богдановы в своих легендарных мемах: «Кончились идеи? Выпускайте выпуск мини-дайджеста про лучшие интерфейсные паттерны и практики»:
 
1. NN/g: Структурированная подборка своих статей о мобильных интерфейсах.
 
2. Dan Brown: Информационная архитектура для сквозных тем, которые пересекаются с основной структурой во множестве мест.
 
3. Tess Gadd: Под геймификацией учебного процесса обычно понимают просто награды. Хотя это в первую очередь вовлекающие игровые способы усвоения материала.

4. NN/g: Тренды в интранетах из их свежего ежегодного исследования.
 
5. Peter Ramsey: Анализ интерфейса приложения DocuSign, крупнейшего сервиса электронных подписей.
 
6. Виталий Фридман: Советы на тему адекватности мер безопасности при авторизации. Какие способы входа и восстановления доступа и в каком порядке лучше использовать.
 
7. NN/g: Проблемы расширенных поисковых подсказок в интернет-магазинах. Частично это некачественная реализация, но во многом они просто не нужны пользователям в решении текущей задачи.
 
8. Daniel Schwarz: Советы по оформлению длинных статей с помощью CSS.
 
9. Elise Hein: Оптимизация для accessibility обычно упрощает пасхалки и другие интересные интерфейсные решения до совсем утилитарных. Нужно ли что-то делать с этим?
 
10. Growth Design: Как повысить конверсию в активацию учётной записи с помощью ссылок на почтовый сервис пользователя (и конкретный поисковой запрос в нём).

11. NN/g: Гайдлайны для роботизированных меню в поддержке по телефону.
 
12. Виталий Фридман: Советы по проектированию поведения кнопки «назад» в браузере.
 
13. MeasuringU: Обновили своё сравнительное исследование юзабилити сайтов американских авиакомпаний. Анализ включает ключевые драйверы — важные для пользователей сценарии использования.
 
#patterns
Если вы уже успели дочитать прошлый выпуск мини-дайджеста о пользовательских исследованиях, то вот вам свежий:
 
1. Jake Burghardt: Запланировал масштабную серию статей о базах знаний и инсайтов из пользовательских исследований. Содержание.

В одной из свежих статей он показывает, как помочь дизайнерам работать с такой базой.
 
2. Jim Lewis и Jeff Sauro: Продолжают свои раскопки на тему важности количества вариантов в шкале опроса, а также порядка и названий в ней. И снова вывод — респонденты не особо замечают, но важно соблюдать стандартизированные подходы, если хотите сравниваться с рынком.

Отдельная статья от них в продолжение: что если убрать номера у значений шкалы опроса от 1 до 7. Значительной разницы нет, хотя вариант с цифрами чуть лучше.
 
3. Christian Rohrer: Шпаргалка к шпаргалке по выбору методов.
 
4. Dovetail: Пять форматов вопросов исследования, которые влияют на выбор методов.
 
5. Steve Bromley: Что делать, если исследования не включают или поздно включают в процесс работы над игрой.
 
6. Condens: Беглый обзор основных нюансов поиска респондентов.
 
7. Lightricks: Вопросы, которые исследователю важно задать продуктовой команде перед началом проекта.
 
8. Алиса Боярских: Примеры хранилищ результатов прошедших исследований в VK и Контуре.

9. User Interviews: Напоминают, что важно прятать имя респондента при проведении исследований в Zoom. И показывают, как это делать.
 
10. Airtime: Советы по созданию собственной панели респондентов. Третья часть разбирает способы активации тех, кто попал в такую панель, ведь они могут игнорировать приглашения на конкретные исследования.
 
#research
1
В этом году все выпуски мини-дайджеста об алгоритмическом дизайне заполонили генераторы графики по текстовому описанию — остальные применения пока что затерялись. Но будем следить, куда приведёт эта дорожка:

1. DALL-E 2 теперь доступен всем. Бесплатно в ограниченном объёме, но можно докупаться.
 
2. Stable Diffusion: Ещё один генератор фото и иллюстраций по текстовому описанию. Теперь он доступен всем. Можно работать в вебе или поставить на свой сервер.

3. Vox: Хороший разбор того, как устроены инструменты, которые генерируют изображение по текстовому запросу. В бонусном видео художники и технари толково рассуждают на тему влияния на профессию.
 
4. Alexander Wales: Шикарные размышления о влиянии инструментов вроде DALL-E и Midjourney на профессиональных иллюстраторов и художников. Они точно подкосят экономику этих профессий и есть много вопросов к палитре возможного, но искусство как инструмент самовыражения никуда не денется.
 
5. Julien Posture: Стоит ли иллюстраторам бояться DALL-E и других подобных инструментов. И да, и нет — работа с идеей и сюжетом гораздо сложнее, чем строка описания в условном DALL-E, да и палитра стилей у них ограничена. Хотя типовые сюжеты в типовых стилях на замену стоков — делаются легко.
 
6. Erik Hoel: Могут ли работы DALL-E и подобных инструментов считаться искусством. Они отражают только внешнее исполнение, но не передают точку зрения и замысел художника, что является одним из главных.
 
7. Hannah Johnston: Сравнивает особенности работы DALL·E, Midjourney и нейросети на базе Google Collab.
 
8. Концепт-художник Евгений Зубков экспериментирует с Midjourney для своих иллюстраций. Внушает. Покрас Лампас тоже тизернул свои эксперименты.
 
9. Joseph Hillenbrand: Сгенерировал в DALL-E 2 шаблоны для подачи дизайна -- бланки, наружная реклама. Выглядит правдоподобно.
 
10. Агентство DADA ведёт соцсети йогуртов Epica только с помощью DALL-E 2 и Midjourney.

11. Пользователи TikTok могут использовать фоны для видео, сгенерированные с помощью алгоритмического дизайна.

12. Lucy: Попыталась воссоздать знаменитые обложки альбомов с помощью DALL-E 2. Получается совсем приблизительно.
 
13. Apple NeuMan: Официальный алгоритм для дипфейков. Планируют использовать в дополненной реальности — он генерирует любые действия персонажа на основе 10-секундного видео.

14. Zazow: Коллекция скриптов, генерирующих паттерны с помощью алгоритмического дизайна.
 
P.S. Перестройка моего сайта-коллекции почти закончилась, а то я долгое время не мог пополнять его. Надеюсь анонсировать в сентябре.
 
#ai #algorithms
Собрал дайджест продуктового дизайна за август 2022. Атомарные исследования, дизайн-долг, accessibility, наставничество, интранеты, сообщения об ошибках, информационная архитектура, зрелость исследований в компании, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
ВКонтакте
RSS
Ещё есть пара дней, чтобы попасть на восьмой поток моего курса «Паттерны дизайн-менеджмента». Закину ещё чутка свежих ссылок на тему, которой посвящаю столько сил:
 
1. Alicja Suska: Несколько подходов к системному разбору дизайн-долга. От небольших мини-проектов о до полноценного редизайна.
 
2. Atlassian: Набор метрик UPPer (User Perceived Performance), которые помогают оптимизировать важные сценарии использования вокруг производительности в разных аспектах.
 
3. Understood: Системная работа по улучшению accessibility в компании. Они встроили проверку на нескольких ключевых этапах работы над задачей.
 
4. Контур: Памятка наставникам стажёров. Они активно развивают пользовательских исследователей и хорошо обкатали процесс.
 
NN/g: Выбор состава участников для совместных рабочих сессий.
 
#management
1
Обзоры интерфейсных паттернов и лучших практик копятся быстрее, чем проценты на микрозаймы. Что у нас на этот раз:
 
1. Виталий Фридман: Сообщения об ошибках в формах.
2. Чеклист требований и лучших практик поддержки accessibility.
 
2. Slack: Переосмыслении интерфейса для iPad. Они проанализировали типичные сценарии использования и построили навигацию и логику адаптивности вокруг них.
 
3. Chameleon: Толковая беседа с Pulkit Agrawal о грамотном мышлении при проектировании процесса встречи нового пользователя.
 
4. Pencil & Paper: Серия разборов интерфейсных паттернов и лучших практик.
 
5. Baymard: описывает типичные проблемы интерфейса сравнения товаров в интернет-магазинах — https://baymard.com/blog/provide-comparison-features.
 
6. Peter Ramsey: Анализ интерфейса приложения HBO Max, у которого самые низкие оценки в магазинах приложений среди кино-сервисов.
 
7. Growth Design: Анализ проблем в процессе отказа от подписки Typeform.
 
8. Drupal: Как поддержали accessibility в новом главном меню.
 
9. NN/g: Ещё одна подборка плюсов и минусов бесконечной прокрутки. Без нового, но структурировано норм.
 
#patterns
Свежий мини-выпуск о дизайн-системах, которые цветут и пахнут — многие уже простудились на их похоронах:
 
1. Gov.uk: Переосмысление беклога. Как меняли ранжирование через опрос команд в организации.
 
2. Maximilian Speicher и Guido Baena Wehrmann: Формула расчёта ROI. Она достаточно сложная, но полезная точка зрения на проблему. Шаблон для расчётов.
 
3. Подкаст с Ben Callahan из Sparkox. Толковые мысли о их модели зрелости внедрения дизайн-системы и особенностях этого процесса.
 
4. Cole Peters: Разумные ограничения, реализованные через шкалы в токенах. Сказано не так много нового, но структурировано и подано удачно.
 
5. Salesloft: Адаптация под требования accessibility с помощью токенов.
 
6. Steve Dennis: Хорошие иллюстрации логики работы токенов. Он описывает только цвета, но общий подход понятен.
 
7. Docusaurus 2.0: Вышла вторая версия генератора сайтов-документаций и живых гайдлайнов. Много возможностей настройки, интеграция компонентов, тематизация и т.п.
 
8. Cloudscape: Команда Amazon Web Services опубликовала свою дизайн-систему.
 
9. System.css: Простой CSS-фреймворк, стилизованный под старые операционки MacOS.
 
#designsystems
Свежих книг по дизайну интерфейсов не то что бы море-океан, но на дачный басик накапало:
 
1. Natalie Marie Dunbar «From Solo to Scaled. Building a Sustainable Content Strategy Practice» о системном построении контент-стратегии в компании. Выдержка из главы 1 и интервью с автором.
 
2. SuperFriendly «Design System in 90 Days» о дизайн-системах. В дополнение идут шаблоны для воркшопов. Стоит она прилично, $349. Но ребята — одни из лучших в теме.
 
3. Harry Brignul «Deceptive Design» о тёмных паттернах выйдет в конце года. Он популяризовал интерес к этой теме много лет назад и это должна быть мякотка.
 
4. Sameera Kapila «Inclusive Design Communities» о том, как сделать дизайн-сообщество инклюзивным на любом уровне.
 
5. Alexandra Schmidt «Deliberate Intervention. Using Policy and Design to Navigate the Harms of New Technology» о том, как заранее делать новые технологии соответствующим общепринятым нормам и законам.
 
6. A Book Apart: Антология своих ключевых книг на тему дизайна и контента, проектирования интерфейсов и разработки. По сути это 12 небольших книг, собранных в один трёхтомник.
 
7. Heather Burns «Understanding Privacy» о том, как обеспечить безопасность данных пользователей и не только в человечном ключе. Анонс.

А вот что на подходе у Rosenfeld Media:
1. Jorge Arango «Duly Noted»
2. Donna Lichaw «Story Driven Leadership»
3. Liya James «Innovation By Inclusion»
 
#books
1
Давненько не было мини-выпусков о пользовательских исследованиях (на самом деле нет — это самая быстрорастущая ветка):

1. Jeff Sauro и Jim Lewis: Классификатор методов. Они делят их на несколько категорий: поведение, отношение и аналитические.
 
2. Klaviyo: Формат сессий критики. Они ориентировались на метод дизайн-критики, но адаптировали его под свои задачи.
 
3. UserZoom: Мини-фреймворк по ResearchOps.
 
4. NN/g: Метод анти-персонажей. Он позволяет лучше понять тех, кто может использовать продукт в злонамеренных целях.
 
5. User Interviews: Серия подходов, которые помогают снять геморрой по поиску респондентов. Это самая ненавистная часть работы многих исследователей.
 
6. Condens: Как составить карту родства тем из результатов исследования. В идеале — в виде совместной рабочей сессии. Это более полная версия её недавней статьи.
 
7. Atlassian: Неплохой обзор процесса интервью.
 
8. NN/g: Фреймворк CUE (Context, Unspoken, Environment), который помогает проводить этнографические исследования и лучше понять особенности поведения.
 
9. Jeff Sauro и Jim Lewis: Как сильно растёт количество отвалившихся респондентов, если в удалённом немодерируемом исследовании их просят описывать происходящее вслух.
 
10. NN/g: Исследования мобильных приложений с дополненной реальностью.
 
11. Madeline J Hallewell, David R Large, Catherine Harvey, Leah Briars, Jenna Evans, Madelaine Coffey и Gary Burnett: Исследование взаимодействия с автономными такси.
 
NN/g: Памятка по защите персональных данных респондентов.
 
#research
Седьмая мини-подборка относительно свежих примеров связи бренда с интерфейсом:
 
1. Zapier (сервис-прокладка между другими интернет-сервисами).
 
2. Artboard (инструмент дизайна) от турецкого агентства Fol.
 
3. You Can Book Me (календарь) внутренними силами.
 
4. KasperskyOS (операционная система) от российского агентства ONY.
 
5. Noom (сервис заботы о личном здоровье) от американского агентства Gretel.
 
6. The Verge (технологический новостной сайт) внутренними силами.
 
7. TaskRabbit (сервис поиска исполнителей простых задач) от американского агентства Hyphenated.
 
8. Corel (теперь — Alludo) от британского агентства Design Studio.
 
9. Hootsuite (сервис управления соцсетями) от международного агентства Prophet.
 
10. RED (страховой сервис) от российского агентства ONY.

Где-то нужна подписка на Brand New, но по-другому эти кейсы пока не публиковались. Но это самая полезная инвестиция $20, которую вы можете сделать для себя.

#branding
Между работами готовлю несколько обновлений и запусков личных проектов, так что в дайджесте могут быть перебои. Зато потом будет ещё больше полезного. А пока малюсенькая подборка о дизайн-менеджменте, чтобы уж совсем не гостится:
 
1. Figma: Результаты исследования среди дизайн-менеджеров и кадровиков о том, как правильно привлекать и нанимать толковых дизайнеров. Презентация.
 
2. Design Dept: Советы на тему получения бюджета на найм дизайнеров.

3. Matej Latin: Опросил 156 дизайнеров интерфейсов на тему причин их ухода из компании. Неплохой срез основных причин в зависимости от уровня специалиста — отсутствие карьерного роста, неудовлетворённость результатами работы.
 
4. Панельная дискуссия по организационным структурам команд бренда с дизайн-менеджерами Webflow, Zendesk и Handshake. Мини-презентация Li-Anne Dias из Handshake.

5. Dave Feldman: Как изменился его подход к построению дизайн-процесса, когда он перешёл на роль дизайнера-основателя стартапа Miter. Спойлер: он сильно упростился.
 
6. Atlassian: Немного советов для дизайн-менеджеров, которые чувствуют себя интровертами. Как быть полезными и эффективными на этой роли.
 
7. Mia Blume: Простые советы тем, кто только что стал дизайн-менеджером.
 
Первая бетка, кстати, будет уже на этой неделе.
 
#management
Не знаешь, какой мини-дайджест выпускать? Выпускай про интерфейсные паттерны и лучшие практики:
 
1. Виталий Фридман: Хорошая динамическая валидация форм. Она часто срабатывают неправильно, поэтому лучше использовать её аккуратно.
 
2. Polyplane: Популярные breakpoints для адаптивного дизайна. Они собрали несколько разных срезов на текущий момент.

3. Wix: Крутая инициатива — команда зарубилась на месяц и переписала тексты всех ошибок в продукте. Они предлагают отличную формулу для хорошего сообщения об ошибке.
 
4. Ashlee M Boyer: Когда корректно использовать настоящую кнопку и ссылку, стилизованную под кнопку.
 
5. Maggie Appleton: Не самые тривиальные интерфейсные паттерны для современных продуктов.
 
6. Information Architects: Советы по использованию эмоджи в интерфейсах. Они приводят много полезной статистики и исследований.
 
7. Onno Westra: Как и какие номера телефонов указывать на сайте, который работает с разными странами.
 
8. Wix: Несколько интерфейсных решений, где пришлось искать баланс между точностью описания элементов дизайна и широким кругом пользователей.
 
9. NN/g: Хорошие и неудачные решения в обучающем процессе для приложений с дополненной реальностью.

10. Jim Lewis и Jeff Sauro: Сравнительные исследования корпоративного ПО и сайтов с отзывами пользователей. Они сравнили их по метрикам SUS и NPS.
 
#patterns
Собрал дайджест продуктового дизайна за сентябрь 2022. Динамическая валидация форм, карта методов исследований, современные breakpoints, ROI дизайн-систем, токены, почему дизайнеры увольняются, тёмная тема оформления, accessibility, сообщения об ошибках, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
ВКонтакте
RSS
В текущей сайд-проектной мясорубке график выпусков мини-дайджеста слетел под откос. Но выпущу подборку про пользовательские исследования даже в частичном виде:
 
1. Lucid: Методы интервью с пользователями, в которых они делают что-то с сырыми концептами интерфейса. Это позволяет собрать проблемы на ранней стадии.
 
2. Jake Burghardt: Рекомендует ориентироваться на цитирование инсайтов из базы знаний. Причём в идеале — не просто ссылки, а практическое использование в продуктовых запусках.
 
3. Контур: Советы по составлению анкеты для опроса. Часть 2.
 
4. Trina Moore Pervall: Какие предубеждения и искажения могут возникать у продуктовой команды, которая пытается делать инклюзивный дизайн и проводить исследования на тему.
 
5. Anusha Pichumani: Когнитивные искажения, которые могут вести пользовательские исследования по неверному пути. Она даёт советы, как избежать их.
 
6. Joey Lacus: Как работает новая инициатива Shopify «все дизайнеры интерфейсов умеют проводить простые пользовательские исследования». Это краткая памятка для проверки простых сценариев использования.

7. User Interviews: Базовая памятка по проведению опросов.
 
8. Steve Bromley: Советы по количеству респондентов для игровых тестов на разных этапах работы над игрой. В целом не сильно отличается от общих практик пользовательских исследований, но со своими нюансами.
 
9. Kelsey Foster: Несколько реальных и потенциальных способов анализа данных пользовательских исследований с помощью алгоритмической обработки.
 
Это был выпуск №42, но обошлось без банальных шуток.
 
#research
Пора бы снова выпустить мини-подборку свежего о дизайн-менеджменте:
 
1. User Interviews: Топовейшая памятка по первым шагам в компании для лидера пользовательских исследований. Основные зоны фокуса и план на первые 90 дней.
 
2. NN/g: Структурированная подборка своих статей о работе с лицами, принимающими решения. Одна из свежих — памятка по проведению интервью с ними.
 
3. Spotify: Толковые мысли двух Т-образных дизайнеров о том, как лучше стать таким генералистом и в чём сила комбинации нескольких специальностей.
 
4. Square: Концепция контент-долга наподобие технического и дизайнерского.
 
5. NN/g: Памятка по построению хорошего процесса адаптации новых сотрудников в компании.
 
6. Purrweb: Серия регулярных встреч для развития каждого сотрудника: ретро, 1:1 и performance review.
 
7. Design Dept.: Беседа с Tom Takigayama и Orr Shtuhl, которые поработали дизайн-менеджерами и вернулись к роли эксперта.
 
8. Figma: Как и какие данные и аналитику используют при работе над инструментом.
 
9. Design Dept.: Пара простых советов про ситуации, когда дизайнеров в команде не хватает, но бюджета на них тоже нет.
 
#management
1
Свежий ссылочный выброс на тему дизайн-систем:
 
1. Material Design: Снова переработали сайт. Новый подход к подаче информации, навигации, описании стилей и т.п. Ну и активное использование принципов самой дизайн-системы. Сам сайт.
 
2. Knapsack: Калькулятор ROI на основе своих публикаций и исследований на тему. Он умеет считать по разным срезам — люди, компоненты, общий эффект.
 
3. Acronis: Плагины для Figma, которые помогают экспортировать макеты писем рассылки в HTML-код. Они нашли необычное решение — это не полноценный конвертер, а связка блоков в дизайне с мини-файлами HTML для каждого блока.
 
4. Square: Команда бренда вместе с агентством Athletics описала язык анимации, а потом создала свой инструмент Otto для работы с анимацией для маркетинга и интерфейсов.
 
5. Brad Frost: Опыт работы с веб-компонентами — он в целом топит за их использование. Он показывает их текущие ограничения и размышляет на тему их решения.
 
6. Societe Generale: Практика переиспользования бизнес-паттернов. Это целые сценарии из серии экранов.
 
7. Amplitude: Плагин для Figma помогает анализировать использование живого гайдлайна. Как сама компания анализирует свою дизайн-систему.
 
8. Lukas Oppermann: Памятка по дизайну тёмной темы оформления. Он проходится по основным аспектам: изображения, пиктограммы, тени, шрифты, цвета.
 
9. Token CSS (https://tokencss.com/): Генератор токенов. Описываете их в JSON, дальше он экспортирует их в разные форматы.
 
10. Storybook: Как сделать переключатель языков с помощью фреймворка i18next.

11. Примеры:
DRUIDS: Дизайн-система сервисов компании Datadog.
 
NewsKit: Дизайн-система британского подразделения компании News Corp.
 
#designsystems
Собрал дайджест продуктового дизайна за октябрь 2022. Обновление Material Design, чеклисты, ROI дизайн-систем, как построить команду UX-исследований, адаптация сотрудников, дополненная реальность, расширенные цвета, атомарные исследования, accessibility, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
ВКонтакте
RSS
1
Свежая прорва ссылок о пользовательских исследованиях. И это я ещё не всё непрочитанное разобрал:

1. Jeff Sauro и Jim Lewis: Дополнение к памятке по методам — как выбирать их для конкретного этапа проекта.
 
2. Список международных конференций в 2023 году.

3. Emily DiLeo: Минимальная таксономия для базы знаний и инсайтов. Это 11 полей, которые точно нужны на старте.
 
4. NN/g: Структурированная подборка своих статей о методе персонажей.
 
5. User Interviews: Свежий анализ суммы вознаграждения респондентам. Разбивка по методам, длительности и другим параметрам исследования. Интервью с Nick Baum из сервиса Tremendous, который помогает выплачивать вознаграждение респондентам.
 
6. Jeff Sauro и Jim Lewis: Какая часть респондентов готова рассуждать вслух во время сессии. Они взяли данные по США и Великобритании.
 
7. User Interviews: Подходы к анализу конкурентов с точки зрения UX в целом, рынка и конкретно пользовательских исследований.
 
8. Jeff Sauro и Jim Lewis: Влияет ли качество интерфейса на частоту и объём покупок в интернет-магазинах продуктов?. Они провели длительное пользовательское исследование и нашли кое-какие взаимосвязи.
 
9. Casey Gollan: Рассуждения на тему обмена данными между инструментами для хранения базы знаний и инсайтов. Почему сейчас они далеки от этого и что должно появиться.
 
10. Lindsey M. West Wallace: Считает, что жёсткое разделение между генеративными и оценочными исследованиями не очень правильно. Она старается добавить генеративные вопросы в оценочные проекты, чтобы при каждом общении с пользователями собирать знания о потребностях. Местами она заходит слишком далеко, отменяя быстрые итеративные тесты, но в целом мысль здравая.
 
11. Rolf Molich, Bernard Rummel и Susanne Waßerroth: Изучили записи сотни юзабилити-тестов, которые проводили кандидаты на профессиональную сертификацию CPUX-UT. Они выписали типичные ошибки — в целом они совпадают с известными списками проблем процесса.
 
12. Интервью с Kirk Rodgers, директором пользовательских исследований в Bungie. Как развиваться и куда расти исследователю в играх.

13. NN/g: Советы по анализу путей пользователей в интерфейсе. Как находить проблемные места.
 
14. NN/g: Типичные проблемы при проведении этнографических исследований.
 
15. Noah Ward: Исследование навигации по больнице, в котором использовали очки для eye tracking.
 
16. User Interviews: Сравнение сервисов для проведения опросов.
 
17. NN/g: Советы по проведению удалённых этнографических исследований. Хотя это может прозвучать оксюмороном (они изначально задуманы на месте работы пользователя), но из-за пандемии других вариантов не было.
 
18. User Interviews: Памятка по поиску респондентов.
 
19. Steve Bromley: Типичные вопросы на собеседовании на роль пользовательского исследователя в играх.
 
#research
👍1