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

2024-04-01 10:04:21 И снова прорва свежих ссылок об интерфейсных паттернах и лучших практиках:
 
1. Creative Navy: Браузерные расширения. Популярные подходы и их особенности.
 
2. Brad Woods: Концепция «сока» в играх, которую можно применить для внедрения эмоционального дизайна в интерфейсах.
 
3. Коллекция примеров страниц ошибки 404.
 
4. Коллекция примеров интересных интерфейсных решений, во многом на базе анимации.
 
5. Welcome to the Jungle: Проектирование и тестирование навигации.
 
6. NN/g: Главные страницы сайта. Правда, с поправкой на то, что у многих сайтов пользователи в основном попадают на конкретную страницу из поиска или соцсетей, минуя главную.
 
7. Luke Wroblewski: Проблемный интерфейсный паттерн «пинбол», когда глазу приходится сканировать последовательность элементов на экране в хаотичном порядке.
 
8. Brian Merrell: Переосмысление панели настроек анимации в After Effects. Визуализация с помощью метафоры автобусного маршрута помогла упростить работу.
 
9. Baymard Institute: Как спроектировать правильный фильтр по размерам одежды и обуви в интернет-магазинах.
 
10. Creative Navy: Проанализировали сайты производителей промышленного оборудования.
 
11. Arun Venkatesan: Толковая навигация по содержанию статьи в своём блоге.
 
#patterns Открыть/Комментировать

2024-03-25 11:04:17 Малёк ссылёк о дизайн-менеджменте:
 
1. Societe Generale: Как распознать фейковый MVP на ранней стадии — это зачастую пустая трата времени команды. Конкретные методы по выруливанию ситуации.

2. Figma: Сессия регулярной критики текущих задач для разработчиков. Их шаблон в FigJam.

3. Atlassian: Памятка для коммуникации внутри больших команд, которая повышает прозрачность и снижает нагрузку на всех.

4. Robert Fabricant: Размышления на тему «коррекции рынка» в отношении дизайн-менеджеров высокого уровня. В целом это понятная ситуация на фоне массовых сокращений и окончания конфетно-букетного периода. Хотя выводы и способы решения спорные — они не адресуют реальные проблемы. А они в том, что у компаний разные потребности в дизайне, разная зрелость и половинчатые изменения.

5. GoPractice: Советы по выбору метрики «полярной звезды».

6. Wise: Принципы дизайн-команды. Они связаны с картой навыков и их развития.
 
#management Открыть/Комментировать

2024-03-21 10:04:38 Давненько не было мини-выпусков о пользовательских исследованиях. Вот вам мясной по уровню сложности:
 
1. Jeff Sauro и Jim Lewis: Разбираются, не устарел ли стандартизированный опросник SUS, которому уже четыре десятка лет (он был создан для конкретного проекта). В целом он всё ещё работает, хотя есть методы попроще.
 
2. Stephen Schneider, Serena Hillman, Paula Bach и Guoping Ma: Упрощённая версия SUS для корпоративных интерфейсов. Они сократили опросник до 5 вопросов и назвали его ESUS (Enterprise SUS).
 
3. Chase S. Boothe, Lesley Strawderman, Reuben F. Burch V, Brian K. Smith, Cindy L. Bethel и Kate Holmes: Вариация UEQ-G для стандартизированного опросника UEQ (User Experience Questionnaire). Он состоит из 26 вопросов про ощущения от продукта.
 
4. Jeff Sauro и Jim Lewis: Нюансы поиска респондентов для опросов.

5. Vandhana Bhaskaran: Формирование доверия в цифровых продуктах. Она ссылается на несколько исследований по теме.
 
6. Анна Лопарёва: Как найти в компании коллег, которые не профессиональные исследователи, но пытаются проводить такие проекты. И чем можно помочь им.
 
7. Alex Cottrell: Опыт использования Jobs to Be Done в страховой компании Zurich.

8. Steve Bromley: Советы игровым исследователям о ситуациях, когда попросили провести тест в последний момент или не внесли изменения в продукт после исследования. Это полезно и вне игровой разработки.
 
#research Открыть/Комментировать

2024-03-18 10:05:09 Отложка неотложных новостей и свежих материалов про дизайн-системы:
 
1. Nathan Curtis: Новая серия статей посвящена смене поколения дизайн-системы. Первая часть даёт определение, вторая говорит о планировании, третья о выкатке, четвёртая о именовании и последняя о новом цикле.

2. Kevin Coyle: Собрал для Brad Frost примеры использования алгоритмических инструментов в дизайн-системах. Код компонентов, тестирование, документация. Его презентация на Smashing Conf.

3. Storybook 8 вышел из беты. Улучшенная поддержка мобильных, автоматизированные визуальные тесты и в целом улучшенные инструменты тестирования, серверные компоненты, отвязка привязки к React для других фреймворков. Также появилась бета-версия плагина Visual Tests для визуального тестирования компонентов.

4. Павел Киселёв: Подход к созданию дизайн-системы в Figma с гибкой тематизацией для разных брендов. Он сделал плагин Source Foundation, который помогает в этом, а также приложил кучу примеров.

5. VK для бизнеса: Генератор токенов и компонентов в коде на основе Figma.

6. Dave Rupert: Выделяет толковую мысль: настоящая ценность дизайн-системы проявляется в триггерные моменты. Он составил пример таких событий вроде обновления бренда.

7. Javier Cuello: Чеклист по дизайну и тестированию компонентов в Figma.

8. НЛМК: Дизайн-система металлургической компании. Есть компоненты в коде и Figma.

9. Supernova 2.0: Вышла вторая версия инструмента для описания дизайн-систем. Добавили совместную работу над документами и быстрый глобальный поиск.
 
#designsystems Открыть/Комментировать

2024-03-14 10:11:07 Моя книга «Паттерны дизайн-менеджмента» снова в продаже. Первый тираж разлетелся за три недели, так что вышла заминка из-за подписания нового договора, исправления небольших косяков и всего такого.

Изначальный план с Альпиной был напечатать пробник в 1000 штук и посмотреть на динамику, с которой они расходятся. Кажется, что идёт бодро для такой нишевой темы (даже заработал бедж «бестселлер»).
 
#books Открыть/Комментировать

2024-03-11 10:04:19 Дайджест продуктового дизайна за февраль 2024. Эвристики, QR-коды, опросы, поиск на мобильных, дизайн-системы, алгоритмический дизайн, визуализация данных, accessibility и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать

2024-03-07 10:04:23 Вторая часть запоздалого выпуска про алгоритмический дизайн. Чуть меньше про сам дизайн, чуть больше про платформы:
 
Инструменты:
1. Wix AI Website Builder: Второй заход Wix на поляну алгоритмического дизайна после ADI. В этот раз он генерируется по текстовому запросу.
 
Взаимодействие с такими инструментами:
1. Silvia Podesta: Ментальные модели обычного поиска и новых подходов на базе чат-ботов типа Perplexity. Как отличается поведение и ожидания пользователей.

Общий тренд:
1. Everypixel: Обзор главных запусков и законодательных инициатив в сфере генеративного ИИ в 2023 году.

2. Sequoia Capital: Начинается второй акт генеративного ИИ. Он больше про полезные сценарии использования, а не просто технологии.

3. Simon Willison: Что отрасль узнала про большие языковые модели в 2023 году.

4. Визуализация того, как устроены большие языковые модели.
 
Платформы:
1. Microsoft добавляет кнопку Copilot в свой стандарт клавиатур для Windows. Это сильное заявление — в последний раз они делали это 30 лет назад с кнопкой Windows.
 
2. ChatGPT: Всё-таки появился каталог плагинов.
 
Также они тестируют возможность запоминать диалоги и строить следующие с их учётом.

3. Google выпустили свою новую модель Gemini 1.5. Она умеет, например, анализировать видео. Они переименовали Bard в Gemini.
 
4. Mistral: Французский аналог ChatGPT с инвестициями от Microsoft.

5. Claude: Выходцы из OpenAI запустили своя большие языковые модели. Анонс.

6. NVIDIA Chat with RTX: Языковая модель для локальной работы.
 
Другие инструменты:
1. Яндекс добавил возможности YandexGPT в свой браузер. Он помогает писать тексты, пересказывать и переводить видео и генерировать изображения. Это также повысит безопасность.

2. MusicFX: Обновился генератор музыки и битов по текстовому запросу от Google.

3. Afforai: Профессиональный поисковик по исследовательским публикациям. Он может просуммировать найденное.

4. Adobe Acrobat: Сможет пересказывать содержание PDF-документов.

5. Экспериментальный помощник при покупках на Amazon. Он может дать общие рекомендации перед покупкой, подобрать товары или ответить на вопросы о конкретных вещах

6. Walmart прокачает поиск на мобильных с помощью OpenAI.
 
Этика:
1. В открытый доступ утекла обучающая выборка для Midjourney, в которой многие иллюстраторы и дизайнеры нашли себя. Они использовали это как одно из доказательств для судебного иска.

2. Google перекрутил ручку инклюзивности Gemini и он стал выдавать нелепые исторические сюжеты.

3. Duolingo: Сократили 10% фрилансеров за счёт ИИ-инструментов.
 
#ai #algorithms Открыть/Комментировать

2024-02-29 10:04:47 Непонятно, как за неделю собралось ещё столько свежего про интерфейсные паттерны и лучшие практики. Но времени объяснять нет, так что читайте:

