Нейросеть для рисования от Nvidia, инструкция Microsoft по дизайну ИИ-продуктов и другие важные новости дизайна за март
Традиционный дайджест от директора по дизайну бренда Mail.Ru.
Алита Джойс и Якоб Нильсен из Nielsen Norman Group рассказывают о пользовательском исследовании подростков и их взаимодействии с интерфейсами. Полезная привязка к паттернам в конце и сравнение с другими возрастами (дети, студенты, взрослые).
Золотые слова Дэвида Тревиса из Userfocus: «Хватит спрашивать пользователя, какой вариант дизайна ему нравится. Это даёт ложные результаты, которые создают иллюзию принятия решений на основе данных».
Отличная памятка Анны Келли из Nielsen Norman Group о правильных названиях интерактивных элементов и выборе комбинаций для быстрых клавиш (десктопные и веб-приложения).
Мощная инструкция по проведению собеседований от Курта Варнера из Dropbox. Много толковых советов по вопросам, формату, портфолио, тестовым, отсеву и другим аспектам процесса.
Коллекция чек-листов по проектированию типовых интерфейсных паттернов. Что не забыть при их использовании.
Джон Маэда выпустил свежий ежегодный отчёт Design in Tech Report. В этом году скорее компиляция заметных новостей в профессиональном сообществе, чем анализ инсайтов, как это было в первые годы, и чего обычно ожидаешь от новых выпусков. Ну и «нативка» инициатив его текущей компании Automattic (создатели WordPress).
Я не очень верю в ежегодные обзоры трендов (хотя, конечно же, обозреваю те, что ещё выходят) — отрасль меняется медленнее. Многие из тенденций развиваются и живут в восходящем виде пару лет, так что видишь их кочующими в такие отчёты из года в год (виртуальная и дополненная реальность, например).
Некоторые вроде «анимации», «крупной типографики» или «фоновых видео» уже стали клише в духе гэгов Бенни Хилла, про них наверняка будут вынуждены читать наши внуки. Поэтому разделяю дизайнерские тренды на три вида: технологические, интерфейсные и визуальные.
7. Новые инструменты дизайна
- Sketch: компания получила $20 млн от инвестфонда Benchmark. В отличие от всех остальных Sketch все эти годы развивалась на деньги основателей. Но становится видно, как Figma с суммарными $82,9 млн обходит её на повороте. Sketch тизернула планы на год: браузерная версия с совместной работой, передача макетов из коробки, командные тарифы и пространство в облаке. Правда, темпы всё равно не огонь — первую версию в браузере обещают только к концу года. За это время Figma сделает немало витков вокруг земли.
- UXCam: сервис для аналитики пользователей. Ориентирован на изучение конкретных сессий использования сайта или приложения.
- Bloma: первый коммерческий инструмент алгоритмического дизайна от команды Creative.ai. Позволяет создавать постеры, рекламу и другие простые форматы.
- Populate: огромная коллекция полуреальных данных для макетов и прототипов. Имена людей, клички животных, адреса, цвета, музеи, художники — всего 120 списков.
- Friendly Faces: генератор иллюстративных аватаров пользователей для макетов.
- Joe Schmoe: коллекция иллюстраций-аватаров пользователей для ваших макетов.
- Blocs: ещё один инструмент дизайна, сфокусированный на адаптивных сайтах. Основан на идее «поясов», которые можно перемещать вверх и вниз по странице — как и привычные Tilda или Squarespace.
- Adobe XD: мартовское обновление. Упростилось использование наработок в Adobe Illustrator, доработки интерфейса, улучшение интеграции с Jira.
- Marvel: добавили возможность пользовательского тестирования прототипов. Они помогают как с записью сессии, так и с рекрутингом. Также вышла вторая версия плагина Maze для тех же задач.
- Geenes: наглядный сервис для подбора цветовой палитры для интерфейса. Сразу примеряет их на абстрактный экран мобильного приложения.
- Mock: простой онлайн-сервис вставляет видео интерактивного прототипа в рамку телефона для промо.
- Abstract: получила $30 млн инвестиций (всего в них вложили $55 млн). Сильно для относительно простого сервиса, который не является самостоятельным инструментом.
- Figma: Томас Лоури из Figma написал памятку по созданию библиотеки элементов. Максим Робинет поженил инструмент с Lottie.
- Haiku Animator: инструмент сфокусировался на интерфейсной анимации и переименовался соответствующе.
- AfterEffects: Джонас Наймарк из Google опубликовал шаблон, облегчающий работу с анимацией в Material Design.
- Accessible Brand Colors: сервис подсказывает, насколько выбранные цвета хорошо работают для пользователей с ограниченными возможностями в разных контекстах: фон, шрифты разного размера и так далее.
- Usabilla: инструмент купила SurveyMonkey.
- Supernova: серьёзно обновили техническую начинку.
Группа исследователей Microsoft собрала гайдлайны по дизайну продуктов, использующих технологии искусственного интеллекта. Получилось 18 эвристик, которые достаточно удобно использовать в работе, вот анонс и как использовать их в креативном процессе.
Годная памятка Джеффа Сауро о том, зачем делаются измерения UX, по каким принципам они работают и какие ответы можно получить с их помощью. Как выбрать правильные метрики и как связать изменения интерфейса с их улучшением.
Отличная памятка по обработке ошибок пользователей от Эмануэля Сербаноу. Он разбирает их психологические причины и даёт рецепты по типовым ситуациям. Вдогонку — чек-лист по понятным и ёмким сообщениям об ошибках в формах от Эми Лик.
Кэрол Джей Смит, Тайра Раух и Ханна Мойерс подробно описывают модель интеграции пользовательских исследований в канонический Agile-процесс. Это три типа работ (learning, problem solving и execution), для каждого из которых показан пример реальных задач.
Толковая памятка Славы Шестопалова из Eleks о популярных методах-помощниках при проведении брейнштормов ― шесть шляп мышления Де Боно, креативная стратегия Disney и SCAMPER от BBDO.
Гайдлайны IBM по интерфейсам виртуальной и дополненной реальности.
Lexie Martin из Nielsen Norman Group даёт советы пользовательским исследованиям по составлению портфолио. Хотя у них нет визуально наглядных результатов, можно неплохо рассказать об исследовательских проектах и их результатах.
Сара Гиббонс из Nielsen Norman Group разбирает формат описания пользовательских потребностей. Она советует использовать глаголы (цели и конечные состояния), а не существительные (конкретные решения).
Ещё один пример крышесносной магии — экспериментальное решение Nvidia превращает набросок в фотографию природного ландшафта.
17. Storybook 5
Вышла пятая версия одного из самых популярных живых гайдлайнов Storybook для компонентов на React, Vue, Angular, React Native и Ember. Он наконец-то стал выглядеть прилично и сам построен на базе Storybook.
Глава звукового и сенсорного дизайна Microsoft Мэтью Беннет рассказывает о своём видении роли звука в интерфейсах и цифровых продуктах в целом. Интересный широкий взгляд на горячую тему.
Лев Соломадин из Сибура рассказывает об особенностях работы дизайнера интерфейсов в крупной и сложной производственной компании. Крутое погружение в реальный мир.
Дизайн-студия Hawraf нашумела своим открытым подходом в последние годы. Она решила закрыть компанию, но опубликовала все рабочие документы. Процесс дизайна, работа с клиентом и так далее.
Читайте полную версию дайджеста в моём блоге. В нём, как обычно, много новых материалов по дизайну, дизайн-системам, инструментам дизайна, свежих скриптов и прочего. За свежими ссылками также можно следить в группе на Facebook, сообществе во «ВКонтакте» или канале Telegram — спасибо всем, кто помогает наполнять её. Вы также можете получать свежие обзоры по почте.