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

2023-11-16 10:04:37 Большие и маленькие статьи о дизайн-системах за последние полтора месяца, ну и всякое такое на тему:
 
1. Brad Frost: Глоссарий терминов и понятий современной дизайн-системы в большой компании. Не везде нужно всё из описанного, но оно востребовано на масштабе. Его выступление на эту тему.
 
2. Josh Clark: Предлагает смириться с тем, что команда дизайн-системы не успевает за скоростью изменений в продуктах и пересмотреть её роль. Это инфраструктурная часть, которая должна быть надёжной и продуманной. Её роль ― не придумывать любые возможные решения, а курировать уже созданные в продуктовых командах. Сама мысль не новая, но предложение идти от этой реальности ― достаточно свежее и абсолютно разумное.
 
3. Material Web: Вышла первая версия библиотеки компонентов для веба.
 
4. Rama Krushna Behera: Памятка по созданию компонента. От проектирования логики работы до реализации и гайдлайнов. Шаблон в Figma.
 
5. Список конференций и митапов на тему в разных странах мира.
 
6. Wise: Доработка цветовой палитры под требования accessibility. Часть 2 говорит о типографике, иконках и других аспектах.
 
7. Deliveroo: Обновление цветовой палитры. Как она стала лучше в плане accessibility.
 
8. Odido: Запуск дизайн-системы (слияние голландских T-Mobile и Tele2). Как выбирали стратегию перехода на неё и организовали иерархию стилей.
 
9. zeroheight: Победители их награды этого года.
 
10. Jonathan Dallas: Советы по именованию переменных в CSS.
 
11. Netlify: Канонически обновили интерфейсы под ребрендинг через дизайн-систему с помощью инструментов Storybook.
 
12. Intuit: Инструкция по настройке синхронизации переменных в Figma и токенов их дизайн-системы.
 
13. Sam Gordashko: Шпаргалка по использованию токенов в Figma на основе множества сторонних материалов.
 
14. Вышел Storybook 7.5. На подходе версия 7.6 с развитием инструментов тестирования.
 
#designsystems Открыть/Комментировать

2023-11-13 10:04:36 Дайджест продуктового дизайна за октябрь 2023. Большие обновления Adobe и Webflow, дизайн-системы, анимация, алгоритмический дизайн, креативные методики, инфляция профессионального словаря, как организовать стажировки и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать

2023-11-06 10:04:13 Как всегда, подборка свежего по алгоритмическому дизайну с трудом помещается в один выпуск:

DALL-E 3: Новое поколение позволяет точнее описать детали сцены, рисует людей с меньшим количеством галлюцинаций и генерирует корректный текст. Этические барьеры расширили — помимо известных людей, теперь нельзя мимикрировать под стиль ныне живущих художников (как убрать себя из обучения модели).

v0 by Vercel: Платформа для разработчиков Vercel запустила генератор интерфейсных компонентов. На выходе — код React на базе shadcn/ui и Tailwind CSS. Логика построения компонентов рандомная, но затея интересная.

Getty Images Generative AI: Официальный генератор фото от Getty Images и NVIDIA. Они тренировали его на своей базе фотографий и вроде как платят авторам рефов. Обещают полную лицензионную безопасность.

Baymard: Попробовали ChatGPT для экспертной оценки интерфейса по скриншоту и настоящей ссылке. Результаты мусорные ― находит крайне мало реальных проблем и выдумывает много несуществующих.

NN/g: Типичные задачи, для которых дизайнеры используют алгоритмические инструменты.

User Interviews: Что и для каких задач используют UX-исследователи.

Figma: Особенности современных инструментов для разработчиков, которые автоматизируют часть работы и генерируют код. И что из этого подошло для нового режима для разработчиков в Figma.

NN/g: Несколько моделей поведения пользователей при работе с генеративными сервисами.

Louis Charron: Как «галлюцинации» в генераторах картинок помогают креативности. Он сравнил разные версии Midjourney, которые сначала теряли поэтичность, а под конец немного вернули её.

Андрей Ковалёв: Коллекция стилей, в которые умеет Midjourney. Их можно использовать в своих запросах.

Vizcom: Превращает наброски от руки в полноценные 3D-рендеры.

YandexArt: Обновлённый генератор графики, который развивает прошлое поколение Шедеврум.

NN/g: Почему пользователи присваивают человеческие качества генеративным чат-помощникам и общаются с ними соответствующе.

Алина Сидоренко: Толковая памятка по работе с Midjourney. Как получить результат в разных стилях и видах дизайна (иллюстрации, текстуры, логотипы, интерфейсы и т.п.).

