Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-ноябрь 2020.
Исследование: Отношение к продуктовым дизайн-командам в России
Третий год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? С прошлого года результаты стали открытыми (результаты за 2019 и 2018).
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Паттерны и лучшие практики
Game UI Database
Каталог паттернов игровых интерфейсов. Авторы собрали более 300 игр.
Кирилл Егерев — Этой кнопке нужен текст. O UX-писательстве коротко и понятно
Альпина Паблишер выпускают в 2021 году книгу Кирилла Егерева «Этой кнопке нужен текст». Она посвящена текстам в интерфейсе.
A11y Advent Calendar
Подробная памятка по accessibility от Hugo Giraudel.
5 Ways to Provide a Superior Gifting UI and Flow
Alex Krzyminski из Baymard разбирает процесс дарения товаров в интернет-магазинах, включая праздничную упаковку и поздравления.
How To Properly Apply Jobs-To-Be-Done To User Onboarding
Создатели сайта Growth Design разбирают интерфейс встречи нового пользователя в хитовом приложении для медитации Headspace. Спойлер: всё плохо.
Doom Slayer UX
Maria Meireles разбирает погружение нового пользователя в игре Doom Slayer. Интерфейсные решения и игровые механики.
Help and Documentation: The 10th Usability Heuristic
Nielsen/Norman Group делают обзоры каждой из 10 ключевых интерфейсных эвристик Якоба Нильсена. Вышла №10 (помощь).
ProbUI — Generalising Touch Target Representations
Экспериментальный интерфейс, позволяющий сгладить неточность жестов на сенсорном экране. Сопроводительная статья.
The Lawn Mower Eyetracking Pattern for Scanning Comparison Tables
Kate Moran из Nielsen/Norman Group описывает особенность модели сканирования сравнительных таблиц «газонокосилка». Как пользователи быстро пробегаются по ним глазами.
Дизайн-системы и гайдлайны
Дизайн-система: что это и в чем ее ценность для продукта
Перевод книги «Design Systems Handbook» от InVision.
Storybook Addons
Storybook готовят к запуску каталог плагинов. Подробнее о нём. В преддверии этого они выпустили расширения для просмотра и оптимизации компонентов для мобильных, встраивания макетов Figma в живой гайдлайн и расширенной документации в формате MDX. Документация по написанию плагинов. И примеры от компаний.
Корпорациям: про ваш Tone of Voice
Максим Ильяхов говорит о стандартном подходе полу-мёртвых редполитик, которые написаны и не используются на практике. И том, как выстроить рабочую модель.
What Can You Put in a CSS Variable?
Will Boyd разбирает, какие значения можно использовать в CSS-переменных. Это один из самых простых способов реализации токенов в дизайн-системах.
Информационная архитектура, концептуальное проектирование, контент-стратегия
The Spectrum of Multimodality
Выдержка из главы 7 книги Cheryl Platz «Design Beyond Devices». Она посвящена проектированию омниканальных продуктов без жёсткой привязки к методом ввода или вывода конкретных устройств.
Новые инструменты дизайна интерфейсов
5 лет Figma
Инструменту исполнилось 5 лет. Команда сделала забавный шаблон для дружеского булшит-бинго. Занятно, что недавно они начали форсить примеры создания иллюстраций в инструменте — возможно, это новая точка роста. А ещё добавили ссылки-якори в прототипах, так что можно делать сайты-одностраничники с прокруткой.
Плагины
- Дизайнеры Discord опубликовали свои плагины для Figma. Тёмная тема, линтинг и другие.
- Variable-Width Stroke: Плагин позволяет сделать разную толщину линии по её длине. Это полезно, например, для типографических знаков.
- Static Localizer: Плагин дизайн-команды Joom для локализации скриншотов в магазине приложений. Как его делали.
- Figma Motion: Памятка по использованию от Павла Бабкина.
Pattern Generator
Генератор текстур в браузере. Выдаёт растровые и векторные файлы на выходе.
Parametric Color Mixer 0.2
Параметрический генератор цветовой палитры солнечного заката.
Sketch
Запустили публичную бета-версию совместной работы над макетом.
Real-time collaboration is here! Yes, really ?
We've launched real-time collaboration in public beta and we can't wait for you to check it out.
You can get all the details at https://t.co/W3P7ARrHCa or check out the rest of this thread ? pic.twitter.com/tCH2SG5dCH
— Sketch (@sketch) December 15, 2020
Spline
Инструмент для создания простой, но сочной 3D-графики. Позволяет экспортировать всё это для веба.
Пользовательские исследования и тестирование
Researching the Research Cycle, part 1
Mark McElhaw предлагает свой фреймворк ResearchOps, описывающий две важные части системной работы: проведение конкретных исследований и хранение знаний (он вбрасывает термин KnowledgeOps).
Магия вне Хогвартса: как провести исследование, если нет исследователя
Эмилия Городовых из Контура рассказывает о поддержке дизайнеров и менеджеров продуктов, которые сами проводят простые пользовательские исследования.
Как устроена юзабилити-лаборатория Сбер Банка
UX-исследователи Сбера рассказывают о работе погружённых UX-исследователей в командах продуктов.
Conducting Remote UX Research from Home
Jim Ross даёт советы по обустройству рабочего места UX-исследователя дома. А также общие рекомендации по тому, как вести себя с респондентами в условиях полной удалёнки.
UITrial
Сервис для юзабилити-тестирования прототипов мобильных интерфейсов в связке с Figma. На подходе интеграция со Sketch и InVision.
Ethical Considerations In UX Research — The Need For Training And Review
Victor Yocco разбирает проблемные ситуации в пользовательских исследованиях с точки зрения этики. И даёт рекомендации по их решению.
Визуальное программирование и дизайн в браузере
The Low Impact Website
Сайт оптимизирован для экономии природных ресурсов. Авторы опубликовали исходный код.
Новые скрипты
- AnimXYZ: Фреймворк для CSS-анимации на переменных, который легко настраивать под свои задачи.
- Varun Vachhar показывает, как реализовать эффект разлетающихся конфетти.
Метрики и ROI
Расчет LTV. Как надо и не надо считать Lifetime Value
Олег Якубенков разбирает, как корректно считать метрику LTV. Он приводит популярные заблуждения о ней.
Дизайн-менеджмент и DesignOps
How to facilitate collaboration — 5 methods, ranked
Kaley Coffield из IBM сравнивает несколько методов для координации дизайн-команды, работающей над одним, но большим продуктом.
Team Ops and Product Ops — The Perfect DesignOps Pair
John Calhoun и Rachel Posman из Salesforce придумали два новых термина (TeamOps и ProductOps), чтобы описать давно понятные части работы дизайн-менеджера — более сильная команда и более сильные продукты.
Командное взаимодействие
The Definitive Guide To Facilitating Remote Workshops
Книга по проведению удалённых рабочих сессий от сервиса Mural.
Продуктовый менеджмент и аналитика
Проверка гипотез спроса и ценности продукта без разработки
Денис Мартынцев описывает недорогие способы проверки гипотез спроса и ценности. Для каждого приводятся хорошие реальные примеры.
Кейсы
Dashlane: How to build trust during onboarding
Хорошо иллюстрированный рассказ Greg Jeanneau о переосмыслении настройки приложения Dashlane для хранения паролей. Как они выделили основную ценность для обычных пользователей.
Project phoenix and the art of collaboration, part I
Дизайн-команда IBM рассказывает о редизайне флагманского сайта IBM.com. Вторая часть.
The New Normal
Обзорная статья о том, как Airbnb помогли владельцам жилья адаптироваться под коронавирусный мир.
История
An uneven history of content strategy
Rahel Anne Bailie собрала подробную предысторию появления дисциплины контент-стратегии. Публикации, книги, конференции и другие ключевые активности.
Тренды
Дизайн в 2021 году
Осталось пережить всего пару дней 2020 года. И, конечно же — бесконечную серию статей о «трендах», которые перепечатывают одно и то же из года в год. Новизна в этих прогнозах подаётся примерно так: прямоугольные фигуры, курсивное начертание, чёрный цвет шрифта, фотографии людей, кнопки и ссылки. В общем, они рассказывают просто об инструментах и жанрах, но редко подсвечивают что-то реально новое. Собрал относительно полезные подборки прогнозов.
Webflow, 99designs, Graphic Mama, Diana Malewicz
Общие тренды.
Depositphotos
Тренды в фотографии.
Pantone
Выбрали цвет 2021 года. По словам компании, это сочетание «надёжного серого» и «излучающего жёлтого».
Literature Hub
Лучшие книжные обложки 2020 года.
Музыка
Цвета популярных музыкальных альбомов 2020 года.
InVision
Тренды в изменяющейся рабочей среде.
UXTools.co
Инструменты дизайна. Ответило более 4000 человек без классического «70% из США». Видно, как Figma доминирует, причём сильно отодвинула вниз InVision.
Gartner
Технологии искусственного интеллекта.
Для общего и профессионального развития
I disguised as an Instagram UX influencer for 4 months; this is what I learned about our community
Teisanu Tudor изучил сообщество дизайнерских Инстаграм-блогеров. Оно мало отличается от той «дриббблизации», которую критиковали несколько лет назад.
Why UX Design in Healthcare Is Too Often Overlooked
Oliver Lindberg собрал мнения дизайнеров интерфейсов, работающих в здравоохранении, об особенностях и сложностях предметной области.
Quiz: Test your UX design knowledge!
Интерактивный и визуально бодрый тест на частые заблуждения в дизайне интерфейсов.
Подпишитесь на дайджест в Facebook, ВКонтакте, Телеграме, vc.ru или по почте ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
