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

2024-02-15 10:04:35 Нашёл несколько потеряшек про дизайн-системы в забытых вкладках, а то им было там одиноко:
 
1. Componly: Сервис помогает отслеживать покрытие продуктов. Это одна из главных метрик успешности, но сделать это по уму крайне сложно. Видео-презентация.
 
2. Ness Grixti: Методичка. Как создавать и поддерживать их.
 
3. Razorpay: Отличная памятка по организации дизайн-системы в Figma.
 
4. Storybook: Вышла бета 8 версии с улучшенной поддержкой мобильных, автоматизрованными визуальными тестами и в целом инструментами тестирования, серверными компонентами. Также обновилась версия для React Native.
 
#designsystems Открыть/Комментировать

2024-02-12 10:04:55 Дайджест продуктового дизайна за январь 2024. Лучшие дизайн-команды, CES 2024, размер интерактивных элементов, интранеты, эмоции в шрифте, автомобильные интерфейсы, критика модели Kano, алгоритмический дизайн и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать

2024-02-08 10:04:22 Продолжу неделю дизайн-менеджмента выжимкой свежих материалов:

1. Опубликовал один из инструментов с моего курса «Паттерны дизайн-менеджмента». Он помогает оценить загрузку дизайн-менеджера по зонам ответственности в своей типичной рабочей неделе. А после этого — определить, что из этого нужно делать больше, а на что тратить меньше времени. Это поможет решать стратегические задачи, а не погрязнуть в рутине. По ходу курса решается много таких домашек, которые в итоге склеиваются в дизайн-стратегию.

2. Ryan Singer: В чём измеряется «выхлоп» продуктовой команды или дизайнера. Для разных ситуаций это могут быть деньги, пиар-эффект или повышение морали команды.

3. Максим Ипатов: Продуктовый дизайн-процесс, к которому он пришёл после опыта работы в Авито, Яндексе и нескольких стартапах.
 
4. Jeff Sauro и Jim Lewis: Анализируют несколько фреймворков для анализа и классификации интерфейсных проблем. UPT, UAF, CUP, ODC, OSUDC и UI Tenets & Traps.
 
5. Figma: Собрали советы по проведению эффективных встреч и их прокачке интерактивом.

6. NN/g: Как вести внутренний маркетинг успехов дизайна в компании. Это набор синхронных и асинхронных методов.
 
7. Как работает дизайн-команда сервиса Supabase.
 
#designmanagement Открыть/Комментировать

2024-02-05 10:04:10 1 марта стартует одиннадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых десяти отучились более 650 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BBC, Билайн, БКС, Brainrocket, ВТБ, Chatfuel, Clay, Газпром, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Foodplex, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Okko, OneTwoTrip, OpenWeb, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Wrike, X5, Юрент, Yappy, Яндекс и многих других.
 
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
 
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.

На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
 
#management Открыть/Комментировать

2024-02-01 10:04:44 Поток свежей годноты про пользовательские исследования чутка приуныл, но ещё держится:
 
1. Jeff Sauro и Jim Lewis: Последние пару лет они анализировали метод исследований с рассуждением респондента вслух. Просуммировали все выводы в этой статье.
 
2. Chris Chapmam: Критически препарирует модель Кано. Он отмечает некорректность самой методологии и слабую повторяемость результатов. Часть 2.

3. Jeff Sauro и Jim Lewis: Три основных подхода к общему замеру UX в продуктах: поведение (на базе эффективности выполнения основных задач), отношение (ретроспективно) и экспертно.
 
4. Jim Kalbach: Перечисляет несколько заблуждений о Jobs to Be Done, а также описывает работу со своей канвой JTBD Canvas 2.0.
 
5. Hugo Froes: Мифы и реальная польза демократизации исследований.
 
6. Jeff Sauro и Jim Lewis: Сравнивают два простых опросника SEQ (Single Ease Question) и SMEQ (Subjective Mental Effort Questionnaire), а также изучают корреляцию между ними.
 
7. NN/g: Обзор методов полевых исследований.
 
#research Открыть/Комментировать

2024-01-29 10:04:41 Первая в этом году мини-подборка о дизайн-системах:
 
