Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-январь 2021.
Паттерны и лучшие практики
We Value Your Privacy (At About $0.50) — Dark Patterns in UI Copy 2021
Graeme Fulton разбирает несколько современных примеров тёмных паттернов от Amazon, Facebook, Medium и Twitter. Они строятся вокруг намеренно запутанных текстов.
Dangerous UX — Consequential Options Close to Benign Options
Page Laubheimer из Nielsen/Norman Group приводит примеры неудачного расположения действий в интерфейсе, когда деструктивное можно сделать по ошибке.
Livestream Ecommerce — What We Can Learn from China
Feifei Liu из Nielsen/Norman Group разбирает интерфейсы «интернет-магазинов на диване» — когда кто-то рассказывает о товарах на видео.
What we can learn from Apple’s dataviz accessibility
Sarah L. Fossheim разбирает, как экранный диктор Apple в часах и телефонах читает инфографику из приложений для отслеживания здоровья.
Designing Data Beyond the Dashboard
Jason Winters из Salesforce даёт советы по проектированию дашбордов. Он советует фокусироваться на вопросах, которые задают себе пользователи при работе с данными.
Always Persist Users’ Search Queries (37% Don’t)
Mark Crowley из Baymard Institute советует оставлять поисковой запрос поля поиска в интернет-магазинах. Это помогает уточнить выборку.
Accessible motion — why it’s essential and how to do it right
Советы Stephanie Cree из IBM по минимизации анимации в интерфейсе для пользователей с ограниченными возможностями.
How Robinhood handled a crisis — A UX case study
Peter Ramsey анализирует реакцию инвестиционного приложения Robinhood на кризисную ситуацию с внезапной массовой торговлей акциями GameStop. Хотя под угрозой был бизнес сервиса, удар по доверию пользователей был жёстким. Автор предлагает интерфейсные улучшения, которые смягчили бы ситуацию.
Designing Better Tooltips For Mobile User Interfaces
Eric Olive даёт советы по использованию всплывающих подсказок на мобильных.
Always Use “Buttons” for Size Selection (28% of Desktop Sites Don’t)
Kathryn Totz из Baymard советует делать выбор размера товара в интернет-магазинах явными кнопками или ссылками, но не выпадающим списком. Это помогает быстрее понять, есть ли в наличии подходящий.
Дизайн-системы и гайдлайны
Газпром Нефть Consta
Дизайн-система Газпром Нефти, которую используют более 50 проектов компании. Есть компоненты на React и шаблоны в Figma.
Building better products with a design token pipeline
Памятка по работе с токенами в дизайн-системах от Lukas Oppermann. Он сделал плагин для Figma, который позволяет экспортировать стили в JSON.
Front-of-the-front-end and back-of-the-front-end web development
Brad Frost описывает своё понимание разделения роли front-end-разработчика на две части: front и back. К этому привела популяризация современных компонентных фреймворков и усложнение работы некогда «верстальщика».
On Design Engineering — I think I might be a design engineer…
Trys Mudford описывает своё понимание роли «дизайн-инженера». Этот термин то и дело всплывает много лет подряд, но дискуссия стала актуальнее в связи с тенденцией к разделению роли front-end-разработчика на две части: front и back.
Hawkins: Diving into the Reasoning Behind our Design System
Joshua Godi из Netflix рассказывает о технологических основах их дизайн-системы Hawkins (в честь города из Stranger Things).
Improving comprehension through intuitive actions
Советы по грамотному выбору подходящей кнопки в Material Design от Ramprakash Ravichandran из Google.
The Never-Ending Job of Selling Design Systems
Ben Callahan из Sparkbox подсказывает, как обосновать вложения в дизайн-систему для руководства компании. Правда, не хватает примеров расчётов.
Новые инструменты дизайна интерфейсов
Figma
Скоро выпустят улучшенные возможности прототипирования — при переходах можно будет использовать варианты компонентов (например, эффект наведения).
Interactive components are here my friends.
Here's a quick run through of what they mean and also why it's important for design systems teams.
?
Sign up for the beta here: https://t.co/PYXoKapYVL pic.twitter.com/dZdqJ1fhDd
— luis. (@disco_lu) February 25, 2021
Кстати, следующая конференция Config 2021 пройдёт 21 апреля в интернете.
Плагины
- Focus Orderer: Порядок навигации по интерфейсу с помощью Tab, что важно для пользователей с ограниченными возможностями.
Шаблоны
- Komal Javed из Shopify рассказывает о шаблоне в Figma, который помогает вести всю хронологию текущего проекта. Сам шаблон.
Статьи
- Uber: команда научилась автоматически генерировать разные вариации компонентов.
Framer
Полемика между Adrian Zumbrunnen и Amy Dutton на тему актуальности инструмента.
Remotion
Генератор видео-презентаций, которые можно писать на React.
Droste Creator
Генератор рекурсивных изображений на основе фотографии или иллюстрации.
Ray.so
Сервис позволяет эффектно представить кусок кода.
Mutsuacen
Экспериментальный инструмент дизайна в браузере, который позволяет рисовать постоянно движущиеся картинки.
SVG Repo
Коллекция из 300 000 бесплатных векторных иконок и иллюстраций.
Пользовательские исследования и тестирование
Исследование про исследователей: что мы узнали
Авито и группа энтузиастов изучили рынок UX- и других исследователей в России (участвовало 250 специалистов). Много деталей и задачах, форматах работы, проблемах, интересах и куче других аспектов. Схожий по целям опрос маркетинговых исследователей.
The State of User Research 2021 Report
Сервис User Interviews провёл опрос 525 UX-исследователей по множеству тем. Получился интересный срез текущего состояния отрасли: методы, орг.струкутры, инструменты и т.п.
Get the most out of stakeholder collaboration — and maximize your research impact
Анна Познякова и Richa Prajapati описывают модель работы UX-исследователей Salesforce в формате agile. Очень крутой и свежий подход системной работы с потребителями исследований, который позволяет оптимизировать календарь.
Testing Content with Users
Kate Moran из Nielsen/Norman Group даёт советы по тестированию контента в интерфейсах.
10 Rules for Effective Research Narratives
Stephanie Wu из Facebook даёт советы по грамотной подаче результатов UX-исследования для команды. На чём фокусироваться, как структурировать, как оформлять.
Seven Ways to Make Survey Questions Clearer
Рекомендации Jeff Sauro и Jim Lewis по простым и чётким формулировкам вопросов при проведении опросов.
Nine Words to Watch for When Writing Survey Questions
Jeff Sauro и Jim Lewis предостерегают от использования в опросах слов вроде «всегда» (преувеличение), «могли бы» (сложно определить грани) или «вы» (непонятно, речь о респонденте или, например, его семье).
Internal vs. External Validity of UX Studies
Raluca Budiu из Nielsen/Norman Group пишет о внутренней и внешней валидности UX-исследований. И том, как повысить их.
Behavioral Design 2021
Сообщество экспертов по проектированию поведения собрало свой обзор трендов в профессии на 2021 год.
Writing an Effective Guide for a UX Interview
Maria Rosala из Nielsen/Norman Group даёт рекомендацию по составлению гайда для глубинных интервью.
A 4-step process for testing the accessibility of your designs
Отличная памятка по тестированию навигации с клавиатуры для пользователей с ограниченными возможностями от Justine Win из Shopify.
Что делать с данными опроса: до, во время и после его проведения
Анна Серова из Контура даёт советы по правильному проведению опросов и обработке их выводов.
Визуальное программирование и дизайн в браузере
Maximally optimizing image loading for the web in 2021
Malte Ubl сделал обзор актуальных техник оптимизации загрузки изображений в вебе.
Progressive Web Apps in 2021
Maximiliano Firtman анализирует текущее состояние Progressive Web Apps.
CSS-анимация
Дизайн-менеджмент и DesignOps
How to deal with designers in 10 easy steps
Бомбейшая подборка вредных советов для менеджеров продуктов от Teisanu Tudor, которые помогают убить волю дизайнеров. В таком виде типичные проблемы взаимодействия подсвечиваются ещё лучше.
Design review means asking questions
Stephen Hay предлагает свою формулу для вопросов на сессиях дизайн-критики. Она стартует комфортное обсуждение без осуждения.
Командное взаимодействие
How to Handle Dominating Participants in UX Workshops: 3 Tactics
Kate Kaplan из Nielsen/Norman Group даёт советы по фасилитации сложных участников рабочих встреч: топов, пассионариев и дотошных экспертов.
How to use design pairing to gain crucial context
Eduardo Mujica рассказывает о подходе парного дизайна в Shopify. Это помогает посмотреть на задачу и решение свежими глазами, что делает его лучше.
Кейсы
Designing for crisis
Annie Wu рассказывает об упрощении частей интерфейса Airbnb в кризисной ситуации пандемии. Многие из владельцев жилья предоставляли его медикам и другим людям в повышенном стрессе, так что даже вроде бы обычные паттерны могли раздражать их.
Брендинг цифровых продуктов
How we created the illustration style for our traveller products
Елена Снежинская рассказывает о работе над новым единым стилем иллюстраций Booking.com. Годный пример с кучей итераций, показывающий как транслировать ценности бренда и сделать его характерным.
Тренды
Why does every advert look the same? Blame Corporate Memphis
Josh Gabert-Doyon описывает современный жанр «Корпоративный Мемфис» — одинаковые плоские иллюстрации у большинства продуктов и компаний, которые символизируют их «человечность» (хотя зачастую это вообще не так). На сайте are.na есть отдельная подборка за несколько лет.
Is graphic design too trendy?
Толковые размышления Harry Bennett и его собеседников о том, нужно ли остерегаться трендов, которые быстро сгорают и часто используются не к месту. И вообще этому явлению.
Annual Awwwards 2020 — Discover the best of the Web on Awwwards
Лучшие сайты и агентства 2020 года по версии Awwwards.
State Of GDPR In 2021 — Key Updates And What They Mean
Danny Bluestone из Cyber Duck проанализировал обновления GDPR с момента введения в 2018 году. Продолжение с фокусом на способы запроса согласия на cookies.
Tom Greenwood — Sustainable Web Design
A List Apart выпустили книгу Tom Greenwood «Sustainable Web Design». Она посвящена энергоэффективным сайтам, которые жгут меньше электричества.
Для общего и профессионального развития
Interaction design is more than just user flows and clicks
Золотая статья Richard Yang, которая в очень ёмком виде описывает основные цели дизайнера интерфейсов. Минимум шелухи, максимум на ключевых результатах — упрощение сложных сценариев, причём помня о балансе между физической и ментальной сложностью.
Citibank just got a $500 million lesson in the importance of UI design
Свежий пример в копилку дороговизны кривых интерфейсов в областях, где речь идёт о жизнях людей или деньгах. Сотрудники Citibank по ошибке вернули долг клиента кредиторам раньше срока, сделав дыру в бюджете на $500 млн.
We Are Not ‘System Designers’ (and Other Random Thoughts On the Scales of Design)
Cornelius Rachieru размышляет о роли системного дизайнера и том, насколько методология и профессия готова к этому.
The UI & UX Tips Collection, volume One
Серия простых советов по улучшению интерфейса от Marc Andrew в виде микро-книги. Выдержка.
YDays — Unlock your creativity with daily drawing challenges
Сообщество стимулирует креативность через небольшие турниры по рисованию. Создатель платформы Peter Cho размышляет о том, как ограничения помогают в этом.
Люди и компании в отрасли
Design at Wikimedia Foundation
Сайт и блог дизайн-команды Wikimedia, создателей Wikipedia.
Indeed Design
Блог дизайн-команды Indeed (сайт вакансий).
Adapting an outcome-centric mindset with Josh Seiden
Годное интервью с Josh Seiden о том, как он пришёл в профессию и как родилась их совместная с Jeff Gothelf концепция «lean UX».
Helvetica / Objectified / Urbanized — The Complete Interviews
Gary Hustwit выпустил книгу с полными версиями интервью с дизайнерами из своих фильмов Helvetica, Objectified и Urbanized.
Материалы конференций
Civic Design 2021
Rosenfeld Media запускают новую конференцию Civic Design. Она посвящена дизайну государственных сервису и пройдёт 8-10 декабря.
Подпишитесь на дайджест в Facebook, ВКонтакте, Телеграме, vc.ru или по почте ― там свежие ссылки появляются каждую неделю. Спасибо всем, кто делится ссылками в группе, особенно Геннадию Драгуну, Павлу Скрипкину, Дмитрию Подлужному, Антону Артемову, Денису Ефремову, Алексею Копылову, Тарасу Бризицкому, Евгению Соколову и Антону Олейнику. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.
