Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны, кейсы и тренды с 2009 года. 50 000 читателей на vc, Хабре и других каналах:

ВК — https://vk.com/pdigest
FB — https://www.facebook.com/groups/pdigest/
Рассылка — http://eepurl.com/bu61XX

Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (внушительный список по миру). Это непростой формат работы и без подготовки запустить его сложновато (примерно как провернуть agile-трансформацию за две недели).

Но вариантов нет, так что надо учиться на ходу. Вот пачка годных советов для распределённых дизайн-команд, которые выходили за последнее время:

ОПЫТ КОМПАНИЙ
1. GitLab давно работает полностью удалённо и собрали целую мини-википедию.

2. Trello. К некоторым из них доступны шаблоны.

3. Shopifyещё статейка). Сложность зависит от степени распределённости и, как ни странно, проще всего с полностью рассредоточенными людьми — тогда не возникает локальной группы, которая неизбежно становится ядром всех активностей.

4. Microsoft: как объединялись разрозненные дизайн-команды, работающие над Outlook.

5. Cisco.

6. Nielsen/Norman Group. Компания все годы своего существования работала без офиса.

7. Google.

8. Facebook.

9. Salesforce.

10. Zendesk. Практики и методы с учётом нескольких стран и временных зон.

11. Jeff Gothelf.

12. Mark Boulton.

МЕТОДЫ И ИНСТРУМЕНТЫ
1. Встречи 1 на 1 в Miro. Шаблон для фиксации тем обсуждений и результатов.

2. Бренд-спринт при ребрендинге Miro.

3. Nielsen/Norman Group: Инструменты для проведения удалённых рабочих сессий. Генерация и оценка идей, картирование. Их прошлая статья про создание CJM в таком формате.

4. То же от Cisco.

5. Синхронный и асинхронный подход к генерации идей.

Большинство знаковых конфренций и массовых мероприятий в мире отменены или перенесены. А пользовательские исследования переходят на удалённый формат. Зато растут акции Zoom. А тот же InVision изначально работает полностью удалённо.

Кстати, Елена Малышева советует не забыть помыть руки 20 секунд после прочтения этого сообщения — наверняка ваш телефон давно не мыт :)

#remote #designmanagement

Who’s staying home because of COVID-19?

A list of all the companies WFH or events changed because of covid-19
| stayinghomeclub

Собрал дайджест продуктового дизайна за февраль 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте

#digest

2 марта стартует третий поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых двух отучились 120 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: Альфа-Банк, App in the Air, Aviasales, Avito, Badoo, ВТБ, Chatfuel, EPAM, Foodplex, Mail.ru Group, ManyChat, Miro, Модульбанк, МТС, OneTwoTrip, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Redmadrobot, Ростелеком, Сбербанк, S7, Tele2, Тинькофф, TomTom, Учи.ру, ЦИАН, Wrike, X5, Яндекс и многих других.

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

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

Записаться.

#designmanagement

https://bangbangeducation.ru/course/dmpatterns

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

Курс даёт теорию и практику дизайн-менеджмента цифровых продуктов. Студенты смогут разобраться в том, как работает дизайн-менеджер и за что он должен отвечать. Изучим, какие инструменты, ресурсы, методы и организационные подходы нужно использовать, чтобы дизайн цифровых продуктов становился лучше не только в макетах, но и в реальной жизни. На примере большой компании посмотрим, как работает дизайн-команда на каждом уровне зрелости: оперативном, тактическом, стратегическом.
| Bang Bang Education

Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1260 человек — в два раза больше, чем в 2018, хотя для качественных результатов лучше ещё больше (учту в 2020 году).

В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.

Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.

Бонусом собрал список заметных продуктовых дизайн-команд со ссылками на их сайты, блоги и дизайн-системы. Как можно заметить, это практически полностью повторяет рейтинг :) Пока бета-версия, но буду активно развивать — получится хорошее дополнение к Design Systems Club.

Заодно переделал сайт готовящейся книги о дизайн-менеджменте. Пока скорее переезд на новую платформу с заделом на будущее.

P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — Оди и Ищу дизайнера.

#designmanagement #survey #research

https://www.dmpatterns.com/teams-2019

Отношение к продуктовым дизайн-командам: 2019

Ежегодное исследование продуктовых дизайн-команд в России. Как профессиональное сообщество оценивает результаты их работы?
| Dmpatterns

Наконец-то я умудрился выпустить мини-дайджест, который действительно мини: свежатинка про пользовательские исследования:

1. Сравнение сервисов для удалённого юзабилити-тестирования с оценкой функциональных возможностей. Полезно, что отмечено наличие доступа к отечественной базе респондентов.

2. Три основные цели юзабилити-тестирования: обнаружение проблем, сравнение с конкретным показателем или другим интерфейсом. Хорошо описана суть каждого.

3. Деление сценария юзабилити-тестирования на составляющие, которые дают разную наводящую информацию. Это позволяет проверить не только удобство работы с функциональностью, но и её обнаруживаемость.