NN/g: Исследование генеративных ботов Bard, Bing и ChatGPT. Насколько хорошо они решают разные задачи.

YouTube: Будет предлагать идеи и сценарии для видео на основе данных об аудитории и её предпочтениях. Авторы смогут генерировать фоны по текстовому запросу и автоматически дублировать ролики на другие языки.

ChatGPT: Сможет принимать запросы голосом и лучше анализировать загруженные картинки. Например, предложит рецепт на основе фото продуктов в холодильнике. На такой картинке можно выделить детали, про которые хочется узнать. Тест-драйв.

Генератор скрытых слов на изображениях на базе Stable Diffusion и ControlNet.

Александр Селедчик: Чеклист поможет определить фото, сгенерированное алгоритмами.

Android 14: Генерирует фоны для телефона.

TryOnDiffusion: Экспериментальный инструмент «примеряет» любую одежду на ваше фото.

Jakob Nielsen: Какие метафоры кроме клишированного робота предлагают инструменты для показа самого ИИ.

Javi Lopez: Мини-игра Angry Pumpkins, сделанная с помощью DALL-E и Midjourney (графика) и GPT-4 (код).

Мета: Оцифровали пару десятков знаменитостей вроде Mr Beast и Snoop Dogg в качестве ИИ-ботов для чата с говорящей головой. И добавили много разных функций вроде алгоритмической генерации стикеров и редактирования фото.

Luma AI: Генератор 3D-моделей и сцен.

Kaiber: Генератор видео-клипов на основе текстового запроса, других видео, фото и аудио.

Suno AI: Генератор песен с вашими словами в разных жанрах.

Just AI Copilot: Свой ChatGPT от Just AI.

IKEA Instructions: Генератор иллюстраций в духе инструкций IKEA на базе Stable Diffusion XL.

Microsoft Copilot: Выходит в свежем обновлении Windows.

Spirals: Генератор спиралевидных фото.

AI Dubbing: Сервис переводит видео на другой язык. При этом он сохраняет голос персонажа.

EmojiGen: Генератор memoji.

#ai #algorithms Открыть/Комментировать

2023-10-26 10:04:34 Пятый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
 
Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
 
P.S. Результаты за 2021, 2020, 2019 и 2018. Открыть/Комментировать

2023-10-09 11:55:24 Редизайн дайджеста идёт полным ходом, так что не успевал собирать выпуски в последние недели. Давайте тизерну ещё кусочек того, куда идёт стилёк, чтобы канал не застаивался.

Это, если что, скриншот из первых свёрстанных страниц, а не просто Фигмы. Идея с шоколадками в обложках будет буйно цвести по всему сайту — начал пилотировать их ещё весной. Думаю, до конца октября заработает альфа-версия на Webflow. А дальше буду переносить контент и жить в этой прекрасной новостройке.

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

2023-09-28 10:04:28 На удивление компактная подборка нового о пользовательских исследованиях — обычно набегает куда больше:
 
1. User Interviews: Исследование профессии за 2023 год. Они опросили 929 специалистов по самым разным темам, включая орг.структуру, демократизацию, обычные и алгоритмические инструменты и т.п.
 
2. NN/g: Глоссарий методов.
 
3. Jim Lewis и Jeff Sauro: Варианты категоризации пользователей по технической грамотности.
 
4. MeasuringU: Метрики, которые можно получить и посчитать с помощью метода клик-тестов.
 
5. NN/g: Спутывающие переменные. Это время суток, сезон, возраст и другие подобные факторы, которые могут показать ложную зависимость.
 
6. Steve Bromley: Шпаргалка по методам пользовательских исследований игровых интерфейсов.
 
7. Подкаст с со-основателем и главой сервиса Marvin Prayag Narula (это база знаний и инсайтов из пользовательских исследований).

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

2023-09-21 10:11:55 Немного новых книг для дизайнеров интерфейсов:
 
1. Justin Dauer «In Fulfillment» о влиянии дизайнера на продукт, бизнес и мир в целом. Отрывок из главы 3.
 
2. Jenae Cohn & Michael Greer «Design for Learning. User Experience in Online Teaching and Learning» о проектировании образовательного процесса. Выдержка из главы №1.
 
3. Michael Angeles, Leon Barnard и Billy Carlson «Wireframing for Everyone» о проектировании wireframes.
 
4. Elizabeth McGuane «Design by Definition» о дизайн-процессе.
 
