Юрий Ветров об интерфейсах
  • Главная
  • Статьи
  • Дайджест
  • Конференции
  • Дизайн-менеджмент
  • Дизайн-системы
  • Заметки
  • О блоге
Юрий Ветров об интерфейсах
Юрий Ветров об интерфейсах
  • Главная
  • Статьи
  • Дайджест
  • Конференции
  • Дизайн-менеджмент
  • Дизайн-системы
  • Заметки
  • О блоге

Дайджест продуктового дизайна, январь 2023

  • 19 февраля 2023

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-декабрь 2022.

Дайджест продуктового дизайна, январь 2023

Паттерны и лучшие практики

The UX of Banking — 900 days of progress

Peter Ramsey освежил своё сравнительное исследование приложений британских банков. Печальный вывод — классические банки не особо догоняют современные, во многом из-за малой скорости обновлений.

Designing for Accessibility — Best Practices for Closed Captioning and Subtitles UX

Виталий Фридман описывает лучшие практики показа субтитров к видео.

Mission Control Software UX Design Patterns & Benchmarking

Агентство Creative Navy сравнило интерфейсы программ для управления космическими полётами.

Designing for the World: An Introduction to Localization

Mercedes Krimme, Melia Wagner и Faith McAllister рассказывают о подходах к локализации интерфейса и контента в Spotify.

The power of localization in user experience

Rotem Maor рассказывает о разных гранях локализации Wix. От простого перевода текстов до региональных доменов и конкретных посылов.

The hidden complexity of bank cards

Peter Ramsey обновил своё исследование британских банков — прошёлся по сценарию перевыпуска карты.

CAD Software UX Design Patterns & Benchmarking

Агентство Creative Navy сравнивает интерфейсы программ для 3D-моделирования.

Make “Guest Checkout” the Most Prominent Option (47% Don’t)

Edward Scott из Baymard Institute разбирает хорошую и плохую реализацию покупки без регистрации в интернет-магазинах.

Syringe Pumps UX — Design Patterns & Benchmarking

Агентство Creative Navy сравнивает медицинские интерфейсы шприцевых помп.

UX and NPS Benchmarks of Clothing Retail Websites (2023)

Jim Lewis и Jeff Sauro обновили своё сравнительное исследование интернет-магазинов одежды. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.

Дизайн-системы и гайдлайны

Sizing typography in design systems

Kevin Muldoon предлагает интересный подход к описанию типографической сетки в дизайн-системах. Он ориентируется на ширину типовых колонок контента в разных состояниях адаптивности.

Codex

Дизайн-система Wikimedia (команда, которая делает Wikipedia). Как и зачем её создавали.

Design Systems at Alibaba

Pooya Kamel рассказывает о переводе на дизайн-систему сервиса бронирования Atlas от Alibaba.

Mafs — React components for interactive math

Библиотека React-компонентов для визуализации данных.

Понимание пользователя

JTBD Canvas 2.0

Jim Kalbach и Elaine Matthias выпустили вторую версию своего шаблона JTBD Canvas. В сопроводительной памятке они описывают как работать с ним.

Neurodiversity Design System

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

Информационная архитектура, концептуальное проектирование, контент-стратегия

How Practitioners Create Journey Maps: Typical Uses, Roles, and Methods

Nielsen/Norman Group опросили 343 специалиста на тему процесса создания CJM. Kate Kaplan делится основными выводами.

Новые инструменты дизайна интерфейсов

Figma

Официальные советы по организации команд, проектов и файлов. В самом интерфейсе — общие обновления.

Статьи

Brooke Altman делится подходом Deliveroo к организации проектов. Они сделали толковый шаблон, помогающий структурировать информацию о проекте и задаче.

Шаблоны

Анимированная лава-лампа.

Pixelicious

Сервис конвертирует обычные фото и иллюстрации в пикселизованные из старых игр.

OKLCH Color Picker & Converter

