Фильм о русской визуальной культуре, аналог Miro от Figma и другие события в продуктовом дизайне за апрель

Традиционный дайджест от директора по бренду и дизайну «Райффайзенбанка».

Nielsen/Norman Group попробовала конкретизировать, насколько пересекаются роли дизайнера интерфейсов и менеджера продукта. Kara Pernice и Raluca Budiu рассказывают об опросе, который подтвердил достаточно сильное наложение зон ответственности и то, как именно относятся к этому обе стороны.

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

Мощнейшая памятка Jordan Bowman по методам генерации и выбору идей на рабочих сессиях. 33 способа разогреть группу и получить хороший выхлоп.

Baymard Institute провела новое исследование интернет-магазинов на мобильных. Исследовательская организация сделала обзор основных выводов. Есть новые проблемы, но многие вроде маленьких областей нажатия или отсутствия информации о возврате — вечны.

Varun Vachhar описывает основные способы тестирования дизайн-системы. Он разделил их на предмет тестирования (визуальное, композиция, взаимодействие, accessibility, сценарии), а не инструменты.

Годная серия статей о дизайн-долге от Alicja Suska. В первой части она рассказывает о его сути и причинах появления. Во второй — как отслеживать и замерять. На подходе ещё несколько.

Серия упражнений по проектированию и дизайну интерфейсов. Нужно решать простую задачу и создать один из типовых артефактов вроде wireframes или карточной сортировки.

• Figma. На конференции Figma Config показали много нового. Бета-версия FigJam, аналога Miro, доступна для всех. К версионированию добавились ветки и возможность их склеивания вместе. Появилось полноценное мобильное приложение. Общие доработки: скоро появится возможность созвониться с командой прямо из инструмента (запись в бету), количество активных участников файла выросло до 500, в сообщество может публиковать любой.

• Sketch 72. Общие доработки интерфейса и улучшение производительности.
• Morflax Things — шаблоны устройств, которые можно повернуть в 3D нужным образом для подачи дизайна.
  

• Kamua — инструмент в браузере для автоматической нарезки и кадрирования видео в самые разные форматы — широкие, квадратные, портретные. Выбирает ключевые объекты в сюжете и следит за ними.

• Glob Editor — занятный инструмент дизайна в браузере, который позволяет рисовать абстрактные векторные фигуры.
• MagicPattern — генератор самых разных фоновых изображений: текстуры, градиенты, повторяющиеся элементы.

В июне выходит новый фильм Bang Bang Education «Лепота» об истории русской визуальной культуры. Отечественные дизайнеры и агентства попробовали декодировать нашу культуру и проследили путь от появления кириллицы и народных промыслов до конструктивизма, советского DIY и метамодерна.

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

Jeff Sauro и Jim Lewis сделали шикарную памятку по выбору качественных и количественных методов исследований. Это набор из 27 характерных ключевых слов из вопроса исследования.

Виталий Фридман собрал памятку по вёрстке писем рассылки. Это коллекция полезных материалов, инструментов, чек-листов и инструкций.

Jens Mühlstedt предлагает свою модель для отслеживания трендов. Он делит их на микро- (1 год), макро- (5 лет) и мега-тренды (10 лет). В дополнение к идее он проанализировал и визуализировал конкретные за последние годы.

Raluca Budiu из Nielsen/Norman Group сделала обзор интерфейса двухэкранного устройства Microsoft Surface Duo. Это интересный эксперимент, но проблем слишком много и концепция вряд ли реализуема в достойном виде.

Неплохой анализ текущего состояния профессии дизайна интерфейсов от Kristina Hööka & Jonas Löwgrenb. История и новые вызовы.

Jeff Sauro и Jim Lewis перечисляют причины, по которым респонденты некорректно отвечают на опросники.

Container queries появились в одной из веток Chrome. Они позволяют задавать адаптивность на уровне отдельного компонента, а не всей страницы — это здорово облегчает работу над дизайн-системой. Ahmad Shadeed сделал обзор самой концепции и текущего состояния.

Adrian Bece разбирает функции для easing в CSS-анимации.

Dennis Hambeukers задаётся вопросом: почему у всех пирамид UX, развивающих идею пирамиды Маслоу, всегда разная верхушка? Он предлагает свой подход — когда UX сначала связан с бизнес-стратегией, а потом помогает определять её.

A Book Apart выпускает летом книгу Preston So “Voice Content and Usability”. Она посвящена подготовке контента для голосовых интерфейсов и их проектированию в целом. Параллельно вышла его статья об иммерсивной контент-стратегии.

Alejandro de la Garza размышляет об изменениях стандартного звука движущейся машины, которые возможны с электромобилями. Автопроизводители действуют по-разному: кто-то продолжает традиции звучания мощных бензиновых двигателей, кто-то ориентируется на фантастическое кино, а BMW i4 озвучивал и вовсе Hans Zimmer.

Обучение CSS, HTML и JavaScript в виде простых браузерных игр.

Читайте полную версию дайджеста в моём блоге. За свежими ссылками также можно следить в группе на Facebook или во «ВКонтакте», а также в Telegram-канале. Спасибо всем, кто помогает наполнять дайджест. Вы также можете получать свежие обзоры по почте.

#figma #sketch #интерфейсы #пользовательскийопыт