5. Гигантская подборка книг для дизайнеров интерфейсов. Отдельно — коллекция бесплатных.
 
6. А вот что на подходе у Rosenfeld Media:
— Amy Wells «Designing for Neurodiversity».
 
#books Открыть/Комментировать

2023-09-14 10:04:09 Новое про лучшие интерфейсные паттерны и практики:
 
1. Коллекция паттернов автомобильных интерфейсов. Разбито по сценариям использования и экранам, в бета-версии есть полтора десятка машин.
 
2. Creative Navy: Памятка по дизайну интерфейса мастеров настройки. Она грамотно структурирована и собирает хорошие примеры.
 
3. NN/g: Структурированная подборка своих статей о веб-интерфейсах.
 
4. Creative Navy: Обзор интерфейсов управления роботами.
 
5. Alyaa Al-Jasim и Pietro Murano: Юзабилити-тестирование разных вариантов тумблеров и переключателей состояний в интерфейсе. Они составили рекомендации по их проектированию.
 
6. NN/g: Упрощение интерфейсных текстов. Как убирать лишнее и упрощать подачу информации в целом.
 
7. Costa Alexoglou: Способы реализации «безопасного треугольника» для выпадающих меню. Это старый, но важный приём, который помогает пользователю легче попадать мышью в пункты таких меню.
 
8. Lawrence H. Williams: Неоднозначность оценки времени прохождения сценария использования. В примере его исследования видно, что где-то много проведённого времени говорит о проблеме, а где-то — наоборот, о качестве контента.
 
9. MeasuringU: Новое сравнительное исследование сайтов товаров для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns Открыть/Комментировать

2023-08-28 10:04:08 Первые полсотни мини-выпусков дайджеста о пользовательских исследованиях: done.
 
1. NN/g: Памятка по формулировкам вопросов в опросниках.
 
2. Google: Интересный метод для регулярного замера отношения пользователей к функциональности через серию стандартизированных опросов.
 
3. Okta: Перевод базы знаний и инсайтов из старого инструмента в Dovetail. Интересно, что рынок дозрел и до таких историй.
 
4. Roberta Dombrowski: Советы по поиску направлений для стратегических исследований и расстановке приоритетов между ними.
 
5. Jim Lewis и Jeff Sauro: Изучили, насколько влияет наличие нейтрального варианта ответа в стандартизированных интерфейсных шкалах опросов. В целом — не особо.
 
6. Jim Ross: Изменения в профессии пользовательского исследователя за последние 25 лет. Терминология, зона ответственности, формат проектов и т.п. MeasuringU также изучили изменения названий профессии.
 
7. NN/g: Советы по оплате респондентам в дневниковых исследованиях. Она влияет на детальность этих само-отчётов.
 
8. Lisa van Ekeren: Созданиие базы знаний из прошлых исследований на базе SharePoint.
 
#research Открыть/Комментировать

2022-11-28 10:07:27 Кошечка говорит «мяу», собачка говорит «гав», дизайн-системы в дайджесте говорят «и снова здравствуйте»:

1. Romina Kavcic: Интерактивная мини-книга.
 
2. Опубликованы видео с конференции Figma Schema 2022 из Лондона, Токио и Нью-Йорка. А ещё черновик презентации Jacob Miller: он предлагает подходы к организации компонентов в дизайн-системе Figma, которые упростят управление большими проектами с разными темами оформления.

3. Erik D. Kennedy: Обзор гайдлайнов iOS 16 . Основные принципы и элементы, плюс пачка шаблонов.
 
4. Fox: Работа над двумя дизайн-системами медиахолдинга (для обычных пользователей и внутренних сервисов).
 
5. Alex Bueno: Правильная архитектура токенов, которая учитывает множество брендов.
 
6. Backlight: Платформа для работы над дизайн-системой, которая объединяет инструменты дизайна, разработки и тестирования. Многое встраивается через плагины/надстройки к уже известным вещам.
 
7. Nathan Curtis: Процесс рефакторинга токенов. Иногда они создаются и используются хаотично, что тормозит отдачу от них.
 
8. Henny Swan: Где и как описывать accessibility.
 
9. Ardena Flahavin: Советы по именованию токенов и компонентов.
 
10. Jan Klever: Процесс принятия решений по новым компонентам и токенам в дизайн-системе Zilla сервиса Quero Education. Он ссылается на полезную диаграмму процесса Vanilla Pattern.
 
11. Elena Searcy: Пример описания иконок и иллюстраций в дизайн-системе.
 
#designsystems Открыть/Комментировать