4. Подробнейшая памятка по учёту GDPR при проведении пользовательских исследований. Закон накладывает много ограничений.

5. Полный список стандартных методов оценки UX. Они развивались по трём веткам с 1980х годов.

6. Влияние культуры разных стран на распределение ответов в опросах вроде NPS. Его гипотеза: это может влиять на смещение ответов в сторону более ярко выраженных или нейтральных.

Кажется, это редкая не-простыня :)

#research

https://medium.com/usethics-doc/%D1%82%D0%BE%D0%BF-8-%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%BE%D0%B2-%D0%B4%D0%BB%D1%8F-%D1%83%D0%B4%D0%B0%D0%BB%D0%B5%D0%BD%D0%BD%D0%BE%D0%B3%D0%BE-%D0%BD%D0%B5%D0%BC%D0%BE%D0%B4%D0%B5%D1%80%D0%B8%D1%80%D1%83%D0%B5%D0%BC%D0%BE%D0%B3%D0%BE-%D1%82%D0%B5%D1%81%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8F-73ed8b67b319

11.02.2020, № 1: Дайджест мониторинга сервисов для онлайн-тестов

Мы в юзабилити-агентстве Юзетикс часто сталкиваемся с задачей найти сервис, который позволит провести удаленное немодерируемое…
| Medium

Снова участвую в Design Line — вместе с Митей Осадчуком покажем на двухдневном онлайн-воркшопе, как решать дизайн-задачи без инструментов.

С 7 марта по 5 апреля дизайнеры из крепких агентств и продуктовых компаний проведут серию таких двухдневок про анимацию (Red Collar), Cinema 4D (method education), брендинг (Nimax) и карьеру (Vintage). В каждом из них — теория и много практики для прокачки головы и рук. Коучинг, менторство и вот это вот всё.

Если мест на какую-то из программ не осталось (а они разлетаются быстро) — любой билет даёт право на «просто посмотреть» все воркшопы и сделать домашку без проверки.

Записаться — https://clck.ru/M7cSh. До встречи в интернетах!

P.S. Я не размещаю рекламу, но иногда делаю обмен постами — в Телеграме почти нет органического роста.

Немного свежих (или вышедших не так давно) лучших (ну, нормальных) практик и паттернов для ваших (или клиентских) интерфейсов:

1. Теория «информационного чутья», которое помогает пользователям оценивать потенциальную полезность информации на сайтах.

2. Паттерны для уведомления пользователя разложены по степени комфорта для пользователя. От push-уведомлений и попапов, которые вырывают из текущего потока, до более нейтральных всплывающих подсказок.

3. Роль анимации в интерфейсах. Список достаточно стандартный, но язык описания более профессиональный. Продолжение с советами по оптимизации.

4. Быстрые, но менее наглядные способы управления интерфейсом для опытных пользователей.

5. Dan Davies вдохновился экспериментами Andy Clarke по переносу интересной журнальной вёрстки в веб и сделал пачку собственных подходов.

6. Правильное представление элементов интерфейса для выбора цвета товара.

7. Подходы к перенаправлению пользователя интернет-магазина из поиска в категорию товаров. Они дают больше инструментов.

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

9. Организация и размещение видео-инструкций на сайтах.

(тут должно было быть традиционное напутствие, но очень охота спать)

#patterns

https://www.nngroup.com/articles/information-scent/

Information Scent: How Users Decide Where to Go Next

When deciding which links to click on the web, users choose those with the highest information scent — which is a mix of cues that they get from the link label, the context in which the link is shown, and their prior experiences.
| Nielsen Norman Group

Собрал дайджест продуктового дизайна за январь 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте

#digest

Мини-дайджест с новыми инструментами дизайна пропустил пару циклов. Так что приехало с горочкой:

Play: Совершенно дикая штука — инструмент дизайна мобильных приложений на самом телефоне. Ребята сотворили совершеннейшую чуму (пусть и вызывающую вопросы по продуктивности такой работы дизайнера). В феврале появится бета для iPhone, позже обещают iPad и Android-телефоны. Предыстория создания от авторов.

Sketch 62 и Inspector: Улучшение smart layout (минимальная и максимальная ширина). И, наконец-то, бета-версия аналога Zeplin. В конце прошлого года обещали некого помощника по улучшению дизайн-решений, совместную работу над макетом и более мощные возможности прототипирования.

Mosaica Studio: Новый инструмент для создания каскадной (stagger) анимации. Прототипировать и создавать подобную анимацию вручную через кейфреймы трудозатратно, здесь же вместо работы с кодом предлагается WYSIWYG.

Плагины для Figma:
Bravo Studio App: Подключает реальные данные и генерирует нативный код для Android и iOS на основе прототипов.
Design Lint и Roller: Линтинг для макетов. Проверяет расхождения с дизайн-системой (цвета, шрифты, границы, тени, скругления).
Smooth Shadow: Плагин позволяет делать аккуратные тени с помощью кривых easing.
Text Prettier: Плагин-типограф для причёсывания текста.

Adobe: MS Office 365 может подключить библиотеки Creative Cloud для импорта стилей и ресурсов.

Adobe XD: Январское обновление. Также добавили авто-layout. Читайте также интервью с Talin Wadsworth об истории создания инструмента и планах на будущее. Он также рассказывает о рабочем процессе и команде.

Vectornator: Вышла версия для Mac.

Adalo: Ещё один конструктор мобильных приложений, делающий нативную сборку на основе прототипа. Android, iOS и веб.

Storyland: Конструктор промо-сайтов в формате историй.

WebStudio: Ещё один конструктор сайтов в браузере.

ГЕНЕРАТОРЫ И КОНВЕРТЕРЫ
Fronty: Сервис конвертирует картинку в HTML. Эффектно, но непонятно зачем — макет сайта и так сделан в каком-либо инструменте с разбивкой по слоям, а генераторов оттуда и так хватает.

EscherSketch: Браузерный инструмент позволяет делать паттерны из симметричных фигур и наглядно видеть их в повторяющемся полотне.

Super Sphere: Генератор контурных сфер с анимацией.

Flow Lines: Генератор абстрактных паттернов из линий.

BG Painter: Генератор модных фонов (например, «жидкий металл»).

Scribbbles: Бесплатная коллекция клякс и абстрактных паттернов для промо-сайтов.

ЦВЕТ
Calcolor: Интересный генератор цветовых палитр, который позволяет копать смежные в разные стороны.

Who Can Use: Мощный сервис для проверки цветового контраста. Он показывает значение для каждого типа нарушения цветовосприятия и сам искажённый цвет.

Leonardo: Генератор цветовых палитр с фокусом на правильный контраст для обеспечения доступности.

Gradienta: Генератор градиентов и интересных наложений слоёв в браузере с экспортом в CSS.

Trace: Ещё один убиратор фона с фотографий.

Social Sizes: Большая коллекция шаблонов для всех соцмедиа с актуальными размерами.

Pixelworm: Занятный сервис, который позволяет сравнить макет в Sketch и реализацию в мобильном приложении.

Clai: Инструмент позволяет сделать подачу макета на устройстве, которое в свою очередь можно вертеть с анимацией.

Nototo: Дичайший сервис заметок в виде карты виртуального мира.

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

#tools

https://www.createwithplay.com/

Play: A new approach for creating better mobile apps.

Play empowers you to design, build and launch better mobile products, in less time, with fewer barriers - all on your mobile device. Join our Private Beta today!
| Createwithplay

Свежий мини-выпуск дайджеста о дизайн-менеджменте менеджерился-менеджерился, да выменеджерился:

1. Dave Cunningham (Co-op): модель DIET (Design Impact Evaluation Tactic) для оценки потенциального успеха проекта. Она проверяет доработанную версию double diamond по нескольким вопросам. Чеклист на отдельном сайте и в виде таблицы.

2. Libby Maurer (HubSpot): баланс между ростом и улучшением существующей функциональности. Хорошие принципы дизайн-команды, а также детали про работу с дизайн-долгом.

4. Daniel Rosenberg: фреймворк дизайн-менеджмента. Он, как и я, использует идею паттернов для структурирования лучших практик и методов. Хотя фокусируется на общих для менеджеров вообще.

5. Kate Kaplan: задачи и формат типовых рабочих сессий: изучение проблемы, эмпатия, дизайн, расстановка приоритетов, критика.

6. Jon G. Temple и Patrick Commarford (IBM): 4 способа взаимодействия дизайнера в agile-команде. От этого зависит влияние на дизайн-решения и вообще формат их принятия.

7. J.T. Trollman (Facebook): процесс работы над типичной задачей по дизайну. Ключевые вопросы и шаблон постановки задач.

8. Jared Spool: подход к внедрению методов и практик в дизайн-командах. Они раскладываются на три стопки: уже делаю, попробую, не подходит.

9. Прошлым летом к нам на Mail.ru Design Conf приезжал Matouš Roskovec из Avocode. А потом я сгонял в Прагу и пообщался с ним. Из этого выросло годное интервью для их серии The Grit. От истории прихода в дизайн и карьерного пути до практик дизайн-менеджмента и профессиональных хобби. Писал ответы с неделю, зато получилось очень подробно. Общались между работами, так что текст про этот период.

Кстати, в этот четверг пройдёт UX-Марафон №18 о дизайн-менеджменте. Выступят Сергей Кондауров (Яндекс), Лена Куликова (Райффайзенбанк), Егор Коробейников (Miro), Саша Гришин (Badoo), Настя Попова (Альфа-Банк) и Иван Васильев (Scentbird). Заходите на огонёк (это я про темы выступлений).

#designmanagement

https://www.smashingmagazine.com/2020/01/empower-design-teams-by-measuring-value/?ref=webdesignernews.com

How To Empower Design Teams By Measuring Value — Smashing Magazine

How do we know if we are truly impactful as a design team? Are we seen as a vehicle to deliver a solution that moves a needle? It’s time to empower our design teams and give them one voice to show how and when design really adds value.
| Smashing Magazine