Сервис помогает анализировать цвета в относительно новом формате записи OKLCH.

Sketch

Pieter Omvlee и Emanuel Sá анонсировали изменения в подходе к разработке. Команда стала компактнее и, по идее, динамичнее. Не факт, что это поможет им сократить отставание. Но скорость реакции и правда была вялой последние годы, так что интересно будет посмотреть.

Пользовательские исследования и тестирование

Continuous Research Trends Report 2023

Maze и Atlassian провели опрос 600 дизайнеров, исследователей и менеджеров продуктов о том, на каких этапах работы над продуктом они проводят пользовательские исследования. И в целом про развитие экспертизы в компаниях.

Формулировка гипотез для юзабилити-тестирования — на что обратить внимание

Памятка Юлианы Шевчук из Контура по формулировке гипотез для юзабилити-тестирования. Как правильно описывать их, чтобы получить хорошие ответы.

How to Write Study Invite Emails for UX Research

Памятка сервиса User Interviews по написанию хорошего письма-приглашения на пользовательское исследование. Бонусом идут шаблоны-примеры.

105 Free UX Research Templates for Tools You Already Use

User Interviews собрали большую коллекцию шаблонов для разных методов и задач пользовательских исследований.

6 Tips for Better Participant Engagement in Diary Studies

Советы Maria Rosala из Nielsen/Norman Group по повышению вовлечённости респондентов в дневниковые исследования. Многие не осознают, сколько времени они требуют и отваливаются на разных этапах.

Your UX research reports are boring

Советы Joyce S. Lee из Atlassian по презентации результатов пользовательских исследований команде. Она советует экспериментировать с подходами и вовлекать участников разными способами.

Как доносить знания про пользователей за пределами разработки

Эльмира Искакова перечисляет способы донести знания про пользователя для продуктовых команд Контура.

ResearchOps — Creating a system to scale User Research

Rachel Miles из IBM даёт советы по первым шагам внедрения ResearchOps в компании. Больше пересказ известного фреймворка, но есть и личный опыт.

What Dovetail does and does not do

Создатели сервиса ведения базы знаний и инсайтов из пользовательских исследований Dovetail описывают свою роль на рынке сопутствующих инструментов.

Does Thinking Aloud Affect Task Metrics?

Jeff Sauro и Jim Lewis провели серию экспериментов, чтобы замерить влияние метода рассуждения респондентом вслух на результаты удалённого немодерируемого пользовательского исследования. Спойлер: отклонения есть, хотя и не критичные.

Визуальное программирование и дизайн в браузере

Новые скрипты

  • Гибкая верёвка с плетением на SVG.

Метрики и ROI

CASTLE Framework for Workplace Applications UX

Page Laubheimer предлагает фреймворк интерфейсных метрик CASTLE от Nielsen/Norman Group, который дополняет Google HEART для корпоративных продуктов. У них другие принципы использования и критерии успеха.

Дизайн-менеджмент и DesignOps

UX-Stakeholder Engagement 101

Sarah Gibbons из Nielsen/Norman Group разбирает лучшие практики вовлечения лиц, принимающих решения. Они предлагают необязательную смену терминологии («вовлечение» вместо «менеджмента»), хотя любой современный подход для кросс-функциональных команд предполагает вовлечение.

Maria Giudice & Christopher Ireland — Changemakers. How Leaders Can Design Change in an Insanely Complex World

Rosenfeld Media выпустили книгу «Changemakers» об управлении изменениями с помощью дизайна. Глава №1 в открытом доступе.

Measuring DesignOps with the REACH Metrics Framework

Kate Kaplan из Nielsen/Norman Group предлагает набор метрик REACH для оценки эффективности работы DesignOps. Не факт, что нужны количественные измерения для многих из перечисленных вещей (это отдельная работа), но подход интересный.

Командное взаимодействие

Groupthink in UX Work

Samhita Tankala из Nielsen/Norman Group пишет о проблеме группового мышления на встречах по обсуждению дизайна. И даёт советы по минимизации эффекта.