1. Michael Molen: Примеры настольных игр, которые работают вместе с приложением-компаньоном. Или наоборот — цифровых игр, которые сделали настолки-дополнения. Как строится взаимодействие между ними.

2. Kate Kalcevich: Обзор способов работы пользователей с ограниченными возможностями с приложениями Android и iOS.

3. Jon Yablonski: Закон Теслера в дизайне. Он о минимальной сложности конкретного интерфейса, ниже которой его не упростить.
 
4. Ксения Толокнова и Марина Сапожникова: Поиск на мобильных.
 
5. Коллекция минималистичных сайтов.
 
6. Georgie Cooke: Как сделать заглушку аватара с инициалами пользователя, если у него нет своего изображения. По факту всё не так тривиально.

7. Creative Navy: Сайты производителей медицинских устройств. Они выделили лучшие практики.
 
#patterns Открыть/Комментировать

2024-02-26 11:04:45 И снова мини-подборка для тех, кто проводит пользовательские исследования или использует их результаты в работе. Вот что на прилавке сегодня:
 
1. Jakob Nielsen: Как он придумал свои классические 10 эвристик юзабилити 30 лет назад. Он также показывает, почему они не устаревают — в их основе фундаментальный рассинхрон между пользователями и компьютерами, который не зависит от конкретной платформы и трендов.
 
2. Константин Ефимов и Анастасия Жичкина: Памятка по проведению исследований. Она разбирает ошибки на разных стадиях от подготовки до завершения. PDF.
 
3. Jim Kalbach: Экспериментирует с ChatGPT для помощи в процессе описания Jobs to Be Done. Он сделал два плагина в дополнение к своей фирменной канве — Scope и Investigate. Они помогают заполнять JTBD Canvas.
 
4. Quant UX Conf: Конференция о количественных методах пройдёт 12-13 июня в онлайне.
 
5. Johanna Jagow: Шишки, которые она набила при внедрении базы знаний и инсайтов.
 
6. Jeff Sauro и Jim Lewis: Памятка по основам проведения опросов пользователей. Много полезных способов категоризации.
 
В другой статье они описывают типичные проблемы выборки при проведении опросов, которые искажают результат.

А NN/g приводят ситуации, в которых хочется провести опрос, но на самом деле не стоит.

7. Steve Bromley: Конфигурация оборудования и программ для проведения игровых тестов мобильных игр.
 
8. Александр Замахов: Подборка статей о проведении исследований в известных продуктовых компаниях.
 
9. Chris Chapman: Планирование количественных исследований. Времени на них нужно с запасом — он подсвечивает основные риски.
 
10. Steve Bromley и Pejman Mirza-Babaei: Обзор роли и особенностей работы исследователя в играх.
 
11. Jake Burghardt: Востребованность конкретных инсайтов в базе знаний.
 
#research Открыть/Комментировать

2024-02-19 10:04:56 Счастливые часы для интерфейсных паттернов и лучших практик: количество ссылок удваивается:
 
1. Casper Kessels: Логика проектирования автомобильных интерфейсов. Он сделал небольшой концепт, где показал принципы принятия решений.
 
2. NN/g: Лучшие практики использования QR-кодов. Как показывать их, какие аннотации давать, куда вести.
 
3. Alexander Obenauer: Концепт OLLOS, который помогает представить заметки, письма, задачи и другие кусочки повседневной информации в связанной хронологии.
 
4. NN/g: Обновили свою топчанскую памятку по дизайну интерфейса сравнительных таблиц.
 
5. Google: Лучшие практики поддержки accessibility в интерфейсах с инфографикой и визуализацией данных.
 
6. NN/g: Три интерфейсных паттерна для отображения статуса системы: индикаторы, валидация и уведомления.
 
7. НЛМК: Особенности дизайна профессиональных интерфейсов для производств.
 
8. Baymard: Проблема валидации полей формы оформления заказа — по закону нельзя даже временно хранить данные карты, так что они пропадают после перезагрузки страницы. И предлагает несколько подходов к реорганизации интерфейса.
 
7. Paul Sonnentag, Alexander Obenauer и Geoffrey Litt: Концепт интерактивных составных документов Embark.
 
8. NN/g: Пробуют применить классические эвристики Нильсена к настолкам. Он показывает, какие принципы работают и где их можно нарушать.
 
9. Николай Тонский: Чекбоксы всё чаще делают круглыми, так что теряется их изначальная задумка — отличие от радиокнопок.
 
10. Creative Navy: Проанализировало сайты химических концернов. Они составили рекомендации по интерфейсу.
 
11. MeasuringU: Новое сравнительное исследование сайтов по продаже мебели. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns Открыть/Комментировать