Интерактивный и визуально бодрый тест на частые заблуждения в дизайне интерфейсов.

Oliver Lindberg собрал мнения дизайнеров интерфейсов, работающих в здравоохранении, об особенностях и сложностях предметной области.

Teisanu Tudor изучил сообщество дизайнерских Инстаграм-блогеров. Оно мало отличается от той «дриббблизации», которую критиковали несколько лет назад.

Технологии искусственного интеллекта.

Инструменты дизайна. Ответило более 4000 человек без классического «70% из США». Видно, как Figma доминирует, причём сильно отодвинула вниз InVision.

Тренды в изменяющейся рабочей среде.

Цвета популярных музыкальных альбомов 2020 года.

Лучшие книжные обложки 2020 года.

Выбрали цвет 2021 года. По словам компании, это сочетание «надёжного серого» и «излучающего жёлтого».

Тренды в фотографии.

Общие тренды.

Осталось пережить всего пару дней 2020 года. И, конечно же — бесконечную серию статей о «трендах», которые перепечатывают одно и то же из года в год. Новизна в этих прогнозах подаётся примерно так: прямоугольные фигуры, курсивное начертание, чёрный цвет шрифта, фотографии людей, кнопки и ссылки. В общем, они рассказывают просто об инструментах и жанрах, но редко подсвечивают что-то реально новое. Собрал относительно полезные подборки прогнозов.

Rahel Anne Bailie собрала подробную предысторию появления дисциплины контент-стратегии. Публикации, книги, конференции и другие ключевые активности.

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

Дизайн-команда IBM рассказывает о редизайне флагманского сайта IBM.com. Вторая часть.

Хорошо иллюстрированный рассказ Greg Jeanneau о переосмыслении настройки приложения Dashlane для хранения паролей. Как они выделили основную ценность для обычных пользователей.

Денис Мартынцев описывает недорогие способы проверки гипотез спроса и ценности. Для каждого приводятся хорошие реальные примеры.

John Calhoun и Rachel Posman из Salesforce придумали два новых термина (TeamOps и ProductOps), чтобы описать давно понятные части работы дизайн-менеджера — более сильная команда и более сильные продукты.

Kaley Coffield из IBM сравнивает несколько методов для координации дизайн-команды, работающей над одним, но большим продуктом.

Олег Якубенков разбирает, как корректно считать метрику LTV. Он приводит популярные заблуждения о ней.

• AnimXYZ: Фреймворк для CSS-анимации на переменных, который легко настраивать под свои задачи.
• Varun Vachhar показывает, как реализовать эффект разлетающихся конфетти.

• Ryan Finni показывает, как ограничить анимацию для людей с ограниченными возможностями через CSS или JavaScript.
• Эффект изгиба прямоугольников на JavaScript, выстроенный в оркестровку.

Сайт оптимизирован для экономии природных ресурсов. Авторы опубликовали исходный код.

Victor Yocco разбирает проблемные ситуации в пользовательских исследованиях с точки зрения этики. И даёт рекомендации по их решению.

Сервис для юзабилити-тестирования прототипов мобильных интерфейсов в связке с Figma. На подходе интеграция со Sketch и InVision.

Jim Ross даёт советы по обустройству рабочего места UX-исследователя дома. А также общие рекомендации по тому, как вести себя с респондентами в условиях полной удалёнки.

UX-исследователи Сбера рассказывают о работе погружённых UX-исследователей в командах продуктов.

Эмилия Городовых из Контура рассказывает о поддержке дизайнеров и менеджеров продуктов, которые сами проводят простые пользовательские исследования.

Mark McElhaw предлагает свой фреймворк ResearchOps, описывающий две важные части системной работы: проведение конкретных исследований и хранение знаний (он вбрасывает термин KnowledgeOps).

Инструмент для создания простой, но сочной 3D-графики. Позволяет экспортировать всё это для веба.

Запустили публичную бета-версию совместной работы над макетом.

Параметрический генератор цветовой палитры солнечного заката.

Генератор текстур в браузере. Выдаёт растровые и векторные файлы на выходе.

• Дизайнеры Discord опубликовали свои плагины для Figma. Тёмная тема, линтинг и другие.
• Variable-Width Stroke: Плагин позволяет сделать разную толщину линии по её длине. Это полезно, например, для типографических знаков.

• Static Localizer: Плагин дизайн-команды Joom для локализации скриншотов в магазине приложений. Как его делали.
• Figma Motion: Памятка по использованию от Павла Бабкина.

Инструменту исполнилось 5 лет. Команда сделала забавный шаблон для дружеского булшит-бинго. Занятно, что недавно они начали форсить примеры создания иллюстраций в инструменте — возможно, это новая точка роста. А ещё добавили ссылки-якори в прототипах, так что можно делать сайты-одностраничники с прокруткой.

Выдержка из главы 7 книги Cheryl Platz «Design Beyond Devices». Она посвящена проектированию омниканальных продуктов без жёсткой привязки к методом ввода или вывода конкретных устройств.

Will Boyd разбирает, какие значения можно использовать в CSS-переменных. Это один из самых простых способов реализации токенов в дизайн-системах.

Максим Ильяхов говорит о стандартном подходе полу-мёртвых редполитик, которые написаны и не используются на практике. И том, как выстроить рабочую модель.

Storybook готовят к запуску каталог плагинов. Подробнее о нём. В преддверии этого они выпустили расширения для просмотра и оптимизации компонентов для мобильных, встраивания макетов Figma в живой гайдлайн и расширенной документации в формате MDX. Документация по написанию плагинов. И примеры от компаний.

Перевод книги «Design Systems Handbook» от InVision.

Kate Moran из Nielsen/Norman Group описывает особенность модели сканирования сравнительных таблиц «газонокосилка». Как пользователи быстро пробегаются по ним глазами.

Экспериментальный интерфейс, позволяющий сгладить неточность жестов на сенсорном экране. Сопроводительная статья.

Nielsen/Norman Group делают обзоры каждой из 10 ключевых интерфейсных эвристик Якоба Нильсена. Вышла №10 (помощь).

Maria Meireles разбирает погружение нового пользователя в игре Doom Slayer. Интерфейсные решения и игровые механики.

Создатели сайта Growth Design разбирают интерфейс встречи нового пользователя в хитовом приложении для медитации Headspace. Спойлер: всё плохо.

Alex Krzyminski из Baymard разбирает процесс дарения товаров в интернет-магазинах, включая праздничную упаковку и поздравления.

Подробная памятка по accessibility от Hugo Giraudel.

Каталог паттернов игровых интерфейсов. Авторы собрали более 300 игр.

Третий год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? С прошлого года результаты стали открытыми (результаты за 2019 и 2018).

Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.