Методологии, процедуры, стандарты

The design process and the scaffolding within

Dan Ramsden описывает своё видение дизайн-процесса на теоретическо-концептуальном уровне.

Брендинг цифровых продуктов

Whatsapp

Ребрендинг Whatsapp от британского агентства Koto.

История

Marcin Wichary — Shift Happens

Marcin Wichary выпускает книгу «Shift Happens» об истории клавиатур. Он проследил её за 150 лет от печатных машинок до современных.

Revisiting Apple’s ill-fated Lisa computer, 40 years on

Jeremy Reimer рассказывает историю интерфейса компьютера Apple Lisa. Давний дискурс про то, сколько они списали у Xerox PARC, тут тоже есть.

Тренды

CES 2023

Каждый год последние много лет начинается с разбора свежатины с выставки — она прошла с 5 по 8 января в Лас-Вегасе. Смотрю на всячину, которая имеет прямое или косвенное отношение к интерфейсам:

Экраны

Дикий ноутбук Lenovo с двумя экранами

Гибкий экран Samsung, который может и сгибаться, и выдвигаться

Телефон с гибким экраном LG, который гнётся в обе стороны

Samsung может объединить изображение с двух проекторов в одну картинку

Ноутбук-трансформер Lenovo, который необычно поворачивает экран

Ноутбук ASUS умеет показывать 3D без очков

Телевизор Displace TV можно приклеить к любой поверхности — он полностью беспроводной

Холодильник Samsung с экраном 32″

Авто

Новое поколение Android Auto (ещё и немного)

Концепт BMW, который умеет менять цвет кузова

Приборная панель беспилотных машин Chrysler

Шлемы виртуальной реальности Holoride для пассажиров на заднем сиденье

Умные колонки и помощники

Помощник Disney для их гостиниц на базе Alexa

Наушники

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

Зарядные чехлы с экраном от JBL и Poly

Игры

Sony вслед за Microsoft делают игровые контроллеры для людей с ограниченными возможностями

Механические шахматы, где фигуры ходят сами

Портативная облачная консоль Razer

Очки и шлемы

Умные очки TCL

Приблуды и контроллеры для Steam VR

Носимые устройства

Умные кольца Movano с датчиками здоровья

Умные часы с драгоценным камнем вместо экрана

Методы ввода

Стилус, которым можно писать и на экране, и на бумаге

Смартфоны

Lenovo тесно связан с их ноутбуками

Qualcomm даст Android-телефонам возможность писать смс даже без сотовой сети

Всякое

А вот этим дивным делам не про интерфейсы позавидует король магазинов на диване Leomax: домашний дрон, унитазный анализатор, велотренажёр с компьютерным столом, веб-камера/лампа/док-станция, принтер для бровей, электроколяска для детей, подушка для снятия стресса, ложка с усилителем вкуса, перцовый баллончик сам звонит в полицию, няшный мини-робот Loona. В общем и в целом всё о проблемах белых людей.

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

Monotype Type Trends 2023

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

Wunderman Thompson The Future 100: 2023

Тренды 2023 года.

GSAP codepens 2022

Лучшие скрипты CodePen 2022 года для анимации на GSAP.

Статистика рынка за 2022

-18,3%

Q4: падение поставок смартфонов в мире

3М

продажи умных колонок в России

Алгоритмический дизайн

Can ChatGPT write a proper usability test script?

Lawton Pybus попробовал написать сценарий юзабилити-тестирования с помощью ChatGPT. По форме похоже на правду, по сути — много дырок и воды.

Runway — Next-generation creation suite. Everything you need to make content, fast

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

Figma plugins development via ChatGPT

Сергей Никишкин из Acronis попробовал написать три плагина для Figma с помощью ChatGPT. В целом получается, хотя не сразу и не всегда оптимально.

Prompt-Driven Design

