Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-февраль 2024.
Паттерны и лучшие практики
The Ultimate Guide to Browser Extensions Design
Агентство Creative Navy описало паттерны и лучшие практики дизайна браузерных расширений. Популярные подходы и их особенности.
Juice
Brad Woods описывает концепцию «сока» в играх, которую можно применить для внедрения эмоционального дизайна в интерфейсах.
404s — Gallery of error 404 page designs
Коллекция примеров страниц ошибки 404.
Design Spells — Design details that feel like magic
Коллекция примеров интересных интерфейсных решений, во многом на базе анимации.
Homepage Design — 5 Fundamental Principles
Советы по дизайну интерфейса главных страниц сайта от Huei-Hsin Wang из Nielsen/Norman Group. Правда, с поправкой на то, что у многих сайтов пользователи в основном попадают на конкретную страницу из поиска или соцсетей, минуя главную.
Storytelling in UX Work: Study Guide
Nielsen/Norman Group сделали структурированную подборку своих статей о сторителлинге.
Pinball User Interface
Luke Wroblewski рассказывает о проблемном интерфейсном паттерне «пинбол», когда глазу приходится сканировать последовательность элементов на экране в хаотичном порядке.
Apparel E-Commerce — Visually Group and Clearly Label Size Filter Options
Iva Olah из Baymard Institute показывает, как спроектировать правильный фильтр по размерам одежды и обуви в интернет-магазинах.
Top Industrial Machinery Manufacturing Websites — UX Design Best Practices
Агентство Creative Navy проанализировало сайты производителей промышленного оборудования.
Table of Contents
Как Arun Venkatesan реализовал толковую навигацию по содержанию статьи в своём блоге.
Дизайн-системы и гайдлайны
Design System Generations
Новая серия статей Nathan Curtis посвящена смене поколения дизайн-системы. Первая часть даёт определение, вторая говорит о планировании, третья о выкатке, четвёртая о именовании и последняя о новом цикле.
Тёмная тема оформления
CSS color-scheme-dependent colors with light-dark()
Bramus van Damme рассказывает о функции light-dark() в CSS, которая позволяет задавать цвета для обычной и тёмной темы оформления.
Creating color palettes with the CSS color-mix() function
Michelle Barker рассказывает об относительно новой функции color-mix() в CSS, которая помогает делать вариации цветов в токенах дизайн-системы.
Storybook 8
8 версия вышла из беты. Улучшенная поддержка мобильных, автоматизированные визуальные тесты и в целом улучшенные инструменты тестирования, серверные компоненты, отвязка привязки к React для других фреймворков.
Понимание пользователя
Jobs To Be Done at Scale in the Enterprise — Interview with Alex Cottrell, Zurich Insurance
Alex Cottrell из страховой компании Zurich рассказывает о своём опыте использования Jobs to Be Done.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Redesigning navigation with a user-centric approach
Pauline Arnaud, Emmanuel Rafitosoa и Anne-Laure Civeyrac рассказывают о проектировании и тестировании навигации в интерфейсе сервиса Welcome to the Jungle.
Новые инструменты дизайна интерфейсов
Figma
Множественное редактирование (им пришлось заодно пересмотреть базовый принцип работы выделения объектов), фильтр в результатах поиска, убрали бесячее уведомление об обновлениях библиотеки.
В FigJam можно генерировать ментальные карты и визуальную хронологию. Подборка алгоритмических запросов.
Статьи
- Streamline: Памятка по дизайну иконок с базовыми шаблонами.
- Ana Boyer: Обучающие материалы по прототипированию.
Trangram
Редактор векторной анимации в браузере.
Welcome to Canva, Affinity!
Canva покупает Affinity. Деталей почему и зачем особо нет, но в целом настораживающе — это инструменты из разных вселенных.
Lissajous Curve SVG Generator
Онлайн-генератор кривых Lissajous.
Пользовательские исследования и тестирование
Diary Studies: Understanding Long-Term User Behavior and Experiences
Мощная детальная памятка по проведению дневниковых исследований от Kim Salazar из Nielsen/Norman Group. Виды, подготовка, проведение, анализ данных.
Is the SUS Too Antiquated?
Jeff Sauro и Jim Lewis разбираются, не устарел ли стандартизированный SUS, которому уже четыре десятка лет (он был создан для конкретного проекта). В целом он всё ещё работает, хотя есть методы попроще.
Defining and Finding Participants for Survey Research
Jeff Sauro и Jim Lewis рассказывают о нюансах поиска респондентов для опросов.
An Overview of Survey Sampling Strategies
Jeff Sauro и Jim Lewis сравнивают возможные подходы к выборке респондентов для опросов.
Intro to the Van Westendorp Pricing Exercise
Van Westendorp рассказывает о методе оценки отношения пользователей к цене Van Westendorp.
Building shared operations across hidden research silos
Анна Лопарёва показывает, как найти в компании коллег, которые не профессиональные исследователи, но пытаются проводить такие проекты. И чем можно помочь им.
Scope your studies to increase research impact
Steve Bromley даёт советы игровым исследователям о ситуациях, когда попросили провести тест в последний момент или не внесли изменения в продукт после исследования. Это полезно и вне игровой разработки.
The Future of User Research Report 2024
Maze опросили 1200 участников продуктовых команд на тему состояния рынка пользовательских исследований. Каких-то откровений нет, но вдруг пригодится.
Визуальное программирование и дизайн в браузере
A formula for responsive font-size
James Fisher предлагает простейшую формулу для адаптивного шрифта на CSS.
Новые скрипты
Дизайн-менеджмент и DesignOps
How to unmask fake Minimum Viable Products during the design process
Onsi Kahlaoui из Societe Generale показывает, как распознать фейковый MVP на ранней стадии и — это зачастую пустая трата времени команды. Во второй части он предлагает конкретные методы по выруливанию ситуации.
Words matter — Our approach to career progression and reward at Wise
Nikki Godley рассказывает о принципах дизайн-команды Wise. Они связаны с картой навыков и их развития.
Карта компетенций для UX-редакторов
Ирина Моторина предлагает свою карту компетенций для UX-редакторов. Сама карта.
Кейсы
The unconventional inspiration behind simplifying a workflow in Adobe After Effects
Brian Merrell рассказывает о переосмыслении панели настроек анимации в After Effects. Визуализация с помощью метафоры автобусного маршрута помогла упростить работу.
Брендинг цифровых продуктов
Instagram — Motion Identity System
Язык анимации Instagram от голландского агентства Dumbar.
Тренды
Алгоритмический дизайн
Google AI Studio
Общедоступная версия языковой модели Gemini 1.5 Pro через новый, частично визуальный интерфейс.
Maze AI — Elevate Your Product Research
Сервис для проведения пользовательских исследований Maze добавляет алгоритмические функции. Он подскажет как грамотно сформулировать вопрос для респондента, задать догоняющие вопросы, анализировать общие темы и в целом организовывать проекты.
Sora: first impressions
OpenAI попросили семь художников и режиссёров попробовать их новую модель Sora для генерации видео. Получилась крутая демонстрация возможностей.
New Users Need Support with Generative-AI Tools
Советы Feifei Liu из Nielsen/Norman Group по помощи пользователям-новичкам при работе с алгоритмическими чат-ботами. Она провела небольшое исследование китайских сервисов и описала типичные проблемы людей, которые сталкиваются с таким впервые.
Devin, the first AI software engineer
Платформа для разработчиков Devin, которая мощно развивает концепцию копилотов. Она не только пишет код и исправляет баги, но и помогает разобраться в незнакомых технологиях, выкатывать на прод и много чего ещё.
Defining experience quality in large language models
Mei Av и Rachana Rele рассказывают о дизайне интерфейса Generative summary в Adobe Acrobat. Их принципы алгоритмического дизайна.
Backstage — AI Photography
Генератор фото моделей и сцен для модных показов.
Midjourney Character Reference
Теперь можно сохранить черты лица или детали одежды персонажа в разных генерациях.
YandexGPT 3
Новая версия языковой модели Яндекса.
Grok-1
xAI Илона Маска опубликовала исходный код своей ИИ-платформы Grok-1 на GitHub.
Generative AI like Midjourney creates images full of stereotypes
Victoria Turk анализирует современные инструменты генерации изображений по текстовому запросу и показывает на конкретных примерах, насколько они полны клишированных стереотипов.
Jakob Has Jumped the Shark
Jakob Nielsen написал спорную статью об автоматической поддержке accessibility с помощью ИИ. Это вызвало огромную волну критики в проф.сообществе и Adrian Roselli собрал ссылки на все такие статьи.
How AI Reshapes Vocabulary — Unveiling the Most Used Terms Related to the Technology
Everypixel собрали глоссарий самых популярных терминов, использующихся на текущем этапе эволюции ИИ.
Does AI Numb the Brain?
Jakob Nielsen приводит несколько исторических аналогий на тему страха «использующие ИИ-инструменты отупеют». Это далеко не всегда так.
Intuit Assist — A new generative AI-powered financial assistant
Алгоритмический помощник Intuit Assist подсказывает, как управлять финансами.
Adobe Project Music GenAI Control
Генератор музыки по текстовому описанию от Adobe. Можно докрутить готовую композицию по скорости, экспрессивности и т.п.
Arcads — Create engaging video ads using AI
Генератор вертикальных рекламных видео с вымышленными актёрами. На входе – ваш сценарий.
HeyGen Avatar in Motion 1.0
Генератор вертикальных рекламных видео с вымышленными актёрами в движении.
Mixed Reality — The Future of Automotive UX Prototyping
Casper Kessels показывает, как пробовал прототипировать автомобильный интерфейс в шлеме смешанной реальности Oculus Quest 3.
Для общего и профессионального развития
Как там, на работе? Часть 2. Отвечают UX-писатели, редакторы и контент-стратеги
Ирина Моторина опросила UX-писателей, редакторов и контент-стратегов про их ощущения от отечественного рынка. Формат и особенности работы в продуктовых командах.
Люди и компании в отрасли
Out to Pasture
Легендарный Peter Morville, один из главных в информационной архитектуре, выходит на пенсию.
A Collection of Design Engineers
Список ярких дизайн-инженеров от Maggie Appleton. Эта роль время от времени упоминается под разными соусами.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.