1. Adobe Spectrum 2: Вышла вторая версия. Они добавили эмоциональности к визуальному языку, дополнили цветовые схемы, срифмовали иконки к фирменному шрифту. Также добавили коллекцию компонентов на react без стиля, но с трушной поддержкой accessibility. Angelie Herreria-Tagle рассказывает, чем занимается program-менеджер в команде.
 
2. Streamline: Шикарная методичка по работе с сеткой для пиктограмм. Как балансировать набор иконок с её помощью.
 
3. Storybook: Планы на 2024 год. Выйдет версия 8.0 и расширится поддержка фреймворков помимо React.
 
4. Razorpay Blade: Как команда дизайн-системы отслеживает её использование и в целом связывает дизайнеров и разработчиков через Figma.

5. Zach Saucier: Шпаргалка по container queries и единицам размеров в них.

6. Brad Frost: Рассуждает об инициативе универсального фреймворка, который могли бы использовать любые команды в мире. Если такое и возможно, то это будет путь длиной лет в десять.
 
7. Zara Soltani: Советы по именованию токенов.
 
8. Nathan Curtis: Десяток мифов.
 
#designsystems Открыть/Комментировать

2024-01-22 10:04:41 Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1400 человек.

В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.

Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли?»:
1. Яндекс
2. Тинькофф
3. Aviasales
4. Самокат
5. Ozon
6. Авито
7. Альфа-Банк
8. VK Group
9. Сбер
10. МТС

Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2021, 2020, 2019 и 2018 годы.

Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.

P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — Оди, Ищу дизайнера (designer.ru) и UX Live.

#designmanagement #survey #research Открыть/Комментировать

2024-01-18 10:04:44 Первый в этом году выпуск мини-дайджеста о лучших интерфейсных паттернах и практиках:
 
Ahmad Shadeed: Кажется, появилась лучшая в истории статья про комфортный размер интерактивных элементов в сенсорных интерфейсах. Он разобрал со всех сторон дизайн и реализацию в коде — тему можно считать закрытой надолго.
 
2. Casper Kessels: Принципы проектирования автомобильных интерфейсов.
 
3. UXDA: Концепт банковского интерфейса для Apple Vision Pro.
 
4. Maggie Appleton: Хороший интерфейс истории перемещений в браузерах и других продуктах. Она предлагает свой концепт в духе веток Git.
 
5. Bjango: Проанализировали интерфейс управления объектом и размытия в популярных графических редакторах.
 
6. Amelia Wattenberger: Как грамотно проектировать поведение контента в вебе, который представлен в виде бесконечной канвы а-ля FigJam или Miro.
 
7. Growth Design: Проанализировали итоги года Spotify Wrapped 2024 на предмет механик вовлечения пользователей.
 
8. Peter Ramsey: Сравнил работу нескольких сервисов доставки в Великобритании. Он отправил 6 одинаковых посылок с каждым из них и сравнил интерфейс и пользовательский опыт в целом.
 
9. Maggie Appleton: Способы показать в интерфейсе, что несколько пользователей работают с ним прямо сейчас или взаимодействовали какое-то время назад.
 
10. Creative Navy: Изучили сайты нескольких юридических компаний. Что пользователи ждут от них и как они это отрабатывают.
 
11. Christina Gilbert: Советы по дизайну интерфейса импорта из CSV-файла.
 
#patterns Открыть/Комментировать

2024-01-15 10:04:15 Год в дайджесте традиционно стартует переписи крутячки (или шизячки) с выставки CES 2024 — она прошла с 9 по 12 января в Лас-Вегасе. Всё, что имеет прямое или косвенное отношение к интерфейсам:
 
ОЧКИ И ШЛЕМЫ
1. Ноутбук без монитора Spacetop.

2. Очки ASUS AirVision M1 специализируются на дополнительных рабочих столах для многозадачности.

3. Очки Nendo ViXion01 помогают фокусировать взгляд людям с нарушением зрения.

4. Очки Xreal Air 2 Ultra.

5. Очки Sony для профессиональной деятельности.

6. Бинокль Swarovski распознаёт породы животных и птиц.

СКЛАДНЫЕ ЭКРАНЫ
1. Монитор ASUS ZenScreen Fold.

2. Обновление ноутбуков ASUS Zenbook Duo и Lenovo Yoga Pro 9i.