Инвестфонд Felicis Ventures вложился в много инструментов алгоритмического дизайна, основанных на вводе текстового запроса от пользователя. Они сделали обзор своего портфеля.

Poly — Generate design assets with A.I.

Инструмент алгоритмического дизайна генерирует текстуры для 3D-моделирования.

VALL-E

Экспериментальная модель Microsoft, которая генерирует аудио-запись любой фразы нужным голосом. Нужен только небольшой образец оригинала.

OpenAI Used Kenyan Workers on Less Than $2 Per Hour: Exclusive

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

Is Adobe’s AI art feature as creepy as it sounds?

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

AI Text Classifier

OpenAI выпустили инструмент, помогающий отличить текст, написанный человеком, от работы ChatGPT. Анонс. Правда, пока срабатывает только в части случаев.

Generative AI — A Creative New World

Краткая предыстория развития генеративного ИИ в разных креативных отраслях от Sequoia Capital. И прогноз на будущее.

MusicLM — Generating Music From Text

Экспериментальная нейросеть Google, которая генерирует музыку по текстовому описанию. Научная публикация.

NVIDIA Broadcast 1.4 Adds Eye Contact and Vignette Effects With Virtual Background Enhancements

Сервис для видео-трансляций NVIDIA Broadcast научился имитировать взгляд человека в камеру в реальном времени.

ChatGPT for Search Engines

Плагин для Chrome показывает ответ на поисковой запрос от ChatGPT в выдаче Google, Bing и DuckDuckGo.

The Valley Times

Экспериментальный новостной сайт, на котором новости генерирует ChatGPT, а картинки — также нейросети.

Blueberry & the Bear and Other Stories — An Experiment in Human+AI Creative Collab

Детская книга, написанная с помощью ChatGPT. Иллюстрации к ней также сделаны инструментами алгоритмического дизайна.

IBM Design for Sustainability

Мини-фреймворк IBM по дизайну для устойчивого развития.

WonderOS

Экспериментальная концепция операционной системы от Alexander Obenauer.

Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор и Александру Орлову за визуальный стиль.

Юрий Ветров

Директор по бренду и дизайну Muse Group, ранее — Райффайзен Банка и Mail.ru Group. Я руковожу несколькими командами, которые отвечают за дизайн бренда и интерфейсов. Веду блог и курс о дизайн-менеджменте, делаю дайджесты, со-организовывал Fintech Design Conf, Mail Design Conf и московский Dribbble Meetup, Russian Design Cup, читаю лекции в Британке, курирую курс Future London Academy в Лондоне, публикуюсь на Smashing Magazine, UXmatters и UX Collective. Подробнее обо мне.

Другие статьи по теме
Дайджест продуктового дизайна, февраль 2023
View Post
  • Дайджест

Дайджест продуктового дизайна, февраль 2023

  • Юрий Ветров
  • 10 марта 2023
View Post
  • Дайджест

Дайджест продуктового дизайна, декабрь 2022

  • Юрий Ветров
  • 22 января 2023
Дайджест продуктового дизайна, ноябрь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, ноябрь 2022

  • Юрий Ветров
  • 9 декабря 2022
Дайджест продуктового дизайна, октябрь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, октябрь 2022

  • Юрий Ветров
  • 16 ноября 2022
Дайджест продуктового дизайна, сентябрь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, сентябрь 2022

  • Юрий Ветров
  • 16 октября 2022
Дайджест продуктового дизайна, август 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, август 2022

  • Юрий Ветров
  • 1 сентября 2022
Дайджест продуктового дизайна, июль 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, июль 2022

  • Юрий Ветров
  • 8 августа 2022
Дайджест продуктового дизайна, июнь 2022
View Post
  • Дайджест

Дайджест продуктового дизайна, июнь 2022

  • Юрий Ветров
  • 10 июля 2022

Добавить комментарий Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Юрий Ветров об интерфейсах
Дизайн-менеджмент цифровых продуктов, © 2007-2018

Input your search keywords and press Enter.