Оффлайн
- Регистрация
- 23.09.18
- Сообщения
- 12.347
- Реакции
- 176
- Репутация
- 0
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски:
28 мая курирую ещё одну онлайн-конференцию по дизайн-менеджменту. На ней выступят руководители крупных и средних по размеру дизайн- и UX-исследовательских команд: Алексей Чупин (МТС), Софья Чебанова (Wargaming), Юрий Солодовников (Альфа-Банк), Лена Лисеева (Rambler Group), Иван Соловьёв (DocDoc), создатели инструмента для карты компетенций Vectorly и я от Райффайзенбанка. Студентам одноимённого курса — почти бесплатно.
Паттерны и лучшие практики
Мощная коллекция чеклистов для интерфейсных паттернов от Smashing Magazine. PDF присылают после регистрации.
Alita Joyce из Nielsen/Norman Group рассказывает об интересном исследовании обучающих экранов на мобильных. Они должны сделать интерфейс понятнее, но скорее создают у пользователя ощущение сложности.
Отличная инструкция по выбору интерфейсных паттернов для представления дополнительной информации от Ryan Neufeld. Когда уводить пользователя на отдельную страницу, когда показывать попап или другой динамический элемент.
Edward Scott из Baymard напоминает, что важно конкретизировать, зачем компании номер телефона пользователя. Это повышает доверие и вероятность заполнения поля.
Kim Flaherty из Nielsen/Norman Group рассказывает о небольшом пользовательском исследовании анимированных GIF в письмах рассылки. От них больше проблем для читателей, чем пользы (хотя показатели вполне могут быть хорошими).
Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В седьмом выпуске разбирает работы Otto Storch.
О переосмыслении роли в предоставлении информации пользователям.
Дизайн-системы и гайдлайны
Новая версия выйдет весной.
Понимание пользователя
Появился курсор,
Открылся предзаказ на книгу Jim Kalbach «The Jobs To Be Done Playbook». Она выходит в апреле в Rosenfeld Media в апреле.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Kim Flaherty из Nielsen/Norman Group рассказывает об анализе customer journey map для поиска проблем и точек роста. Хорошая памятка с примерами.
Новые инструменты дизайна интерфейсов
Возможность сменить цвет в символе (идеально для пиктограмм), переработанное меню компонентов и общая оптимизация.
Компоненты внутри компонентов, привязка к пиксельной сетке, эффект размытия фона в iOS.
Вышло обновление с компонентами и другими полезными возможностями.
Figma: Плагины
Статьи
Alex Lockwood из Lyft рассказывает об
Простой генератор графики на базе потоков линий.
Простой инструмент для создания 9-частной границы на CSS.
Генератор шотландских паттернов в клетку с SVG на выходе.
Стёб над претенциозными названиями цветов в виде эпатажных палитр.
Генератор популярных размеров баннеров и видео-рекламы из одного мастера.
Плагин для Chrome позволяет быстро примерить шрифты на существующем сайте.
Пользовательские исследования и тестирование
Kate Towsey описывает своё понимание роли ResearchOps на основе опыта работы в Atlassian. Из кого состояла их команда и как она взаимодействовала с отдельными исследователями.
Maria Rosala из Nielsen/Norman Group описывает методичку по изучению пространства проблем на разведочной стадии дизайн-процесса. Отличный обзор методов и результатов.
Наталья Мишина из Контура даёт советы по поиску респондентов для пользовательских исследований. Особенно в ситуациях, где это непросто.
Julie Fischer из HubSpot рассказывает, как команда формирует план пользовательских исследований. Туда не может попасть всё, так что нужна приоритезация.
Jeff Sauro и Jim Lewis изучают эффект Von Restorff, который потенциально может описывать разницу между интерфейсными решениями. Они провели эксперимент, чтобы выявить самые заметные альтернативы, но простого ответа не получили.
Калькулятор вознаграждения для респондентов пользовательских исследований от Ethnio. Пытается учитывать страну.
Ariel Chernin и Cassie Kaiser из Shopify рассказывают о работе команды UX- и маркетинговых исследований в условиях паузы в использовании большинства привычных методов.
Мысли Rob Tannen на тему того, насколько релевантны пользовательские исследования, проведённые в условиях карантина, который сильно меняет поведение людей.
Elissa Darnell описывает три вида неосознанных когнитивных искажений внутри продуктовых команд, которые должны помочь решить пользовательские исследования.
Paulina Barlik из Shopify взвешивает плюсы и минусы разных форматов презентации результатов пользовательских исследований. Она даёт рекомендацию по наиболее популярным артефактам.
Mingming Fan, Serina Shi и Khai N. Truong опросили 197 пользовательских исследователей на тему особенностей метода, в котором респондент озвучивает свои мысли вслух. Нюансы и подводные камни.
Ольга Крюкова из Usethics рассказывает, как сравнивать разные продукты по эвристикам. Она приводит пример для ресторанов.
Jonathan Walter собрал советы коллег из Rockwell Automation по ситуациям, когда респондент не пришёл на пользовательское исследование.
Памятка по формулированию правильных вопросов для пользовательских исследований от Jeremiah Lam, в зависимости от задачи.
Марина Степанова из Учи.ру рассказывает о процессе пользовательских исследований в компании.
Визуальное программирование и дизайн в браузере
Группа энтузиастов запустила сайт-памятку по внедрению вариативных шрифтов и работе с ними.
Новые скрипты
Работа с цветом в вебе
Метрики и ROI
Олег Якубенков пишет о важности постоянного напоминания ключевых метрик продуктовой команде. Он рассказывает о своём опыте работы в Facebook и как эти знания постоянно освежали.
Дизайн-менеджмент и DesignOps
Jared Spool описывает свой подход к найму дизайнеров на базе книги Lou Adler «Hire with Your Head». Он фокусируется на том, что должно измениться после успешной работы нового человека.
Во второй статье он описывает
Evelyn Kim из Uber делится своим шаблоном для проведения встреч 1:1 и ведения карты компетенций в целом.
Daniel Szuc и Josephine Wong дают советы по изменению культуры в компании, которая поможет хорошему дизайну.
Командное взаимодействие
Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (
Но вариантов нет, так что надо учиться на ходу. Вот пачка годных советов для распределённых дизайн-команд, которые выходили за последнее время.
Опыт компаний:
GitLab давно работает полностью удалённо и собрали целую мини-википедию.
К некоторым из них доступны шаблоны.
Сложность зависит от степени распределённости и, как ни странно, проще всего с полностью рассредоточенными людьми — тогда не возникает локальной группы, которая неизбежно становится ядром всех активностей.
Как объединялись разрозненные дизайн-команды, работающие над Outlook.
Подборку их материалов на тему.
Практики и методы с учётом нескольких стран и временных зон.
Советы дизайн-командам, которые внезапно стали удалёнными на фоне каратнинов и самоизоляций.
Методы и инструменты:
Miro. Шаблон для фиксации тем обсуждений и результатов.
При ребрендинге Miro.
Рабочие сессии
Синхронный и асинхронный подход к генерации идей.
Большинство знаковых конфренций и массовых мероприятий в мире
Sarah Gibbons из Nielsen/Norman Group описывает базовые активности для любых рабочих сессий в виде методичек.
Кейсы
Anna Niess и Zack Sultan рассказывают о свежем редизайне Slack. Они описывают логику за каждым интерфейсным решением.
Matej Latin рассказывает о редизайне регистрации тестовых учётных записей в GitLab. Методичка от Kevin Comoli помогает спроектировать весь сценарий.
Maura Byrne рассказывает о переработке процесса встречи нового пользователя в HubSpot. Совмещение демо-режима и хорошего повествования по его ходу здорово повысило метрики.
Брендинг цифровых продуктов
Ed Vinicombe из Virgin Atlantic рассказывает об унификации дизайна всех платформ — сайт, приложение, развлекательные системы на борту самолёта. Статья подаётся как рассказ о дизайн-системе, но технологической составляющей нет, а вот связка совсем разных носителей есть.
История
В этом году исполняется 100 лет школе ВХУТЕМАС (Высшие художественно-технические мастерские), первой отечественной школе профессионального дизайна. Bang Bang Education подготовили большую подборку материалов о ней
Тренды
Презентация Benedict Evans о регулировании интернета в мире как одном из главных технологических трендов.
ООН обратилась к дизайнерам с просьбой помочь подготовить информационные памятки по борьбе с коронавирусом. Это гораздо лучший способ направить свою креативную энергию, чем очередной непрошенный редизайн крупного сервиса.
Голосовые интерфейсы
Jeff Sauro и Jim Lewis описывают три опросника, призванных оценить качество голосовых интерфейсов. Это The Mean Opinion Scale (MOS), Subjective Assessment of Speech System Interfaces (SASSI) и Speech User Interface Service Quality (SUISQ).
Подборка статей дизайн-команды Google о головых интерфейсах и ботах.
Лучшие интерфейсы в кино за 2019 год по мнению авторов книги Sci-Fi Interfaces. Кстати, они запустили
Для общего и профессионального развития
A Book Apart выпустили книгу Senongo Akpem «Cross-Cultural Design». Она посвящена учёту разных культур при дизайне интерфейсов.
Люди и компании в отрасли
Geoffrey Bunting крепко приложил сервис недорогих фрилансеров Fiverr за выжимание всех соков из дизайнеров и обман заказчиков.
You must be registered for see links
.
You must be registered for see links
28 мая курирую ещё одну онлайн-конференцию по дизайн-менеджменту. На ней выступят руководители крупных и средних по размеру дизайн- и UX-исследовательских команд: Алексей Чупин (МТС), Софья Чебанова (Wargaming), Юрий Солодовников (Альфа-Банк), Лена Лисеева (Rambler Group), Иван Соловьёв (DocDoc), создатели инструмента для карты компетенций Vectorly и я от Райффайзенбанка. Студентам одноимённого курса — почти бесплатно.
You must be registered for see links
Паттерны и лучшие практики
You must be registered for see links
Мощная коллекция чеклистов для интерфейсных паттернов от Smashing Magazine. PDF присылают после регистрации.
You must be registered for see links
You must be registered for see links
Alita Joyce из Nielsen/Norman Group рассказывает об интересном исследовании обучающих экранов на мобильных. Они должны сделать интерфейс понятнее, но скорее создают у пользователя ощущение сложности.
You must be registered for see links
You must be registered for see links
Отличная инструкция по выбору интерфейсных паттернов для представления дополнительной информации от Ryan Neufeld. Когда уводить пользователя на отдельную страницу, когда показывать попап или другой динамический элемент.
You must be registered for see links
You must be registered for see links
Edward Scott из Baymard напоминает, что важно конкретизировать, зачем компании номер телефона пользователя. Это повышает доверие и вероятность заполнения поля.
You must be registered for see links
You must be registered for see links
Kim Flaherty из Nielsen/Norman Group рассказывает о небольшом пользовательском исследовании анимированных GIF в письмах рассылки. От них больше проблем для читателей, чем пользы (хотя показатели вполне могут быть хорошими).
You must be registered for see links
Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В седьмом выпуске разбирает работы Otto Storch.
You must be registered for see links
You must be registered for see links
О переосмыслении роли в предоставлении информации пользователям.
You must be registered for see links
Дизайн-системы и гайдлайны
You must be registered for see links
Новая версия выйдет весной.
You must be registered for see links
Понимание пользователя
You must be registered for see links
You must be registered for see links
Появился курсор,
You must be registered for see links
(клавиатура, кстати, работает как подставка в духе обычного монитора). Интересный заход к гибридным устройствам с другой стороны.
You must be registered for see links
Открылся предзаказ на книгу Jim Kalbach «The Jobs To Be Done Playbook». Она выходит в апреле в Rosenfeld Media в апреле.
Информационная архитектура, концептуальное проектирование, контент-стратегия
You must be registered for see links
Kim Flaherty из Nielsen/Norman Group рассказывает об анализе customer journey map для поиска проблем и точек роста. Хорошая памятка с примерами.
You must be registered for see links
Новые инструменты дизайна интерфейсов
You must be registered for see links
Возможность сменить цвет в символе (идеально для пиктограмм), переработанное меню компонентов и общая оптимизация.
You must be registered for see links
You must be registered for see links
Компоненты внутри компонентов, привязка к пиксельной сетке, эффект размытия фона в iOS.
You must be registered for see links
Вышло обновление с компонентами и другими полезными возможностями.
Figma: Плагины
-
You must be registered for see links: Вставка данных из Spotify, Wikipedia, Dropbox, Gmail, Google Calendar, Jira, Shopify, Github и других сервисов.
-
You must be registered for see links: Вставка таблиц из Excel.
-
You must be registered for see links: вставка векторной карты любой части мира.
-
You must be registered for see links: Организует разбросанные элементы в понятную сетку.
-
You must be registered for see links: Плагин для анимации теперь есть и в Figma.
-
You must be registered for see links: Анимация.
-
You must be registered for see links: GIF-файл из макета.
-
You must be registered for see links: Плагин от создателей генератора градиентов.
-
You must be registered for see links: Оптимизация изображений.
Статьи
Alex Lockwood из Lyft рассказывает об
You must be registered for see links
.
You must be registered for see links
Простой генератор графики на базе потоков линий.
You must be registered for see links
Простой инструмент для создания 9-частной границы на CSS.
You must be registered for see links
Генератор шотландских паттернов в клетку с SVG на выходе.
You must be registered for see links
.
You must be registered for see links
You must be registered for see links
Стёб над претенциозными названиями цветов в виде эпатажных палитр.
You must be registered for see links
Генератор популярных размеров баннеров и видео-рекламы из одного мастера.
You must be registered for see links
.
You must be registered for see links
Плагин для Chrome позволяет быстро примерить шрифты на существующем сайте.
You must be registered for see links
Пользовательские исследования и тестирование
You must be registered for see links
Kate Towsey описывает своё понимание роли ResearchOps на основе опыта работы в Atlassian. Из кого состояла их команда и как она взаимодействовала с отдельными исследователями.
You must be registered for see links
Maria Rosala из Nielsen/Norman Group описывает методичку по изучению пространства проблем на разведочной стадии дизайн-процесса. Отличный обзор методов и результатов.
You must be registered for see links
Наталья Мишина из Контура даёт советы по поиску респондентов для пользовательских исследований. Особенно в ситуациях, где это непросто.
You must be registered for see links
You must be registered for see links
Julie Fischer из HubSpot рассказывает, как команда формирует план пользовательских исследований. Туда не может попасть всё, так что нужна приоритезация.
You must be registered for see links
You must be registered for see links
Jeff Sauro и Jim Lewis изучают эффект Von Restorff, который потенциально может описывать разницу между интерфейсными решениями. Они провели эксперимент, чтобы выявить самые заметные альтернативы, но простого ответа не получили.
You must be registered for see links
Калькулятор вознаграждения для респондентов пользовательских исследований от Ethnio. Пытается учитывать страну.
You must be registered for see links
You must be registered for see links
Ariel Chernin и Cassie Kaiser из Shopify рассказывают о работе команды UX- и маркетинговых исследований в условиях паузы в использовании большинства привычных методов.
You must be registered for see links
You must be registered for see links
Мысли Rob Tannen на тему того, насколько релевантны пользовательские исследования, проведённые в условиях карантина, который сильно меняет поведение людей.
You must be registered for see links
Elissa Darnell описывает три вида неосознанных когнитивных искажений внутри продуктовых команд, которые должны помочь решить пользовательские исследования.
You must be registered for see links
Paulina Barlik из Shopify взвешивает плюсы и минусы разных форматов презентации результатов пользовательских исследований. Она даёт рекомендацию по наиболее популярным артефактам.
You must be registered for see links
You must be registered for see links
Mingming Fan, Serina Shi и Khai N. Truong опросили 197 пользовательских исследователей на тему особенностей метода, в котором респондент озвучивает свои мысли вслух. Нюансы и подводные камни.
You must be registered for see links
You must be registered for see links
Ольга Крюкова из Usethics рассказывает, как сравнивать разные продукты по эвристикам. Она приводит пример для ресторанов.
You must be registered for see links
Jonathan Walter собрал советы коллег из Rockwell Automation по ситуациям, когда респондент не пришёл на пользовательское исследование.
You must be registered for see links
Памятка по формулированию правильных вопросов для пользовательских исследований от Jeremiah Lam, в зависимости от задачи.
You must be registered for see links
Марина Степанова из Учи.ру рассказывает о процессе пользовательских исследований в компании.
You must be registered for see links
Визуальное программирование и дизайн в браузере
You must be registered for see links
Группа энтузиастов запустила сайт-памятку по внедрению вариативных шрифтов и работе с ними.
Новые скрипты
-
You must be registered for see links.
-
You must be registered for see links.
Работа с цветом в вебе
You must be registered for see links
: Генератор цветовых палитр с учётом пользователей с ограниченными возможностями от команды Mos.ru.Метрики и ROI
You must be registered for see links
Олег Якубенков пишет о важности постоянного напоминания ключевых метрик продуктовой команде. Он рассказывает о своём опыте работы в Facebook и как эти знания постоянно освежали.
Дизайн-менеджмент и DesignOps
You must be registered for see links
Jared Spool описывает свой подход к найму дизайнеров на базе книги Lou Adler «Hire with Your Head». Он фокусируется на том, что должно измениться после успешной работы нового человека.
You must be registered for see links
Во второй статье он описывает
You must be registered for see links
, которая помогает и компании, и самому дизайнеру лучше понять общие точки.
You must be registered for see links
Evelyn Kim из Uber делится своим шаблоном для проведения встреч 1:1 и ведения карты компетенций в целом.
You must be registered for see links
.
You must be registered for see links
Daniel Szuc и Josephine Wong дают советы по изменению культуры в компании, которая поможет хорошему дизайну.
Командное взаимодействие
You must be registered for see links
Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (
You must be registered for see links
). Это непростой формат работы и без подготовки запустить его сложновато (примерно как провернуть agile-трансформацию за две недели).
You must be registered for see links
Но вариантов нет, так что надо учиться на ходу. Вот пачка годных советов для распределённых дизайн-команд, которые выходили за последнее время.
Опыт компаний:
You must be registered for see links
GitLab давно работает полностью удалённо и собрали целую мини-википедию.
You must be registered for see links
You must be registered for see links
К некоторым из них доступны шаблоны.
You must be registered for see links
You must be registered for see links
(и
You must be registered for see links
)Сложность зависит от степени распределённости и, как ни странно, проще всего с полностью рассредоточенными людьми — тогда не возникает локальной группы, которая неизбежно становится ядром всех активностей.
You must be registered for see links
You must be registered for see links
Как объединялись разрозненные дизайн-команды, работающие над Outlook.
You must be registered for see links
Подборку их материалов на тему.
You must be registered for see links
.
You must be registered for see links
You must be registered for see links
Практики и методы с учётом нескольких стран и временных зон.
You must be registered for see links
You must be registered for see links
Советы дизайн-командам, которые внезапно стали удалёнными на фоне каратнинов и самоизоляций.
-
You must be registered for see links
-
You must be registered for see links
-
You must be registered for see links
-
You must be registered for see links
-
You must be registered for see links
-
You must be registered for see links
Методы и инструменты:
You must be registered for see links
Miro. Шаблон для фиксации тем обсуждений и результатов.
You must be registered for see links
You must be registered for see links
При ребрендинге Miro.
You must be registered for see links
Рабочие сессии
You must be registered for see links
: генерация и оценка идей, картирование. Их прошлая статья
You must be registered for see links
You must be registered for see links
You must be registered for see links
.
You must be registered for see links
Синхронный и асинхронный подход к генерации идей.
You must be registered for see links
Большинство знаковых конфренций и массовых мероприятий в мире
You must be registered for see links
. А пользовательские исследования переходят на удалённый формат. Зато растут акции Zoom. А тот же InVision изначально работает полностью удалённо.
You must be registered for see links
You must be registered for see links
Sarah Gibbons из Nielsen/Norman Group описывает базовые активности для любых рабочих сессий в виде методичек.
You must be registered for see links
Кейсы
You must be registered for see links
Anna Niess и Zack Sultan рассказывают о свежем редизайне Slack. Они описывают логику за каждым интерфейсным решением.
You must be registered for see links
You must be registered for see links
Matej Latin рассказывает о редизайне регистрации тестовых учётных записей в GitLab. Методичка от Kevin Comoli помогает спроектировать весь сценарий.
You must be registered for see links
Maura Byrne рассказывает о переработке процесса встречи нового пользователя в HubSpot. Совмещение демо-режима и хорошего повествования по его ходу здорово повысило метрики.
You must be registered for see links
Брендинг цифровых продуктов
You must be registered for see links
Ed Vinicombe из Virgin Atlantic рассказывает об унификации дизайна всех платформ — сайт, приложение, развлекательные системы на борту самолёта. Статья подаётся как рассказ о дизайн-системе, но технологической составляющей нет, а вот связка совсем разных носителей есть.
История
You must be registered for see links
В этом году исполняется 100 лет школе ВХУТЕМАС (Высшие художественно-технические мастерские), первой отечественной школе профессионального дизайна. Bang Bang Education подготовили большую подборку материалов о ней
Тренды
You must be registered for see links
Презентация Benedict Evans о регулировании интернета в мире как одном из главных технологических трендов.
You must be registered for see links
ООН обратилась к дизайнерам с просьбой помочь подготовить информационные памятки по борьбе с коронавирусом. Это гораздо лучший способ направить свою креативную энергию, чем очередной непрошенный редизайн крупного сервиса.
You must be registered for see links
.
You must be registered for see links
Голосовые интерфейсы
You must be registered for see links
Jeff Sauro и Jim Lewis описывают три опросника, призванных оценить качество голосовых интерфейсов. Это The Mean Opinion Scale (MOS), Subjective Assessment of Speech System Interfaces (SASSI) и Speech User Interface Service Quality (SUISQ).
You must be registered for see links
You must be registered for see links
Подборка статей дизайн-команды Google о головых интерфейсах и ботах.
You must be registered for see links
Лучшие интерфейсы в кино за 2019 год по мнению авторов книги Sci-Fi Interfaces. Кстати, они запустили
You must be registered for see links
. Для общего и профессионального развития
You must be registered for see links
A Book Apart выпустили книгу Senongo Akpem «Cross-Cultural Design». Она посвящена учёту разных культур при дизайне интерфейсов.
You must be registered for see links
.Люди и компании в отрасли
You must be registered for see links
Geoffrey Bunting крепко приложил сервис недорогих фрилансеров Fiverr за выжимание всех соков из дизайнеров и обман заказчиков.
You must be registered for see links
.Подпишитесь на дайджест в
You must be registered for see links
,
You must be registered for see links
,
You must be registered for see links
или
You must be registered for see links
― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде
You must be registered for see links
за редактор и
You must be registered for see links
за визуальный стиль.