КОМПЬЮТЕРЫ
1. NPU-процессоры (Neural Processing Unit) упрощают обработку нейросетями на устройстве аналогично тому, как это раньше сделали GPU. Их представили AMD, много устройств на Intel AI Boost (LG Gram, Acer).

2. Процессор Snapdragon XR2+ оптимизирует работу с виртуальной и дополненной реальностью.

3. Microsoft добавляет кнопку Copilot в свой стандарт клавиатур для Windows. Это сильное заявление -- в последний раз они делали это 30 лет назад с кнопкой Windows.

ТЕЛЕФОНЫ
1. Корпус меняет цвет.

2. Клавиатура Clicks а-ля Blackberry для iPhone.

3. Подставка Belkin следит за вашим движением и поворачивает телефон для съёмки.
 
ПЛАНШЕТЫ
1. TLC NXTPAPER 14 Pro превращается из полноцветного планшета в читалку электронных книг и обратно.
 
ТВ
1. Беспроводной прозрачный LG.

2. Прозрачный Samsung на MicroLED выглядит почти как голограмма.

3. Проектор Samsung делает интерактивное изображение, которым можно управлять как сенсорным экраном.

4. Монитор Samsung ограниченно работает и без компьютера (видео-звонки, кино, облачные игры).

5. ТВ LG с ИИ-процессором улучшают качество картинки.

6. Монитор HP Omen Transcend упрощает управление двумя экранами.

7. ТВ станут частью умного дома Google Home и Samsung.
 
8. 57" изогнутый монитор Acer.

АВТО
1. Голосовые помощники прокачивают через OpenAI (TomTom и Microsoft, Volkswagen) и Amazon (BMW).

2. Sony Afeela управляли джойстиком от PlayStation.

3. Коллаб Mercedes и will.i.am подстраивает музыку под ситуацию на дороге и стиль вождения.

НОСИМЫЕ УСТРОЙСТВА 
1. Больше чехлов для беспроводных наушников с экраном.

2. Кольцо WHSP Ring позволяет управлять умным ассистентом с помощью шёпота.

3. Наушники OrCam Hear фильтруют звуковое окружение и оставляют только то, что нужно услышать.

4. Наушники Mojawa с ИИ-тренером.

5. Маска для лица Skyted глушит громкость голоса.

6. Перчатка GyroGlove помогает людям с тремором держать руки ровно.
 
АССИСТЕНТЫ
1. Милейший квадрат Rabbit R1 с дизайном от Teenage Engineering позволяет общаться голосом и показывает результат на маленьким экране.

2. Новая версия мини-бота Samsung Ballie умеет проецировать изображения.
 
УМНЫЙ ДОМ
1. Обновлённая деревянная сенсорная панель Mui.

2. Дверной замок Philips сканирует ладонь без касания для входа, а Lockly — лицо.

3. Развитие стандарта Bluetooth: Auracast позволит передавать звук сразу на несколько устройств.

4. Коллаб Samsung, Tesla и Hyundai вокруг платформы.

5. Фоновое освещение Govee можно настраивать через ИИ-чатбот, а Nanoleaf синхронизируется с музыкальным проигрывателем.

6. Велотренажёр LifeSpan для домашнего офиса позволяет работать за компьютером и заряжать телефон.
 
КРЕЙЗОТА
1. Мини-колёса для обуви Moonwalkers, которые делают шире шаг.

2. Управление телефоном с помощью языка для людей с ограниченными возможностями.

3. Audio Radar дублирует звук светом для слабослышащих.

4. Кошачья дверь сканирует добычу животного и не пускает котов с мёртвой мышью в зубах.

5. Aroma Shooter поддерживает просмотр видео тематическим запахом.

6. Беспроводная зарядка телефона на расстоянии 20 см.

7. Традиционный туалетный юмор от Kohler — унитаз с голосовым управлением (в следующем году там будет скибиди-туалет с ChatGPT).
 
В этом году интересного и необычного много, так что CES удался.
 
#ces #trends #events Открыть/Комментировать

2023-12-31 10:04:39 Дайджест продуктового дизайна за декабрь 2023. Тренды 2024, каталог дизайн-систем, алгоритмический дизайн в 2023, анализ интерфейсов, автомобильный UX, тематизация иллюстраций, замеры обучения в интерфейсах, продуктивные встречи, книга «Паттерны дизайн-менеджмента» в продаже и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать