Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (внушительный список по миру). Это непростой формат работы и без подготовки запустить его сложновато (примерно как провернуть 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
Но вариантов нет, так что надо учиться на ходу. Вот пачка годных советов для распределённых дизайн-команд, которые выходили за последнее время:
ОПЫТ КОМПАНИЙ
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
stayinghomeclub
Who’s staying home because of COVID-19?
A list of all the companies WFH or events changed because of covid-19
Подборка дельных баек об удачных интерфейсных паттернах. Как проектировать по-уму в офисе и на дому.
1. Представление дополнительной информации: когда уводить пользователя на отдельную страницу, когда показывать попап или другой динамический элемент.
2. Исследование обучающих экранов на мобильных: они должны сделать интерфейс понятнее, но скорее создают у пользователя ощущение сложности.
3. Интерфейс перетаскивания: как сделать его хорошо в вебе и на мобильных.
4. Важно конкретизировать, зачем компании номер телефона пользователя: это повышает доверие и вероятность заполнения поля.
5. Использование мобильных приложений одной рукой: скринкасты удачных примеров и разобрал многие из них.
6. Переработка процесса встречи нового пользователя в HubSpot. Совмещение демо-режима и хорошего повествования по его ходу здорово повысило метрики.
7. Отработка состояний интерфейса: постоянные и временные, ключевые и вспомогательные.
8. 10 часто используемых тёмных паттернов.
9. Журнальная вёрстка в вебе: стиль Neville Brody.
10. Как сделать обучающие видео и фото понятнее для пользователей.
11. Анимированные GIF в письмах рассылки. От них больше проблем для читателей, чем пользы (хотя показатели вполне могут быть хорошими).
Коль не хочешь долгострой — нарисуй паттерн-другой.
#patterns
1. Представление дополнительной информации: когда уводить пользователя на отдельную страницу, когда показывать попап или другой динамический элемент.
2. Исследование обучающих экранов на мобильных: они должны сделать интерфейс понятнее, но скорее создают у пользователя ощущение сложности.
3. Интерфейс перетаскивания: как сделать его хорошо в вебе и на мобильных.
4. Важно конкретизировать, зачем компании номер телефона пользователя: это повышает доверие и вероятность заполнения поля.
5. Использование мобильных приложений одной рукой: скринкасты удачных примеров и разобрал многие из них.
6. Переработка процесса встречи нового пользователя в HubSpot. Совмещение демо-режима и хорошего повествования по его ходу здорово повысило метрики.
7. Отработка состояний интерфейса: постоянные и временные, ключевые и вспомогательные.
8. 10 часто используемых тёмных паттернов.
9. Журнальная вёрстка в вебе: стиль Neville Brody.
10. Как сделать обучающие видео и фото понятнее для пользователей.
11. Анимированные GIF в письмах рассылки. От них больше проблем для читателей, чем пользы (хотя показатели вполне могут быть хорошими).
Коль не хочешь долгострой — нарисуй паттерн-другой.
#patterns
Medium
Modal vs Page: A Decision Making Framework
Have you ever wondered if your design should just be on a page instead of in a modal overlay? Here’s a framework to help you decide.
У кого освободилось больше времени для самообразования, тот — вы. Для перелистывания страниц электронных книг по дизайну интерфейсов не нужно смачивать палец слюной, так что опасность заражения — минимальная. Единственный побочный эффект — жжение поскорее применить это в работе:
1. Jim Kalbach «The Jobs To Be Done Playbook»: открыт предзаказ (Rosenfeld Media).
2. Senongo Akpem «Cross-Cultural Design» (A Book Apart). Учёт разных культур при дизайне интерфейсов.
3. Anna Dahlström «Storytelling in Design» (O'Reilly). Сторителлинг в дизайне с упором на многоканальные продукты. Законы драматургии, протаганонисты (целевые пользователи) и антагонисты, развитие протагонистов, карты эмпатии.
4. Torrey Podmajersky «Strategic Writing for UX» (O'Reilly) Тексты в интерфейсе. Обзор от UXmatters.
5. Trine Falbe, Martin Michael Frederiksen & Kim Andersen «The Ethical Design Handbook» (Smashing Magazine). Современная этика при создании цифровых продуктов, избегающей тёмных паттернов. Обзор.
6. John Maeda «How to Speak Machine — Computational Thinking for the Rest of Us». Дизайн в эпоху быстро растущих возможностей компьютеров и развития искусственного интеллекта. Небольшая выдержка.
7. Michael J. Metts и Andy Welfle «Writing Is Designing» (Rosenfeld Media). UXmatters публикует отрывок из главы 3.
8. Daniel Rosenberg «UX Magic» (Interaction Design Foundation). Семантический метод проектирования взаимодействия.
А вот что на подходе у Rosenfeld Media:
1. Katie Swindler «Life and Death Design».
2. Boon Sheridan «Getting Started in UX».
Читай-узнавай-применяй-успешные внедрения распространяй.
#books
1. Jim Kalbach «The Jobs To Be Done Playbook»: открыт предзаказ (Rosenfeld Media).
2. Senongo Akpem «Cross-Cultural Design» (A Book Apart). Учёт разных культур при дизайне интерфейсов.
3. Anna Dahlström «Storytelling in Design» (O'Reilly). Сторителлинг в дизайне с упором на многоканальные продукты. Законы драматургии, протаганонисты (целевые пользователи) и антагонисты, развитие протагонистов, карты эмпатии.
4. Torrey Podmajersky «Strategic Writing for UX» (O'Reilly) Тексты в интерфейсе. Обзор от UXmatters.
5. Trine Falbe, Martin Michael Frederiksen & Kim Andersen «The Ethical Design Handbook» (Smashing Magazine). Современная этика при создании цифровых продуктов, избегающей тёмных паттернов. Обзор.
6. John Maeda «How to Speak Machine — Computational Thinking for the Rest of Us». Дизайн в эпоху быстро растущих возможностей компьютеров и развития искусственного интеллекта. Небольшая выдержка.
7. Michael J. Metts и Andy Welfle «Writing Is Designing» (Rosenfeld Media). UXmatters публикует отрывок из главы 3.
8. Daniel Rosenberg «UX Magic» (Interaction Design Foundation). Семантический метод проектирования взаимодействия.
А вот что на подходе у Rosenfeld Media:
1. Katie Swindler «Life and Death Design».
2. Boon Sheridan «Getting Started in UX».
Читай-узнавай-применяй-успешные внедрения распространяй.
#books
Rosenfeld Media
The Jobs To Be Done Playbook | Free EBook with Purchase | Jim Kalbach
Have limited resources but would like to use 'jobs to be done' (JTBD) in a lightweight manner? This actionable guide is the resource for you.
Выпуски мини-дайджеста про пользовательские исследования зачастили, но кто я такой, чтобы останавливать тягу к знаниям. Вот до чего дотянулся с прошлого раза:
1. Shopify: работа команды UX- и маркетинговых исследований в условиях паузы в использовании большинства привычных методов.
2. NN/g: методичка по изучению пространства проблем на разведочной стадии дизайн-процесса.
3. Kate Towsey: своё понимание роли ResearchOps на основе опыта работы в Atlassian. Из кого состояла их команда и как она взаимодействовала с отдельными исследователями.
4. Rockwell Automation: если респондент не пришёл.
5. Shopify: плюсы и минусы разных форматов презентации результатов. Рекомендации по наиболее популярным артефактам.
6. Usethics: как сравнивать разные продукты по эвристикам (пример для ресторанов).
7. Mingming Fan, Serina Shi и Khai N. Truong опросили 197 пользовательских исследователей на тему особенностей метода, в котором респондент озвучивает свои мысли вслух. Нюансы и подводные камни.
8. Jeff Sauro и Jim Lewis: эффект Von Restorff, который потенциально может описывать разницу между интерфейсными решениями. Они провели эксперимент, чтобы выявить самые заметные альтернативы, но простого ответа не получили.
9. Jeff Sauro и Jim Lewis: три опросника, призванных оценить качество голосовых интерфейсов. Это The Mean Opinion Scale (MOS), Subjective Assessment of Speech System Interfaces (SASSI) и Speech User Interface Service Quality (SUISQ).
10. Учи.ру: процесс в компании.
Хотя многие пользовательские исследования сейчас встали на паузу, когда-нибудь мы вернёмся к обширному арсеналу методов. А вы пока можете предположить, для какой из пяти стадий принятия неизбежного характерно это предположение.
#research
1. Shopify: работа команды UX- и маркетинговых исследований в условиях паузы в использовании большинства привычных методов.
2. NN/g: методичка по изучению пространства проблем на разведочной стадии дизайн-процесса.
3. Kate Towsey: своё понимание роли ResearchOps на основе опыта работы в Atlassian. Из кого состояла их команда и как она взаимодействовала с отдельными исследователями.
4. Rockwell Automation: если респондент не пришёл.
5. Shopify: плюсы и минусы разных форматов презентации результатов. Рекомендации по наиболее популярным артефактам.
6. Usethics: как сравнивать разные продукты по эвристикам (пример для ресторанов).
7. Mingming Fan, Serina Shi и Khai N. Truong опросили 197 пользовательских исследователей на тему особенностей метода, в котором респондент озвучивает свои мысли вслух. Нюансы и подводные камни.
8. Jeff Sauro и Jim Lewis: эффект Von Restorff, который потенциально может описывать разницу между интерфейсными решениями. Они провели эксперимент, чтобы выявить самые заметные альтернативы, но простого ответа не получили.
9. Jeff Sauro и Jim Lewis: три опросника, призванных оценить качество голосовых интерфейсов. Это The Mean Opinion Scale (MOS), Subjective Assessment of Speech System Interfaces (SASSI) и Speech User Interface Service Quality (SUISQ).
10. Учи.ру: процесс в компании.
Хотя многие пользовательские исследования сейчас встали на паузу, когда-нибудь мы вернёмся к обширному арсеналу методов. А вы пока можете предположить, для какой из пяти стадий принятия неизбежного характерно это предположение.
#research
Medium
How we’re pivoting: researching from a distance
Why the research team at Shopify decided to pause doing primary research
Нежданчик: мини-дайджест, который действительно мини. Интерфейсные паттерны и лучшие практики, которые сократят вам много лишних телодвижений:
1. Мощная коллекция чеклистов для интерфейсных паттернов от Smashing Magazine. PDF присылают после регистрации.
2. Jakob Nielsen выпустил традиционную первоапрельскую телегу. В этот раз про медленные интерфейсы, которые заставляют пользователя внимательно изучить всю информацию.
3. Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В седьмом выпуске разбирает работы Otto Storch.
4. Kate Moran и Cami Goray из Nielsen/Norman Group описывают ситуации, когда уход пользователя со страницы результатов поиска — это не проблема, он решил свою задачу по выжимкам информации.
Ну а дальше — мартовский дайджест.
#patterns
1. Мощная коллекция чеклистов для интерфейсных паттернов от Smashing Magazine. PDF присылают после регистрации.
2. Jakob Nielsen выпустил традиционную первоапрельскую телегу. В этот раз про медленные интерфейсы, которые заставляют пользователя внимательно изучить всю информацию.
3. Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В седьмом выпуске разбирает работы Otto Storch.
4. Kate Moran и Cami Goray из Nielsen/Norman Group описывают ситуации, когда уход пользователя со страницы результатов поиска — это не проблема, он решил свою задачу по выжимкам информации.
Ну а дальше — мартовский дайджест.
#patterns
Smashing Magazine
Smart Interface Design Patterns Checklists PDF — Smashing Magazine
A set of checklists to help you create smart interface design patterns. Totally free if you sign up for our friendly newsletter. These checklists are based on the work Vitaly has been doing for many years, exploring and examining examples of desktop and mobile…
Собрал дайджест продуктового дизайна за март 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте
#digest
Напомню, что его можно получать разными способами:
— ВКонтакте
— Рассылка по почте
#digest
Противостояние поколений резко закончилось — зумерами стали почти все. Опыт работы распределённых дизайн-команд накапливает каждый первый, так что и статей на тему выходит прорва. Оперативно подсобрался второй выпуск удалёнки (собрал всю коллекцию блоге):
1. Книга InVision. Креативный процесс, дизайн-менеджмент и общие вопросы.
2. Мощный набор практических советов по перестройке процесса UX-исследований в эпоху карантина от экспертов из Salesforce, Monzo Bank, Workday, Atlassian, Springer Nature, Booking.com, Kabbage, Dropbox, Mailchimp и LinkedIn. По делу и конкретным вопросам и этапам, а не просто рефлекция на тему.
3. Remote Design Week. В программе толковые выступления, круглые столы и воркшопы — это следующий шаг для онлайн-конференций.
4. NN/g: Все материалы на тему.
5. Дизайнеры выкладывают фото своих домашних рабочих мест.
6. Slack: Дизайн-спринты в распределённом формате.
7. Советы от команд Acronis, Readdle и Webflow.
Если у кого в такие времена дела хороши, так это у Zoom — пару недель назад они подскочили до $157 за акцию. Пожалуй, надо не пропустить свою имбирную акцию в Магните.
#remote #designmanagement
1. Книга InVision. Креативный процесс, дизайн-менеджмент и общие вопросы.
2. Мощный набор практических советов по перестройке процесса UX-исследований в эпоху карантина от экспертов из Salesforce, Monzo Bank, Workday, Atlassian, Springer Nature, Booking.com, Kabbage, Dropbox, Mailchimp и LinkedIn. По делу и конкретным вопросам и этапам, а не просто рефлекция на тему.
3. Remote Design Week. В программе толковые выступления, круглые столы и воркшопы — это следующий шаг для онлайн-конференций.
4. NN/g: Все материалы на тему.
5. Дизайнеры выкладывают фото своих домашних рабочих мест.
6. Slack: Дизайн-спринты в распределённом формате.
7. Советы от команд Acronis, Readdle и Webflow.
Если у кого в такие времена дела хороши, так это у Zoom — пару недель назад они подскочили до $157 за акцию. Пожалуй, надо не пропустить свою имбирную акцию в Магните.
#remote #designmanagement
Jvetrau
Распределённые дизайн-команды — Юрий Ветров об интерфейсах
Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (внушительный список по миру). Это непростой формат работы и без подготовки запустить его
28 мая курирую онлайн-конференцию «Паттерны дизайн-менеджмента». Я давно и много пишу на тему, но хотелось пойти дальше статей и подборок.
Сильных продуктовых компаний и дизайн-команд на рынке много, они накопили интересный управленческий опыт. Получился крепкий состав из руководителей: Софья Чебанова (Wargaming), Иван Соловьёв (DocDoc), Юрий Солодовников (Альфа-Банк), Елена Лисеева (Rambler Group), Ирина Сенг (Vectorly), Алексей Чупин (МТС) и я (Райффайзенбанк).
В программе практические и подробные рассказы о картах компетенций, управлении командой пользовательских исследований, перестройке дизайн-организации, синхронизации дизайнеров.
Всё это полезно опытным дизайнерам — дизайн-менеджерам, арт-директорам, ведущим дизайнерам, дизайн-директорам, креативным директорам. Да и вообще тем, кто хочет решать всё более сложные профессиональные задачи и расти карьерно.
Встречаемся на Bang Bang Education 28 мая в 11:00.
#designmanagement
Сильных продуктовых компаний и дизайн-команд на рынке много, они накопили интересный управленческий опыт. Получился крепкий состав из руководителей: Софья Чебанова (Wargaming), Иван Соловьёв (DocDoc), Юрий Солодовников (Альфа-Банк), Елена Лисеева (Rambler Group), Ирина Сенг (Vectorly), Алексей Чупин (МТС) и я (Райффайзенбанк).
В программе практические и подробные рассказы о картах компетенций, управлении командой пользовательских исследований, перестройке дизайн-организации, синхронизации дизайнеров.
Всё это полезно опытным дизайнерам — дизайн-менеджерам, арт-директорам, ведущим дизайнерам, дизайн-директорам, креативным директорам. Да и вообще тем, кто хочет решать всё более сложные профессиональные задачи и расти карьерно.
Встречаемся на Bang Bang Education 28 мая в 11:00.
#designmanagement
Жирная подборка свежих интерфейсная паттернов, которая ударит по вашей и без того проблемной информационной диете на карантине:
1. Каталог паттернов игровых интерфейсов. Много видео и скриншотов с хорошей категоризацией.
2. NN/g: Чтение информации на сайтах. Они проводят его с 2006 года и каждый раз добавляют новые модели проведения (сейчас, например, появилась «газонокосилка»).
3. NN/g: Разница между выпадающим и обычным списком вариантов в формах и фильтрах. В конце — наглядная памятка по выбору под конкретную ситуацию.
4. Creative Navy: Интерфейсы электронной коммерции для B2B. Во второй статье они описывают специфику отрасли.
5. Betina Rajakumar: Индикаторы-предупреждения на экранах физических устройств (машины, бытовая техника и т.п.).
6. Alex Holachek: Типы полей ввода на мобильных и специальные клавиатуры для них.
7. NN/g: Пассивный поиск информации в интернете (например, через соц.сети или рассылки). В каких ситуациях он возникает чаще и как пользователи ведут себя.
8. Andy Clarke: серия экспериментов с интересной журнальной вёрсткой в вебе. В восьмом выпуске разбирает работы Herb Lubalin.
После такого — минимум сотня цифровых бёрпи.
#patterns
1. Каталог паттернов игровых интерфейсов. Много видео и скриншотов с хорошей категоризацией.
2. NN/g: Чтение информации на сайтах. Они проводят его с 2006 года и каждый раз добавляют новые модели проведения (сейчас, например, появилась «газонокосилка»).
3. NN/g: Разница между выпадающим и обычным списком вариантов в формах и фильтрах. В конце — наглядная памятка по выбору под конкретную ситуацию.
4. Creative Navy: Интерфейсы электронной коммерции для B2B. Во второй статье они описывают специфику отрасли.
5. Betina Rajakumar: Индикаторы-предупреждения на экранах физических устройств (машины, бытовая техника и т.п.).
6. Alex Holachek: Типы полей ввода на мобильных и специальные клавиатуры для них.
7. NN/g: Пассивный поиск информации в интернете (например, через соц.сети или рассылки). В каких ситуациях он возникает чаще и как пользователи ведут себя.
8. Andy Clarke: серия экспериментов с интересной журнальной вёрсткой в вебе. В восьмом выпуске разбирает работы Herb Lubalin.
После такого — минимум сотня цифровых бёрпи.
#patterns
Interface In Game
Interface In Game | Collection of video games UI | Screenshots and videos
Explore a collection of video games UI interfaces, screenshots and videos. This creative tool is for video games lovers and game designers to get inspiration and help the creative process.
🔥1
В режиме кар(ан)тинного слома границ между личным и рабочим пространством и себя-то поменеджить сложно. Но свежий мини-выпуск дайджеста о дизайн-менеджменте даст вам взять этого себя в руки:
1. Lyft: Структура дизайн-команд, её роль и зона ответственности и другие детали.
2. IBM: Планирование работы дизайн-менеджера через OKR и прозрачную отчётность для своего руководителя. Отличный пошаговый разбор подхода, который легко использовать для себя.
3. Яндекса: Встречи 1:1 с дизайнерами. Очень подробный и дотошный обзор подходов и практик, особенностей и подводных камней формата регулярных встреч дизайн-менеджера с дизайнерами (хотя часть из них другие авторы не считают частью 1:1).
4. CapitalOne: Также о 1:1.
5. Uber: Шаблон 1:1 и карты компетенций в целом (сам шаблон).
6. Jared Spool: Найм дизайнеров на базе книги Lou Adler «Hire with Your Head». Он фокусируется на том, что должно измениться после успешной работы нового человека. Сбор предварительной информации о кандидатах, которая помогает и компании, и самому дизайнеру лучше понять общие точки.
7. NN/g: Фасилитация рабочих сессий. Принципы, цели и инструментарий. По многим из них они уже публиковали отдельные статьи (например, базовые активности в виде методичек).
Кстати, напомню про онлайн-конференцию «Паттерны дизайн-менеджмента», которую курирую 28 мая для Bang Bang Education. Крепкий состав: Софья Чебанова (Wargaming), Иван Соловьёв (DocDoc), Юрий Солодовников (Альфа-Банк), Елена Лисеева (Rambler Group), Ирина Сенг (Vectorly), Алексей Чупин (МТС) и я (Райффайзенбанк). И важные темы: карты компетенций, управление командой пользовательских исследований, перестройка дизайн-организации, синхронизация дизайнеров.
#designmanagement
1. Lyft: Структура дизайн-команд, её роль и зона ответственности и другие детали.
2. IBM: Планирование работы дизайн-менеджера через OKR и прозрачную отчётность для своего руководителя. Отличный пошаговый разбор подхода, который легко использовать для себя.
3. Яндекса: Встречи 1:1 с дизайнерами. Очень подробный и дотошный обзор подходов и практик, особенностей и подводных камней формата регулярных встреч дизайн-менеджера с дизайнерами (хотя часть из них другие авторы не считают частью 1:1).
4. CapitalOne: Также о 1:1.
5. Uber: Шаблон 1:1 и карты компетенций в целом (сам шаблон).
6. Jared Spool: Найм дизайнеров на базе книги Lou Adler «Hire with Your Head». Он фокусируется на том, что должно измениться после успешной работы нового человека. Сбор предварительной информации о кандидатах, которая помогает и компании, и самому дизайнеру лучше понять общие точки.
7. NN/g: Фасилитация рабочих сессий. Принципы, цели и инструментарий. По многим из них они уже публиковали отдельные статьи (например, базовые активности в виде методичек).
Кстати, напомню про онлайн-конференцию «Паттерны дизайн-менеджмента», которую курирую 28 мая для Bang Bang Education. Крепкий состав: Софья Чебанова (Wargaming), Иван Соловьёв (DocDoc), Юрий Солодовников (Альфа-Банк), Елена Лисеева (Rambler Group), Ирина Сенг (Vectorly), Алексей Чупин (МТС) и я (Райффайзенбанк). И важные темы: карты компетенций, управление командой пользовательских исследований, перестройка дизайн-организации, синхронизация дизайнеров.
#designmanagement
❤1
Как бы подборка материалов по дизайн-системам перед уходом на как бы майские:
1. В прошлом году рассказывал об архитектуре токенов в дизайн-системе Mail.ru Paradigm, но только сейчас выложил презентацию. Это один из самых простых способов реализации дизайн-системы в коде. Набор базовых переменных визуального языка (цвета, шрифты, отступы и т.п.), который передаётся в любой компонентный фреймворк. Это позволяет проще управлять визуальным стилем продуктов и дешевле внедрить на практике.
2. Бесплатная книга Val Head об анимации в дизайн-системах для Adobe XD. Многое было в её статьях, но теперь собрано вместе.
3. Shopify: Крутой подход к системному написанию сообщений об ошибках. Грамотная категоризация, подход к аудиту, выбор правильной тональности — всё по полочкам.
4. Chromatic 2.0: Сервис-спутник для Storybook добавил возможность проверить и принять обновления компонентов в наглядном виде. Это упрощает работу распределённых команд над дизайн-системой.
5. Группа энтузиастов проанализировала известные дизайн-системы и пытается предложить стандартные названия и описания типовых компонентов.
6. Radius: Фреймворк для дизайн-систем. Есть компоненты на React на базе токенов и шаблоны в Figma.
7. Мощное интервью команды дизайн-системы Shopify Polaris. Это часовое видео, к которому прилагается отличное содержание ключевых тем.
8. Bootstrap 5 выйдет весной. Разбор нововведений.
9. CSS-фреймворк для стилизации интерфейсов под Windows 98.
#designsystems
1. В прошлом году рассказывал об архитектуре токенов в дизайн-системе Mail.ru Paradigm, но только сейчас выложил презентацию. Это один из самых простых способов реализации дизайн-системы в коде. Набор базовых переменных визуального языка (цвета, шрифты, отступы и т.п.), который передаётся в любой компонентный фреймворк. Это позволяет проще управлять визуальным стилем продуктов и дешевле внедрить на практике.
2. Бесплатная книга Val Head об анимации в дизайн-системах для Adobe XD. Многое было в её статьях, но теперь собрано вместе.
3. Shopify: Крутой подход к системному написанию сообщений об ошибках. Грамотная категоризация, подход к аудиту, выбор правильной тональности — всё по полочкам.
4. Chromatic 2.0: Сервис-спутник для Storybook добавил возможность проверить и принять обновления компонентов в наглядном виде. Это упрощает работу распределённых команд над дизайн-системой.
5. Группа энтузиастов проанализировала известные дизайн-системы и пытается предложить стандартные названия и описания типовых компонентов.
6. Radius: Фреймворк для дизайн-систем. Есть компоненты на React на базе токенов и шаблоны в Figma.
7. Мощное интервью команды дизайн-системы Shopify Polaris. Это часовое видео, к которому прилагается отличное содержание ключевых тем.
8. Bootstrap 5 выйдет весной. Разбор нововведений.
9. CSS-фреймворк для стилизации интерфейсов под Windows 98.
#designsystems
Speaker Deck
Юрий Ветров — Токены в дизайн-системах
Один из самых простых способов реализации дизайн-системы в коде — токены. Это набор базовых переменных визуального языка (цвета, шрифты, отступы и т.п.)…
Мини-подборка о пользовательских исследованиях — такая же сочная и виртуальная, как шашлык на этих майских:
1. Карта компетенций UX-исследователя от сообщества ResearchOps. Очень крутой и детализированный подход, который интересно раскладывается на уровни влияния в компании. Один из лучших подходов к карте навыков вообще.
2. Конференция Advancing Research 2020 прошла 30 апреля-1 марта в онлайне вместо Нью-Йорка. Это первая конференция на тему от Rosenfeld Media, организаторов одних из самых полезных и глубоких конференций. Natalie Hanson сделала традиционный конспект выступлений.
3. Lindsay Boylan из Mariana Tek рассказывает о своём опыте построения базы знаний и инсайтов из пользовательских исследований. Она начала делать её в Airtable, но потом переехала в EnjoyHQ (бывший NomNom). Получилась толковая инструкция по созданию такой базы.
4. Пример базы знаний и инсайтов из пользовательских исследований от Zapier.
5. Jonathan Meharry из HubSpot описывает подход к декомпозиции и оценке пользовательских сценариев. Это позволило команде расставить приоритеты при развитии интерфейса.
6. Brigette Metzler улучшила фреймворк сообщества ResearchOps — она связала его с моделью разной скорости изменений Stewart Brand. Это восемь ключевых аспектов: от формулирования вопроса исследований и поиска респондентов до настройки инструментария.
7. Caroline Jarrett и Janice ‘Ginny’ Redish описывают подходы к юзабилити-тестированию документов. Можно попросить респондентов кратко описать суть после прочтения, отметить отдельные абзацы плюсами и минусами, попросить найти ответ на конкретный вопрос.
8. Lennon Cheng показывает, как использует Figma для заметок во время юзабилити-тестирования.
Приятного аппетита!
#research
1. Карта компетенций UX-исследователя от сообщества ResearchOps. Очень крутой и детализированный подход, который интересно раскладывается на уровни влияния в компании. Один из лучших подходов к карте навыков вообще.
2. Конференция Advancing Research 2020 прошла 30 апреля-1 марта в онлайне вместо Нью-Йорка. Это первая конференция на тему от Rosenfeld Media, организаторов одних из самых полезных и глубоких конференций. Natalie Hanson сделала традиционный конспект выступлений.
3. Lindsay Boylan из Mariana Tek рассказывает о своём опыте построения базы знаний и инсайтов из пользовательских исследований. Она начала делать её в Airtable, но потом переехала в EnjoyHQ (бывший NomNom). Получилась толковая инструкция по созданию такой базы.
4. Пример базы знаний и инсайтов из пользовательских исследований от Zapier.
5. Jonathan Meharry из HubSpot описывает подход к декомпозиции и оценке пользовательских сценариев. Это позволило команде расставить приоритеты при развитии интерфейса.
6. Brigette Metzler улучшила фреймворк сообщества ResearchOps — она связала его с моделью разной скорости изменений Stewart Brand. Это восемь ключевых аспектов: от формулирования вопроса исследований и поиска респондентов до настройки инструментария.
7. Caroline Jarrett и Janice ‘Ginny’ Redish описывают подходы к юзабилити-тестированию документов. Можно попросить респондентов кратко описать суть после прочтения, отметить отдельные абзацы плюсами и минусами, попросить найти ответ на конкретный вопрос.
8. Lennon Cheng показывает, как использует Figma для заметок во время юзабилити-тестирования.
Приятного аппетита!
#research
www.researchskills.net
Research Skills Framework
The framework breaks down the range of skills necessary for modern user research, and provides a number of perspectives and tools for skills and career growth.
Собрал дайджест продуктового дизайна за апрель 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте
Кстати, он выходит в виде статьи уже 10 лет :) Как выглядел первый выпуск.
#digest
Напомню, что его можно получать разными способами:
— ВКонтакте
— Рассылка по почте
Кстати, он выходит в виде статьи уже 10 лет :) Как выглядел первый выпуск.
#digest
Накопилась очередная пачка материалов о тёмной теме оформления. Переработал полную статейку-коллекцию и собрал в ней всё вместе.
1. NN/g: выкладки из исследований о восприятии тёмной и светлой темы. В большинстве случаев светлая тема облегчает чтение.
2. Моя бывшая коллега Ксения Стернина рассказывала о похожем исследовании в Mail.ru Group.
3. Stack Overflow: много о манипуляциях с цветом, чтобы добиться гармоничной палитры.
4. Catalin Red: как менять favicon сайта.
5. Josh W Comeau: поддержка в сайтах на генераторе Gatsby.
6. Blessing Krofegha: инструкция по созданию через механизм стилизованных компонентов на React.
7. Max Böck: как быстро и дёшево сделать переключатель.
8. Kilian Valkhof: советует не делать простой переключатель светлой и тёмной темы на сайте, а добавить возможность оставить выбор на уровне системы.
Поскольку маятник трендов регулярно болтается туда-сюда, по мере насыщения продуктов тёмной темой многие наверняка соскучатся по старой доброй светлой. Всё-таки контент ещё далёк от соответствия этим лучшим практикам, поэтому выглядит зачастую коряво.
#designsystems #darkmode
1. NN/g: выкладки из исследований о восприятии тёмной и светлой темы. В большинстве случаев светлая тема облегчает чтение.
2. Моя бывшая коллега Ксения Стернина рассказывала о похожем исследовании в Mail.ru Group.
3. Stack Overflow: много о манипуляциях с цветом, чтобы добиться гармоничной палитры.
4. Catalin Red: как менять favicon сайта.
5. Josh W Comeau: поддержка в сайтах на генераторе Gatsby.
6. Blessing Krofegha: инструкция по созданию через механизм стилизованных компонентов на React.
7. Max Böck: как быстро и дёшево сделать переключатель.
8. Kilian Valkhof: советует не делать простой переключатель светлой и тёмной темы на сайте, а добавить возможность оставить выбор на уровне системы.
Поскольку маятник трендов регулярно болтается туда-сюда, по мере насыщения продуктов тёмной темой многие наверняка соскучатся по старой доброй светлой. Всё-таки контент ещё далёк от соответствия этим лучшим практикам, поэтому выглядит зачастую коряво.
#designsystems #darkmode
Юрий Ветров об интерфейсах
Тёмная тема оформления
Собрал вместе все материалы о тёмной теме оформления, которые выходили в дайджесте.Гайдлайны платформMaterial DesignСтатьи и выступления дизайнеров Google: Пара слов от их дизайнеров How to Design a Dark Theme Using…
19-21 мая прошла ежегодная конференция Microsoft Build 2020. Как и вся жизнь в этом году, в онлайне.
Большинство выступлений посвящено разработке, но дизайн-команда сделала обзор текущего состояния дизайн-системы Microsoft Fluent UI, которая заменила в том числе Office Fabric UI.
Во-первых, кросс-платформенные библиотеки для React, iOS и MacOS, Android, React Native и Windows. Обещают поддержку токенов для тематизации.
Во-вторых, шаблоны для Figma. Android, iOS, веб и пиктограммы.
Сама идеология Fluid станет основой и для модульных документов в MS Office.
На самом деле это все новости и на подробный разбор не тянет. Поэтому ловите подборку видео с милыми щенята…, ой, продуктовыми видео в обёртке визуального языка Fluent Design. Это один из самых ярких и передовых подходов к брендингу цифровых продуктов на текущий момент. Причём Microsoft смогли сделать это во второй раз после революции с Metro-дизайном, который уничтожил опереточный скеоморфиизм:
— Meet the new icons for Office 365
— Microsoft Fluent UI
— Microsoft Fluent Design System
— Power and simplicity
— Dark Mode in Microsoft 365
— Imagining Collaboration with the Microsoft Fluid Framework
— Tasks in Microsoft 365
— Re-imagining Microsoft’s mobile experiences
— The Microsoft Office app
— Introducing Microsoft Editor
— The new Yammer in Microsoft 365
Большая подборка видео есть в их Vimeo и Instagram. А вообще следить за этой бесконечной крутотой можно на Behance и Dribbble. Читать лучше всего на сайте Microsoft Design или их Medium. Ну и Facebook с Twitter на сдачу.
Ну и вопрос на подумать: приблизились ли они к видению будущего 2019 года, которое представляли в 2011 году?
#designsystems
Большинство выступлений посвящено разработке, но дизайн-команда сделала обзор текущего состояния дизайн-системы Microsoft Fluent UI, которая заменила в том числе Office Fabric UI.
Во-первых, кросс-платформенные библиотеки для React, iOS и MacOS, Android, React Native и Windows. Обещают поддержку токенов для тематизации.
Во-вторых, шаблоны для Figma. Android, iOS, веб и пиктограммы.
Сама идеология Fluid станет основой и для модульных документов в MS Office.
На самом деле это все новости и на подробный разбор не тянет. Поэтому ловите подборку видео с милыми щенята…, ой, продуктовыми видео в обёртке визуального языка Fluent Design. Это один из самых ярких и передовых подходов к брендингу цифровых продуктов на текущий момент. Причём Microsoft смогли сделать это во второй раз после революции с Metro-дизайном, который уничтожил опереточный скеоморфиизм:
— Meet the new icons for Office 365
— Microsoft Fluent UI
— Microsoft Fluent Design System
— Power and simplicity
— Dark Mode in Microsoft 365
— Imagining Collaboration with the Microsoft Fluid Framework
— Tasks in Microsoft 365
— Re-imagining Microsoft’s mobile experiences
— The Microsoft Office app
— Introducing Microsoft Editor
— The new Yammer in Microsoft 365
Большая подборка видео есть в их Vimeo и Instagram. А вообще следить за этой бесконечной крутотой можно на Behance и Dribbble. Читать лучше всего на сайте Microsoft Design или их Medium. Ну и Facebook с Twitter на сдачу.
Ну и вопрос на подумать: приблизились ли они к видению будущего 2019 года, которое представляли в 2011 году?
#designsystems
Microsoft
Microsoft Build
Connect, code, and grow at Microsoft Build
Свежая подборка памяток о том, как делать интерфейсы правильно, чтобы не делать неправильно. Паттерны, лучшие практики и вот это вот всё:
1. NN/g: проблемы интернет-магазинов с доставкой продуктов, которые вскрылись во время карантина и нереального спроса. Как учитывать такие пограничные ситуации.
2. И снова новая коллекция интерфейсных паттернов.
3. Редизайн сложной таблицы с интересным взаимодействием.
4. NN/g: три вида поведения пользователей при поиске информации: получить, сравнить или выбрать, понять, простить (не, на самом деле без этого).
5. Baymard Institute: актуализировали своё исследование интернет-магазинов.
6. Accessibility в визуализации данных на базе движка D3.js. Более общие советы.
7. Andy Clarke: журнальная вёрстка в вебе в духе Max Huber.
8. Adam Silver: единое поле ввода для сложных числовых данных или разделения на несколько? В большинстве случаев лучше работает общее.
9. Jeff Sauro и Jim Lewis: сравнительное юзабилити-тестирование сервисов для видео-звонков. Как пользователи оценивают их по метрикам UMUX-LITE и NPS.
10. NN/g: анализ китайских сервисов для оплаты по лицу в магазинах и кафе. Это пока ещё непривычное решение и оно вызывает много вопросов у пользователей.
11. Usethics: проектирование информационных киосков с сенсорным управлением. У них сильно различаются экраны и физическое расположение, что приводит к большому разбросу ситуаций.
12. Ahman Shadeed: промежуточные состояния адаптивности, которые лежат между популярными точками разрыва.
13. NN/g: представление информации в интранетах компаний о ситуации с пандемией и удалённой работе в целом.
14. NN/g: свежее исследование скорости работы сайтов, которое они делают уже 23 года. Всё плохо — несмотря на увеличение скоростей доступа, сами сайты грузятся также долго (теперь из-за плохой оптимизации кода). Она приводит серию выкладок из экспериментов компаний, показывающих плохое влияние на конверсию.
А я пока пошёл собирать следующий мини-дайджест.
#patterns
1. NN/g: проблемы интернет-магазинов с доставкой продуктов, которые вскрылись во время карантина и нереального спроса. Как учитывать такие пограничные ситуации.
2. И снова новая коллекция интерфейсных паттернов.
3. Редизайн сложной таблицы с интересным взаимодействием.
4. NN/g: три вида поведения пользователей при поиске информации: получить, сравнить или выбрать, понять, простить (не, на самом деле без этого).
5. Baymard Institute: актуализировали своё исследование интернет-магазинов.
6. Accessibility в визуализации данных на базе движка D3.js. Более общие советы.
7. Andy Clarke: журнальная вёрстка в вебе в духе Max Huber.
8. Adam Silver: единое поле ввода для сложных числовых данных или разделения на несколько? В большинстве случаев лучше работает общее.
9. Jeff Sauro и Jim Lewis: сравнительное юзабилити-тестирование сервисов для видео-звонков. Как пользователи оценивают их по метрикам UMUX-LITE и NPS.
10. NN/g: анализ китайских сервисов для оплаты по лицу в магазинах и кафе. Это пока ещё непривычное решение и оно вызывает много вопросов у пользователей.
11. Usethics: проектирование информационных киосков с сенсорным управлением. У них сильно различаются экраны и физическое расположение, что приводит к большому разбросу ситуаций.
12. Ahman Shadeed: промежуточные состояния адаптивности, которые лежат между популярными точками разрыва.
13. NN/g: представление информации в интранетах компаний о ситуации с пандемией и удалённой работе в целом.
14. NN/g: свежее исследование скорости работы сайтов, которое они делают уже 23 года. Всё плохо — несмотря на увеличение скоростей доступа, сами сайты грузятся также долго (теперь из-за плохой оптимизации кода). Она приводит серию выкладок из экспериментов компаний, показывающих плохое влияние на конверсию.
А я пока пошёл собирать следующий мини-дайджест.
#patterns
Nielsen Norman Group
Online Shopping for Food and Groceries During Covid-19
Allow users to reserve delivery windows before they start shopping; clearly communicate delivery minimums and fees; allow users to specify substitutions for low-stock items as they shop.
Маленький, да удаленький выпуск про дизайн-менеджмент:
1. Моя презентация о фреймворке «Паттерны дизайн-менеджмента», на базе которого построена будущая книга и курс на Bang Bang Education. Это системный подход к улучшению дизайна в компании, а также обновлению самой организации для этого рывка. Он помогает проанализировать ситуацию в компании и определить точки фокуса, а после этого предложить стратегию и команду, которая сможет запустить пилот и масштабировать его. Всё это базируется на наборе повторяемых методов и практик дизайн-менеджмента, обёрнутых в формат паттернов.
2. Figma: Все способы синхронизации дизайн-команды. Регулярные встречи, сессии дизайн-критики, совместные выезды, обучение и другие форматы.
3. DocDoc: Два подхода к дизайн-менеджменту. Надзиратель, который микро-менеджит команду, и яблочное дерево, когда руководитель помогает ей развиваться и расти.
4. NN/g: Использование половины двойного алмаза для процесса найма. Он и так происходит в таком формате, но аналогия интересная.
5. Ситимобил: Процесс найма. От отбора и собеседований до тестового задания.
6. Marcelo Somers: Гибкость в работе над клиентским опытом. Какие организационные способности должны быть у организации, чтобы реагировать на быстрые изменения рынка.
7. NN/g: Опрос дизайнеров интерфейсов и дизайн-менеджеров на тему их понимания DesignOps.
Кстати, можно докупить записи онлайн-конференции «Паттерны дизайн-менеджмента», на которой я и другие крепкие дизайн-менеджеры из Wargaming, DocDoc, Vectorly, Rambler Group и МТС рассказывали о своё опыте управления командами.
#designmanagement
1. Моя презентация о фреймворке «Паттерны дизайн-менеджмента», на базе которого построена будущая книга и курс на Bang Bang Education. Это системный подход к улучшению дизайна в компании, а также обновлению самой организации для этого рывка. Он помогает проанализировать ситуацию в компании и определить точки фокуса, а после этого предложить стратегию и команду, которая сможет запустить пилот и масштабировать его. Всё это базируется на наборе повторяемых методов и практик дизайн-менеджмента, обёрнутых в формат паттернов.
2. Figma: Все способы синхронизации дизайн-команды. Регулярные встречи, сессии дизайн-критики, совместные выезды, обучение и другие форматы.
3. DocDoc: Два подхода к дизайн-менеджменту. Надзиратель, который микро-менеджит команду, и яблочное дерево, когда руководитель помогает ей развиваться и расти.
4. NN/g: Использование половины двойного алмаза для процесса найма. Он и так происходит в таком формате, но аналогия интересная.
5. Ситимобил: Процесс найма. От отбора и собеседований до тестового задания.
6. Marcelo Somers: Гибкость в работе над клиентским опытом. Какие организационные способности должны быть у организации, чтобы реагировать на быстрые изменения рынка.
7. NN/g: Опрос дизайнеров интерфейсов и дизайн-менеджеров на тему их понимания DesignOps.
Кстати, можно докупить записи онлайн-конференции «Паттерны дизайн-менеджмента», на которой я и другие крепкие дизайн-менеджеры из Wargaming, DocDoc, Vectorly, Rambler Group и МТС рассказывали о своё опыте управления командами.
#designmanagement
Speaker Deck
Фреймворк Паттерны дизайн-менеджмента
Системный подход к развитию дизайна в компании. Почему паттерны? Методы и практики можно использовать повторно. А многие компании решают одинаковые проблемы.
10 лет назад вышел первый выпуск дайджеста продуктового дизайна в виде статьи. Тогда он назывался «обзор свежих материалов по проектированию интерфейсов» и только перекочевал из супер-технологичной соцсети Friendfeed (которую позже купил и убил Фейсбук). Этот материал я изначально сделал для рассылки и сайта «Юзабилити-бюллетень», но там были заминки с публикацией, так что выложил у себя в блоге и на Хабре, когда он был ещё тот.
Я и так давно читаю большой поток статей о дизайне интерфейсов. В какой-то момент начал делиться ими в соц.сетях, потом в статьях-подборках, а потом и через другие каналы. Неожиданно это оказалось полезным большому количеству людей :) Поэтому когда спрашивают о том, как у тебя хватает сил вести это, я повторяю примерно один и тот же посыл — 80% этого времени я тратил бы на профессиональное самообразование и без дайджеста. А за оставшиеся 20% успеваю упаковать это наружу. Идея кураторства контента тогда только взлетала, так что удачно попал в начало тренда.
За 10 лет вышло 99 выпусков (в понедельник появится сотый). Сложно посчитать, сколько ссылок за это время накопилось. Но в 2017 году Кирилл Улитин собрал крутой анализ публикаций и даже запустил сайт на его основе. На тот момент за 7 лет в 59 дайджестов вошло 7875 ссылок. Костяк рубрик остался тем же, но по мере развития профессии добавлялись новые (например, дизайн-системы и гайдлайны, дизайн-менеджмент, брендинг цифровых продуктов).
Менялись и способы доставки. Начал вместе с Алексеем Ивановым во Friendfeed в 2009 года, потом перешёл в Facebook в 2011. Первая статья-обзор вышла в 2010 году в блоге и на Хабре, в 2014 появился компактный формат для vc.ru. В 2015 появилась рассылка, а в 2017 — Телеграм и ВК. Я долгое время ленился и сопротивлялся этому, но смерть Фейсбука как надёжного инструмента (привет садо-мазохистам со ссылкой в первом комментарии) и удача стратегии Buzzfeed c мета-платформенностью помогли посмотреть правде в глаза.
Меня часто спрашивают, сам ли я веду дайджест. Да, зря сомневаетесь :) Общий подход «фоновых исследований» описывал в 2014 году, модель в целом актуальна (видео). Это около часа в день, причём, как и говорил выше — 80% или 48 минут из него и без дайджеста уходила бы на проф.развитие.
Но есть много людей, которые помогали развивать его в разное время:
— Саша Орлов, который сделал текущую стилистику на базе кинетической типографики.
— Редактор «Сетка», команда которого предоставляет платформу и помогает с вёрсткой.
— Вова Рудных, который написал парсер из Фейсбука в черновик статьи, экономивший тонну времени.
— Женя Мальков, который помог развить Телеграм и ВК до текущего флагманского состояния.
— Лёша Иванов, который пригласил вести самый первый подход во Friendfeed.
— Гена Драгун, Антон Олейник, Паша Скрипкин, Дима Подлужный, Антон Артёмов, Денис Ефремов, Лёша Копылов, Тарас Бризицкий, Евгений Соколов и многие другие, кто присылал свои материалы.
— Володя Хропов и, кажется, Денис Москалец, которые помогали с хостингом долгие годы.
— Команда vc.ru, которая помогает с публикациями на площадке.
— Коллеги из Mail.ru Group и Райффайзенбанка (Божена, Паша, Лиза и наверняка кого-то ещё забыл), которые помогали верстать версию для Хабра с его бесчеловечным редактором.
— Майя, которая всё это терпит и поддерживает :)
Спасибо вам! И тем, кого мог забыть упомянуть. И тем, кто благодарил за эту работу, потому что много раз хотелось соскочить и только убеждённость, что дайджест помогает проф.сообществу не давала нажать рубильник :)
Не знаю, в каком формате дайджест окажется в 2030 году. Но если я всё ещё буду заниматься дизайном интерфейсов, то он точно будет выходить :) Сейчас (пальцем в небо) оценкам его суммарно читают порядка 250 000 человек на разных площадках. Не забудьте подписаться на них:
— Телеграм: 30 000
— Facebook: 19 500
— Рассылка: 5000
— ВК: 210 000
— Дайджест в блоге: 4000 в месяц
— VC: 4000 в месяц
— Хабр: 2000 в месяц
#digest
За 10 лет вышло 99 выпусков (в понедельник появится сотый). Сложно посчитать, сколько ссылок за это время накопилось. Но в 2017 году Кирилл Улитин собрал крутой анализ публикаций и даже запустил сайт на его основе. На тот момент за 7 лет в 59 дайджестов вошло 7875 ссылок. Костяк рубрик остался тем же, но по мере развития профессии добавлялись новые (например, дизайн-системы и гайдлайны, дизайн-менеджмент, брендинг цифровых продуктов).
Менялись и способы доставки. Начал вместе с Алексеем Ивановым во Friendfeed в 2009 года, потом перешёл в Facebook в 2011. Первая статья-обзор вышла в 2010 году в блоге и на Хабре, в 2014 появился компактный формат для vc.ru. В 2015 появилась рассылка, а в 2017 — Телеграм и ВК. Я долгое время ленился и сопротивлялся этому, но смерть Фейсбука как надёжного инструмента (привет садо-мазохистам со ссылкой в первом комментарии) и удача стратегии Buzzfeed c мета-платформенностью помогли посмотреть правде в глаза.
Меня часто спрашивают, сам ли я веду дайджест. Да, зря сомневаетесь :) Общий подход «фоновых исследований» описывал в 2014 году, модель в целом актуальна (видео). Это около часа в день, причём, как и говорил выше — 80% или 48 минут из него и без дайджеста уходила бы на проф.развитие.
Но есть много людей, которые помогали развивать его в разное время:
— Саша Орлов, который сделал текущую стилистику на базе кинетической типографики.
— Редактор «Сетка», команда которого предоставляет платформу и помогает с вёрсткой.
— Вова Рудных, который написал парсер из Фейсбука в черновик статьи, экономивший тонну времени.
— Женя Мальков, который помог развить Телеграм и ВК до текущего флагманского состояния.
— Лёша Иванов, который пригласил вести самый первый подход во Friendfeed.
— Гена Драгун, Антон Олейник, Паша Скрипкин, Дима Подлужный, Антон Артёмов, Денис Ефремов, Лёша Копылов, Тарас Бризицкий, Евгений Соколов и многие другие, кто присылал свои материалы.
— Володя Хропов и, кажется, Денис Москалец, которые помогали с хостингом долгие годы.
— Команда vc.ru, которая помогает с публикациями на площадке.
— Коллеги из Mail.ru Group и Райффайзенбанка (Божена, Паша, Лиза и наверняка кого-то ещё забыл), которые помогали верстать версию для Хабра с его бесчеловечным редактором.
— Майя, которая всё это терпит и поддерживает :)
Спасибо вам! И тем, кого мог забыть упомянуть. И тем, кто благодарил за эту работу, потому что много раз хотелось соскочить и только убеждённость, что дайджест помогает проф.сообществу не давала нажать рубильник :)
Не знаю, в каком формате дайджест окажется в 2030 году. Но если я всё ещё буду заниматься дизайном интерфейсов, то он точно будет выходить :) Сейчас (пальцем в небо) оценкам его суммарно читают порядка 250 000 человек на разных площадках. Не забудьте подписаться на них:
— Телеграм: 30 000
— Facebook: 19 500
— Рассылка: 5000
— ВК: 210 000
— Дайджест в блоге: 4000 в месяц
— VC: 4000 в месяц
— Хабр: 2000 в месяц
#digest
Medium
Как я прочитал все выпуски продуктового дайджеста
Юрий Ветров уже 7 лет выпускает дайджест продуктового дизайна. Следующий выпуск будет шестидесятым, и этот обзор, с одной стороны…
Собрал дайджест продуктового дизайна за май 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Кстати, это сотый выпуск! Около 10 000 ссылок за 10 лет. Предыстория и благодарности всем, кто помогал в разные периоды. Сейчас его суммарно читают порядка 250 000 человек на разных площадках:
— Телеграм: 30 000
— Facebook: 19 500
— Рассылка: 5000
— ВК: 210 000
— Дайджест в блоге: 4000 в месяц
— vc.ru: 4000 в месяц
— Хабр: 2000 в месяц
#digest
Кстати, это сотый выпуск! Около 10 000 ссылок за 10 лет. Предыстория и благодарности всем, кто помогал в разные периоды. Сейчас его суммарно читают порядка 250 000 человек на разных площадках:
— Телеграм: 30 000
— Facebook: 19 500
— Рассылка: 5000
— ВК: 210 000
— Дайджест в блоге: 4000 в месяц
— vc.ru: 4000 в месяц
— Хабр: 2000 в месяц
#digest
Съешь этих мягких французских булок, да выпей чаю. Это приветственное предложение ничего не значит и не имеет отношения к подборке о пользовательских исследованиях, но с большой долей вероятности привлекло ваше внимание:
1. Joom: Три проблемных способа интеграции пользовательских исследователей в продуктовых компаниях: они проводятся только силами дизайнеров и менеджеров либо только внутри UX-лаборатории, а где-то и вовсе не существуют.
2. Jeff Sauro и Jim Lewis: Как опредлить процент успешно завершённых сценариев в удалённом немодерируемом юзабилити-тестировании. Они предлагают аппроксимацию из ответов на SUS и SEQ.
3. Jim Lewis и Jeff Sauro: Сравнительное исследование корпоративного ПО. Они сравнили их по метрикам SUS и NPS.
4. NN/g: Опрос UX-специалистов на тему проведения разведочных пользовательских исследований.
5. Steve Bromley: Приложил методы пользовательских исследований к основным этапам модели двойного алмаза. Как и на какой стадии проверить гипотезы.
5. Rachel Miles: Airtable для хранения находок из пользовательских исследований. Она базируется на старой инструкции от самого сервиса.
6. Deliveroo: Архив отчётов о проведённых пользовательских исследованиях. Они пошли простым путём — сделали хорошо организованный список, не стали делать выдержки конкретных находок.
7. NN/g: Разница между шкалой Лайкерта и семантическим дифференциалом. Это два популярных вида вопросов с градацией ответов в пользовательских исследованиях.
8. Jeff Sauro и Jim Lewis: Обзор своих выкладок о нюансах использования шкал опросов.
9. ELEKS: Грамотные вопросы на интервью с пользователями в ходе исследований.
10. Paul Boag: Методы тестирования дизайн-концептов.
Но раз уж вы прочитали этот выпуск, то чаю утром понедельника заварить можно :)
#research
1. Joom: Три проблемных способа интеграции пользовательских исследователей в продуктовых компаниях: они проводятся только силами дизайнеров и менеджеров либо только внутри UX-лаборатории, а где-то и вовсе не существуют.
2. Jeff Sauro и Jim Lewis: Как опредлить процент успешно завершённых сценариев в удалённом немодерируемом юзабилити-тестировании. Они предлагают аппроксимацию из ответов на SUS и SEQ.
3. Jim Lewis и Jeff Sauro: Сравнительное исследование корпоративного ПО. Они сравнили их по метрикам SUS и NPS.
4. NN/g: Опрос UX-специалистов на тему проведения разведочных пользовательских исследований.
5. Steve Bromley: Приложил методы пользовательских исследований к основным этапам модели двойного алмаза. Как и на какой стадии проверить гипотезы.
5. Rachel Miles: Airtable для хранения находок из пользовательских исследований. Она базируется на старой инструкции от самого сервиса.
6. Deliveroo: Архив отчётов о проведённых пользовательских исследованиях. Они пошли простым путём — сделали хорошо организованный список, не стали делать выдержки конкретных находок.
7. NN/g: Разница между шкалой Лайкерта и семантическим дифференциалом. Это два популярных вида вопросов с градацией ответов в пользовательских исследованиях.
8. Jeff Sauro и Jim Lewis: Обзор своих выкладок о нюансах использования шкал опросов.
9. ELEKS: Грамотные вопросы на интервью с пользователями в ходе исследований.
10. Paul Boag: Методы тестирования дизайн-концептов.
Но раз уж вы прочитали этот выпуск, то чаю утром понедельника заварить можно :)
#research
GoPractice
Как правильно интегрировать исследования пользователей и рынка в вашу продуктовую команду - GoPractice
Продуктовые исследования пользователей. Как внедрить UX-исследования в продукт и маркетинг? Зачем бизнесу продуктовые исследования?