Оффлайн
- Регистрация
- 12.04.17
- Сообщения
- 19.095
- Реакции
- 107
- Репутация
- 0
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски:
Уже завтра, 28 мая, курирую ещё одну онлайн-конференцию по дизайн-менеджменту. На ней выступят руководители крупных и средних по размеру дизайн- и UX-исследовательских команд: Алексей Чупин (МТС), Софья Чебанова (Wargaming), Юрий Солодовников (Альфа-Банк), Лена Лисеева (Rambler Group), Иван Соловьёв (DocDoc), создатели инструмента для карты компетенций Vectorly и я от Райффайзенбанка. Важные темы: карты компетенций, управление командой пользовательских исследований, перестройка дизайн-организации, синхронизация дизайнеров, менеджмент дизайн-систем. Студентам одноимённого курса — почти бесплатно.
Паттерны и лучшие практики
Каталог паттернов игровых интерфейсов. Много видео и скриншотов с хорошей категоризацией.
Anna Kaley из Nielsen/Norman Group описывает разницу между выпадающим и обычным списком вариантов в формах и фильтрах. В конце — наглядная памятка по выбору под конкретную ситуацию.
Бонус
Tess Gadd описала памятку по созданию выпадающих списков и использования в интерфейсах.
Kate Moran из Nielsen/Norman Group рассказывает о свежем обновлении их исследования про чтение пользователями информации на сайтах. Они проводят его с 2006 года и каждый раз добавляют новые модели проведения (сейчас, например, появилась «газонокосилка»).
Baymard Institute актуализировали своё исследование интернет-магазинов. Edward Scott приводит выдержки из него по ключевым функциям.
Советы Creative Navy по интерфейсам электронной коммерции для B2B. Во второй статье они
Jakob Nielsen выпустил традиционную первоапрельскую телегу. В этот раз про медленные интерфейсы, которые заставляют пользователя внимательно изучить всю информацию.
Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В восьмом выпуске разбирает работы Herb Lubalin.
Feifei Liu из Nielsen/Norman Group рассказывает о пассивном поиске информации в интернете (например, через соц.сети или рассылки). В каких ситуациях он возникает чаще и как пользователи ведут себя.
Alex Holachek разбирает типы полей ввода на мобильных и специальные клавиатуры для них.
Jeff Sauro и Jim Lewis провели сравнительное юзабилити-тестирование сервисов для видео-звонков. Как пользователи оценивают их по метрикам UMUX-LITE и NPS.
Betina Rajakumar даёт советы по индикаторам-предупреждениям на экранах физических устройств (машины, бытовая техника и т.п.).
Дизайн-системы и гайдлайны
В прошлом году рассказывал об архитектуре токенов в дизайн-системе
Фреймворк для дизайн-систем. Есть компоненты на React на базе токенов и шаблоны в Figma.
Тёмная тема оформления
Aaron Shekey рассказывает о создании тёмной темы оформления в Stack Overflow. Много о манипуляциях с цветом, чтобы добиться гармоничной палитры.
Инструкция Josh W Comeau по поддержке тёмной темы оформления в сайтах на генераторе Gatsby.
Базовая инструкция по созданию тёмной темы оформления через механизм стилизованных компонентов на React от Blessing Krofegha.
Бесплатная книга Val Head об анимации в дизайн-системах для Adobe
. Многое было в её статьях, но теперь собрано вместе.
Крутой подход к системному написанию сообщений об ошибках в интерфейсах Shopify от Chelsea Singer. Грамотная категоризация, подход к аудиту, выбор правильной тональности — всё по полочкам.
Сервис-спутник для Storybook
Группа энтузиастов проанализировала известные дизайн-системы и пытается предложить стандартные названия и описания типовых компонентов.
Разбор нововведений в Bootstrap 5 от Sam Norton из DesignModo.
Lea Verou рассказывает о цветовой модели LCH (Lightness, Chroma, Hue) для веба. По её словам, она позволяет использовать цветовое пространство более полно.
Winter Wei рассказывает о процессе и инструментах для локализации интерфейса Shopify. Как проводится аудит в дизайн-системе и как это облегчает работу команд.
Понимание пользователя
Обзор когнитивных искажений и законов проектирования взаимодействия от Growth Design.
Продолжение эксперимент на тему того, как потребители запоминают логотип бренда. Группу респондентов попросили набросать логотипы 10 автомобильных марок. В результате выделились их наиболее запоминаемые черты.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Советы Антона Супруненко по работе с отошедшим на второй план жанром wireframes.
Новые инструменты дизайна интерфейсов
Улучшение прототипирования и общий тюнинг.
Adobe
Haiku
Figma
Статьи
Инструмент помогает выбрать позу персонажа для иллюстрации. После этого можно накладывать на неё любой стиль.
Webflow
Простой сервис для анимации SVG в браузере.
Галерея бесплатных 3D-иллюстраций с конструктором сцен от Сraftwork.
Вышла версия X3 с обновлённым интерфейсом и другими улучшениями. Помимо прочего появилась
Пользовательские исследования и тестирование
Карта компетенций UX-исследователя от сообщества ResearchOps. Очень крутой и детализированный подход, который интересно раскладывается на уровни влияния в компании. Один из лучших подходов к карте навыков вообще.
Мощный набор практических советов по перестройке процесса UX-исследований в эпоху карантина от экспертов из Salesforce, Monzo Bank, Workday, Atlassian, Springer Nature, Booking.com, Kabbage, Dropbox, Mailchimp и LinkedIn. По делу и конкретным вопросам и этапам, а не просто рефлекция на тему.
Lindsay Boylan из Mariana Tek рассказывает о своём опыте построения базы знаний и инсайтов из пользовательских исследований. Она начала делать её в Airtable, но потом переехала в EnjoyHQ (бывший NomNom). Получилась толковая инструкция по созданию такой базы.
Пример базы знаний и инсайтов из пользовательских исследований от Zapier.
Jonathan Meharry из HubSpot описывает подход к декомпозиции и оценке пользовательских сценариев. Это позволило команде расставить приоритеты при развитии интерфейса.
Brigette Metzler улучшила фреймворк сообщества ResearchOps — она связала его с моделью разной скорости изменений Stewart Brand. Это восемь ключевых аспектов: от формулирования вопроса исследований и поиска респондентов до настройки инструментария.
Jeff Sauro и Jim Lewis описывают способы опредлить процент успешно завершённых сценариев в удалённом немодерируемом юзабилити-тестировании. Они предлагают аппроксимацию из ответов на SUS и SEQ.
Визуальное программирование и дизайн в браузере
CSS-фреймворк для стилизации интерфейсов под Windows 98.
Amélie Rosser из Jam3 рассказывает о создании интерактивного промо-сайта об их победах в премии FWA.
Новые скрипты
Дизайн-менеджмент и DesignOps
Толковая сессия вопросов и ответов с Jenny Arden, дизайн-директором Lyft. Структура дизайн-команд, её роль и зона ответственности и другие детали.
Jennifer Sukis из IBM описывает свой подход к планированию работы дизайн-менеджера через OKR и прозрачную отчётность для своего руководителя. Отличный пошаговый разбор подхода, который легко использовать для себя.
Сергей Кондауров из Яндекса рассказывает о своём подходе к проведению встреч 1:1 с дизайнерами. Очень подробный и дотошный обзор подходов и практик, особенностей и подводных камней формата регулярных встреч дизайн-менеджера с дизайнерами (хотя часть из них другие авторы не считают частью 1:1).
Rahshia Sawyer из CapitalOne описывает свой подход к проведению встреч 1:1.
Командное взаимодействие
Продолжаю пополнять коллекцию материалов.
Шикарная памятка по проведению сессий дизайн-критики в распределённой команде от Ivana McConnell из HashiCorp. Она показывает шаблон в Whimsical, который позволяет структурировать обсуждение.
Дизайн-команда Slack даёт советы по проведению дизайн-спринтов в распределённом формате.
Дизайнеры выкладывают фото своих домашних рабочих мест.
Сообщество DesignX запустило онлайн-неделю дизайна. В программе толковые выступления, круглые столы и воркшопы — это следующий шаг для онлайн-конференций.
Новая книга InVision о работе распределённых дизайн команд от Ben Goldman, Abby Sinnott и Greg Storey. Креативный процесс, дизайн-менеджмент и общие вопросы.
Опыт компаний
Памятка по фасилитации рабочих сессий от Sarah Gibbons из Nielsen/Norman Group. Она описывает принципы, цели и инструментарий. По многим из них они уже публиковали отдельные статьи.
Продуктовый менеджмент и аналитика
Перевод серии статей Lenny Rachitsky о запуске и масштабировании продуктов-маркетплейсов. Вышли все 8 выпусков, в которых есть много полезного и для продуктовых дизайнеров (например,
Кейсы
Creative Navy рассказывают об оптимизации интерфейса платёжного терминала на заправках.
Брендинг цифровых продуктов
Ребрендинг сервиса Envoy от команды продукта.
Тренды
Дизайнеры Foolproof фантазируют на тему ближайшего будущего, где публичные интерфейсы с сенсорными экранами будут минимизироваться.
Алгоритмический дизайн
Патентные бюро США,
Голосовые интерфейсы
Preston So описывает методы юзабилити-тестирования голосовых интерфейсов. Она проводила их для гос.сервисов американского штата Джорджия и качество пользовательского взаимодействия улучшилось.
Для общего и профессионального развития
Дизайнерские кроссворды и другие увлекательные забавы для карантина.
O’Reilly выпустили книгу Jon Yablonski «Laws of UX». Она посвящена базовым законам пользовательского взаимодействия с разбором на примерах.
Люди и компании в отрасли
Свежее интервью со Стивом Кругом, автором легендарной книги «Не заставляйте меня думать».
Dribbble купили Creative Market.
Материалы конференций
Конференция
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
Каталог паттернов игровых интерфейсов. Много видео и скриншотов с хорошей категоризацией.
You must be registered for see links
You must be registered for see links
Anna Kaley из Nielsen/Norman Group описывает разницу между выпадающим и обычным списком вариантов в формах и фильтрах. В конце — наглядная памятка по выбору под конкретную ситуацию.
You must be registered for see links
Бонус
You must be registered for see links
.
You must be registered for see links
Tess Gadd описала памятку по созданию выпадающих списков и использования в интерфейсах.
You must be registered for see links
Kate Moran из Nielsen/Norman Group рассказывает о свежем обновлении их исследования про чтение пользователями информации на сайтах. Они проводят его с 2006 года и каждый раз добавляют новые модели проведения (сейчас, например, появилась «газонокосилка»).
You must be registered for see links
You must be registered for see links
Baymard Institute актуализировали своё исследование интернет-магазинов. Edward Scott приводит выдержки из него по ключевым функциям.
You must be registered for see links
You must be registered for see links
Советы Creative Navy по интерфейсам электронной коммерции для B2B. Во второй статье они
You must be registered for see links
.
You must be registered for see links
You must be registered for see links
Jakob Nielsen выпустил традиционную первоапрельскую телегу. В этот раз про медленные интерфейсы, которые заставляют пользователя внимательно изучить всю информацию.
You must be registered for see links
You must be registered for see links
Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В восьмом выпуске разбирает работы Herb Lubalin.
You must be registered for see links
You must be registered for see links
Feifei Liu из Nielsen/Norman Group рассказывает о пассивном поиске информации в интернете (например, через соц.сети или рассылки). В каких ситуациях он возникает чаще и как пользователи ведут себя.
You must be registered for see links
You must be registered for see links
Alex Holachek разбирает типы полей ввода на мобильных и специальные клавиатуры для них.
You must be registered for see links
You must be registered for see links
Jeff Sauro и Jim Lewis провели сравнительное юзабилити-тестирование сервисов для видео-звонков. Как пользователи оценивают их по метрикам UMUX-LITE и NPS.
You must be registered for see links
Betina Rajakumar даёт советы по индикаторам-предупреждениям на экранах физических устройств (машины, бытовая техника и т.п.).
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
Фреймворк для дизайн-систем. Есть компоненты на React на базе токенов и шаблоны в Figma.
You must be registered for see links
Тёмная тема оформления
You must be registered for see links
Aaron Shekey рассказывает о создании тёмной темы оформления в Stack Overflow. Много о манипуляциях с цветом, чтобы добиться гармоничной палитры.
You must be registered for see links
You must be registered for see links
Инструкция Josh W Comeau по поддержке тёмной темы оформления в сайтах на генераторе Gatsby.
You must be registered for see links
Базовая инструкция по созданию тёмной темы оформления через механизм стилизованных компонентов на React от Blessing Krofegha.
You must be registered for see links
You must be registered for see links
Бесплатная книга Val Head об анимации в дизайн-системах для Adobe
. Многое было в её статьях, но теперь собрано вместе.
You must be registered for see links
Крутой подход к системному написанию сообщений об ошибках в интерфейсах Shopify от Chelsea Singer. Грамотная категоризация, подход к аудиту, выбор правильной тональности — всё по полочкам.
You must be registered for see links
You must be registered for see links
Сервис-спутник для Storybook
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
Разбор нововведений в Bootstrap 5 от Sam Norton из DesignModo.
You must be registered for see links
Lea Verou рассказывает о цветовой модели LCH (Lightness, Chroma, Hue) для веба. По её словам, она позволяет использовать цветовое пространство более полно.
You must be registered for see links
Winter Wei рассказывает о процессе и инструментах для локализации интерфейса Shopify. Как проводится аудит в дизайн-системе и как это облегчает работу команд.
Понимание пользователя
You must be registered for see links
Обзор когнитивных искажений и законов проектирования взаимодействия от Growth Design.
You must be registered for see links
Продолжение эксперимент на тему того, как потребители запоминают логотип бренда. Группу респондентов попросили набросать логотипы 10 автомобильных марок. В результате выделились их наиболее запоминаемые черты.
You must be registered for see links
Информационная архитектура, концептуальное проектирование, контент-стратегия
You must be registered for see links
Советы Антона Супруненко по работе с отошедшим на второй план жанром wireframes.
Новые инструменты дизайна интерфейсов
You must be registered for see links
Улучшение прототипирования и общий тюнинг.
Adobe
You must be registered for see links
звук в прототипах и ссылки внутри экранов.Haiku
You must be registered for see links
Figma
You must be registered for see links
. Теперь их прорыв будет вообще не остановить —
You must be registered for see links
.
You must be registered for see links
Статьи
- Lennon Cheng показывает,
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
Webflow
You must be registered for see links
. Я недавно раскопал эту возможность инструмента и перевёл на него один из личных сайтов — очень крутая экономия времени.
You must be registered for see links
Простой сервис для анимации SVG в браузере.
You must be registered for see links
Галерея бесплатных 3D-иллюстраций с конструктором сцен от Сraftwork.
You must be registered for see links
You must be registered for see links
Вышла версия X3 с обновлённым интерфейсом и другими улучшениями. Помимо прочего появилась
You must be registered for see links
.Пользовательские исследования и тестирование
You must be registered for see links
Карта компетенций UX-исследователя от сообщества ResearchOps. Очень крутой и детализированный подход, который интересно раскладывается на уровни влияния в компании. Один из лучших подходов к карте навыков вообще.
You must be registered for see links
You must be registered for see links
Мощный набор практических советов по перестройке процесса UX-исследований в эпоху карантина от экспертов из Salesforce, Monzo Bank, Workday, Atlassian, Springer Nature, Booking.com, Kabbage, Dropbox, Mailchimp и LinkedIn. По делу и конкретным вопросам и этапам, а не просто рефлекция на тему.
You must be registered for see links
Lindsay Boylan из Mariana Tek рассказывает о своём опыте построения базы знаний и инсайтов из пользовательских исследований. Она начала делать её в Airtable, но потом переехала в EnjoyHQ (бывший NomNom). Получилась толковая инструкция по созданию такой базы.
You must be registered for see links
You must be registered for see links
Пример базы знаний и инсайтов из пользовательских исследований от Zapier.
You must be registered for see links
Jonathan Meharry из HubSpot описывает подход к декомпозиции и оценке пользовательских сценариев. Это позволило команде расставить приоритеты при развитии интерфейса.
You must be registered for see links
You must be registered for see links
Brigette Metzler улучшила фреймворк сообщества ResearchOps — она связала его с моделью разной скорости изменений Stewart Brand. Это восемь ключевых аспектов: от формулирования вопроса исследований и поиска респондентов до настройки инструментария.
You must be registered for see links
You must be registered for see links
Jeff Sauro и Jim Lewis описывают способы опредлить процент успешно завершённых сценариев в удалённом немодерируемом юзабилити-тестировании. Они предлагают аппроксимацию из ответов на SUS и SEQ.
Визуальное программирование и дизайн в браузере
You must be registered for see links
CSS-фреймворк для стилизации интерфейсов под Windows 98.
You must be registered for see links
Amélie Rosser из Jam3 рассказывает о создании интерактивного промо-сайта об их победах в премии FWA.
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.
Дизайн-менеджмент и DesignOps
You must be registered for see links
Толковая сессия вопросов и ответов с Jenny Arden, дизайн-директором Lyft. Структура дизайн-команд, её роль и зона ответственности и другие детали.
You must be registered for see links
Jennifer Sukis из IBM описывает свой подход к планированию работы дизайн-менеджера через OKR и прозрачную отчётность для своего руководителя. Отличный пошаговый разбор подхода, который легко использовать для себя.
You must be registered for see links
You must be registered for see links
Сергей Кондауров из Яндекса рассказывает о своём подходе к проведению встреч 1:1 с дизайнерами. Очень подробный и дотошный обзор подходов и практик, особенностей и подводных камней формата регулярных встреч дизайн-менеджера с дизайнерами (хотя часть из них другие авторы не считают частью 1:1).
You must be registered for see links
Rahshia Sawyer из CapitalOne описывает свой подход к проведению встреч 1:1.
Командное взаимодействие
You must be registered for see links
Продолжаю пополнять коллекцию материалов.
You must be registered for see links
Шикарная памятка по проведению сессий дизайн-критики в распределённой команде от Ivana McConnell из HashiCorp. Она показывает шаблон в Whimsical, который позволяет структурировать обсуждение.
You must be registered for see links
You must be registered for see links
Дизайн-команда Slack даёт советы по проведению дизайн-спринтов в распределённом формате.
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
Сообщество DesignX запустило онлайн-неделю дизайна. В программе толковые выступления, круглые столы и воркшопы — это следующий шаг для онлайн-конференций.
You must be registered for see links
You must be registered for see links
Новая книга InVision о работе распределённых дизайн команд от Ben Goldman, Abby Sinnott и Greg Storey. Креативный процесс, дизайн-менеджмент и общие вопросы.
Опыт компаний
-
You must be registered for see links
-
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
Перевод серии статей Lenny Rachitsky о запуске и масштабировании продуктов-маркетплейсов. Вышли все 8 выпусков, в которых есть много полезного и для продуктовых дизайнеров (например,
You must be registered for see links
).Кейсы
You must be registered for see links
Creative Navy рассказывают об оптимизации интерфейса платёжного терминала на заправках.
Брендинг цифровых продуктов
You must be registered for see links
Ребрендинг сервиса Envoy от команды продукта.
Тренды
You must be registered for see links
Дизайнеры Foolproof фантазируют на тему ближайшего будущего, где публичные интерфейсы с сенсорными экранами будут минимизироваться.
Алгоритмический дизайн
You must be registered for see links
Патентные бюро США,
You must be registered for see links
не дают указывать искусственный интеллект как автора патента.Голосовые интерфейсы
You must be registered for see links
Preston So описывает методы юзабилити-тестирования голосовых интерфейсов. Она проводила их для гос.сервисов американского штата Джорджия и качество пользовательского взаимодействия улучшилось.
Для общего и профессионального развития
You must be registered for see links
Дизайнерские кроссворды и другие увлекательные забавы для карантина.
You must be registered for see links
O’Reilly выпустили книгу Jon Yablonski «Laws of UX». Она посвящена базовым законам пользовательского взаимодействия с разбором на примерах.
You must be registered for see links
.Люди и компании в отрасли
You must be registered for see links
Свежее интервью со Стивом Кругом, автором легендарной книги «Не заставляйте меня думать».
You must be registered for see links
Dribbble купили Creative Market.
Материалы конференций
You must be registered for see links
Конференция
You must be registered for see links
прошла 30 апреля-1 марта в онлайне вместо Нью-Йорка. Это первая конференция на тему от Rosenfeld Media, организаторов одних из самых полезных и глубоких конференций. Natalie Hanson сделала традиционный конспект выступлений.
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
за визуальный стиль.