Как всегда, подборка свежего по алгоритмическому дизайну с трудом помещается в один выпуск:
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
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
v0.dev
v0 by Vercel
Generate UI with simple text prompts. Copy, paste, ship.
Дайджест продуктового дизайна за октябрь 2023. Большие обновления Adobe и Webflow, дизайн-системы, анимация, алгоритмический дизайн, креативные методики, инфляция профессионального словаря, как организовать стажировки и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Большие и маленькие статьи о дизайн-системах за последние полтора месяца, ну и всякое такое на тему:
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
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
Brad Frost
The Design System Ecosystem
What does a mature, end-to-end design system look like in a big, complex organization? What are all the moving pieces, and how do they hang together as a well-considered architecture? What's required and what's optional? Hold onto your butts, because we're…
Много полезных и познавательных букв о пользовательских исследованиях, написанных за последние месяц-полтора:
1. User Interviews: Каталог инструментов за 2023 год. Он масштабно разросся (400 инструментов) и получил топчанский редизайн в стиле средневековых карт (как его делали). Памятка по использованию. Отдельно ― про проблемы универсальных комбайнов.
2. Figma: Отличный пример тесной связки аналитиков и исследователей. Они хотели переработать уведомления и вместе искали потенциальные проблемы и точки боли.
3. Scott Sehlhorst: Грамотная формулировка проблемы для продуктовой команды с точки зрения конкретной группы пользователей и ситуации, в которой она возникает.
4. GE: Система обработки обратной связи от пользователей. Как они категоризуют обращения в поддержку в разных каналах и в целом упростили жизнь этой команде.
5. User Interviews: Памятка по проведению интервью с пользователями на основе своих статей за последние годы.
6. Steve Bromley: Рекомендации по выбору правильного момента для проведения игрового теста. Когда не слишком поздно и не слишком рано.
7. Sofya Bourne: Советы по поиску респондентов в B2B-среде. Она перечисляет основные проблемы и даёт способы их решения.
8. MeasuringU: Насколько легко пользователи справляются с заданием отсортировать что-то в опросниках. Они сравнивают зависимость от темы и количества элементов.
9. Hannah Campbell, Jeff Sokolov и Rachel Searing: Опыт внедрения базы знаний и инсайтов в iRhythm Technologies. Какие цели они ставили, как общались с будущими пользователями и выбирали пилот.
10. Jeff Sauro и Jim Lewis: Чем отличаются респонденты, которые соглашаются или отказываются на исследование с рассуждением вслух. В целом разницы нет, кроме возраста и страны.
11. Kate Fisher и Julia Cowing: Как команда ResearchOps помогает эффективнее планировать и проводить исследования в разных командах компании.
#research
1. User Interviews: Каталог инструментов за 2023 год. Он масштабно разросся (400 инструментов) и получил топчанский редизайн в стиле средневековых карт (как его делали). Памятка по использованию. Отдельно ― про проблемы универсальных комбайнов.
2. Figma: Отличный пример тесной связки аналитиков и исследователей. Они хотели переработать уведомления и вместе искали потенциальные проблемы и точки боли.
3. Scott Sehlhorst: Грамотная формулировка проблемы для продуктовой команды с точки зрения конкретной группы пользователей и ситуации, в которой она возникает.
4. GE: Система обработки обратной связи от пользователей. Как они категоризуют обращения в поддержку в разных каналах и в целом упростили жизнь этой команде.
5. User Interviews: Памятка по проведению интервью с пользователями на основе своих статей за последние годы.
6. Steve Bromley: Рекомендации по выбору правильного момента для проведения игрового теста. Когда не слишком поздно и не слишком рано.
7. Sofya Bourne: Советы по поиску респондентов в B2B-среде. Она перечисляет основные проблемы и даёт способы их решения.
8. MeasuringU: Насколько легко пользователи справляются с заданием отсортировать что-то в опросниках. Они сравнивают зависимость от темы и количества элементов.
9. Hannah Campbell, Jeff Sokolov и Rachel Searing: Опыт внедрения базы знаний и инсайтов в iRhythm Technologies. Какие цели они ставили, как общались с будущими пользователями и выбирали пилот.
10. Jeff Sauro и Jim Lewis: Чем отличаются респонденты, которые соглашаются или отказываются на исследование с рассуждением вслух. В целом разницы нет, кроме возраста и страны.
11. Kate Fisher и Julia Cowing: Как команда ResearchOps помогает эффективнее планировать и проводить исследования в разных командах компании.
#research
Userinterviews
2023 UX Research Tools Map | User Interviews
The only illustrated guide to user research tools and categories. Discover the best software for UX research recruiting, usability testing, surveys, analysis, AI, and more—updated for 2023.
Небольшая, но ёмкая выгрузка свежих материалов по дизайн-менеджменту:
1. Shishir Mehrotra (со-основатель Coda): Отличный список командных ритуалов и методов, которые помогают решать задачи быстрее и в целом двигаться вперёд.
2. Контур: Объединение исследователей в компании. Они составили памятку по поиску нужных экспертов в компании.
3. Wise: Запуск программы стажировки. Как получили поддержку руководства, строили отбор и вели стажёров по процессу.
4. IBM: Стажёрская программа Patterns в японском отделении. Программа и цели.
5. NN/g: Эффект «общеизвестного знания», который мешает продуктовым командам принимать качественные решения. На простом эксперименте он показывает, как включается групповое мышление.
6. Readymag: Опрос 370 дизайнеров на тему особенностей командной работы.
P.S. Продолжаю собирать данные для пятого исследования: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте их в крупных дизайн-каналах и изданиях.
#designmanagement
1. Shishir Mehrotra (со-основатель Coda): Отличный список командных ритуалов и методов, которые помогают решать задачи быстрее и в целом двигаться вперёд.
2. Контур: Объединение исследователей в компании. Они составили памятку по поиску нужных экспертов в компании.
3. Wise: Запуск программы стажировки. Как получили поддержку руководства, строили отбор и вели стажёров по процессу.
4. IBM: Стажёрская программа Patterns в японском отделении. Программа и цели.
5. NN/g: Эффект «общеизвестного знания», который мешает продуктовым командам принимать качественные решения. На простом эксперименте он показывает, как включается групповое мышление.
6. Readymag: Опрос 370 дизайнеров на тему особенностей командной работы.
P.S. Продолжаю собирать данные для пятого исследования: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте их в крупных дизайн-каналах и изданиях.
#designmanagement
Figma
Shishir Mehrotra’s 10 rules for leading great team meetings | Figma Blog
Shishir Mehrotra shares tips for harnessing the power of the braintrust, asking the right questions, and landing a moonshot.
Новые ссылки об алгоритмическом дизайне пополняются быстрее, чем пакет с пакетами:
1. tldraw Make Real: Экспериментальный инструмент превращает наброски интерфейса от руки в аккуратный визуальный результат и код на React с помощью инструментов OpenAI. Можно дополнить скетч текстовым описанием того, что нужно. Причём интерфейс может иметь небанальную логику поведения. Обзор от создателей.
2. Midjourney: Бета-версия в браузере с человеческим интерфейсом.
3. KREA: Генератор изображений и видео по текстовому описанию (можно сделать условный набросок для точности). Умеет делать это в реальном времени (ещё пример). Может натренироваться на вашем собственном стиле.
4. NN/g: 6 типов общения с алгоритмическими чат-ботами и структура запроса к ним. Они провели дневниковое исследование среди пользователей ChatGPT, Bing Chat и Google Bard.
5. Luke Wroblewski: Подходы к интеграции алгоритмических возможностей в интерфейс цифровых продуктов.
6. Canva: Интегрировала инструменты алгоритмического сервиса Runway через встроенное приложение Magic Media.
7. Fusion Brain: Инструмент генерирует изображения и видео с помощью нейросети Kandinsky от Сбера.
8. YouTube: Серия экспериментов с генеративной музыкой. Dream Track создаёт композиции для коротких видео в духе нескольких музыкантов, вписавшихся в пилот. Music AI Tools генерирует музыку по текстовому описанию. Можно просто напеть зарисовку или сделать её другим способом, а потом перебирать инструменты и варианты звучания.
9. It's Nice That: Несколько дизайнеров описали свой рабочий процесс для задач, где они использовали инструменты алгоритмического дизайна. У всех достаточно хитрая солянка классических и новых приёмов.
10. Stable Diffusion: Теперь умеет генерировать видео по текстовому запросу.
11. Runway Motion Brush: Можно анимировать конкретную часть фото, если выделить её.
12. CLO: Генератор текстур для одежды по текстовому запросу в инструменте для цифровой моды.
13. Google: Экспериментальный генератор графики по текстовому запросу.
14. Runway TV: Экспериментальный генеративный телеканал от создателей алгоритмического инструмента для видео Runway.
15. Яндекс Маркет: Массовая генерация описаний товаров с YandexGPT.
16. Simon Willison: Советы по формулированию запросов в DALL-E 3.
17. Jakob Nielsen: Советует сравнивать алгоритмические инструменты не с лучшим экспертом в отрасли, а среднестатистическим. Ведь их основная ценность — повышать средний уровень в отрасли, а не обязательно совершать прорывы.
18. ChatGPT: Обновили модель до GPT-4 Turbo. Она обучалась на более свежей информации (до апреля 2023 года) и дешевле для разработчиков.
Также за последние месяцы начали появляться плагины вокруг дизайна вроде DoritosGPT (генерирует любые пачки чипсов Doritos), ConvertAnything (конвертирует кучу форматов изображений, видео, аудио и документов в кучу других форматов) и Canva (генерирует макеты для соцсетей и другие промо-материалы).
19. Яндекс Практикум: Пересказывает урок или объяснит сложный термин через YandexGPT.
20. Модельное агентство, которое предлагает алгоритмически сгенерированных моделей.
#ai #algorithms
1. tldraw Make Real: Экспериментальный инструмент превращает наброски интерфейса от руки в аккуратный визуальный результат и код на React с помощью инструментов OpenAI. Можно дополнить скетч текстовым описанием того, что нужно. Причём интерфейс может иметь небанальную логику поведения. Обзор от создателей.
2. Midjourney: Бета-версия в браузере с человеческим интерфейсом.
3. KREA: Генератор изображений и видео по текстовому описанию (можно сделать условный набросок для точности). Умеет делать это в реальном времени (ещё пример). Может натренироваться на вашем собственном стиле.
4. NN/g: 6 типов общения с алгоритмическими чат-ботами и структура запроса к ним. Они провели дневниковое исследование среди пользователей ChatGPT, Bing Chat и Google Bard.
5. Luke Wroblewski: Подходы к интеграции алгоритмических возможностей в интерфейс цифровых продуктов.
6. Canva: Интегрировала инструменты алгоритмического сервиса Runway через встроенное приложение Magic Media.
7. Fusion Brain: Инструмент генерирует изображения и видео с помощью нейросети Kandinsky от Сбера.
8. YouTube: Серия экспериментов с генеративной музыкой. Dream Track создаёт композиции для коротких видео в духе нескольких музыкантов, вписавшихся в пилот. Music AI Tools генерирует музыку по текстовому описанию. Можно просто напеть зарисовку или сделать её другим способом, а потом перебирать инструменты и варианты звучания.
9. It's Nice That: Несколько дизайнеров описали свой рабочий процесс для задач, где они использовали инструменты алгоритмического дизайна. У всех достаточно хитрая солянка классических и новых приёмов.
10. Stable Diffusion: Теперь умеет генерировать видео по текстовому запросу.
11. Runway Motion Brush: Можно анимировать конкретную часть фото, если выделить её.
12. CLO: Генератор текстур для одежды по текстовому запросу в инструменте для цифровой моды.
13. Google: Экспериментальный генератор графики по текстовому запросу.
14. Runway TV: Экспериментальный генеративный телеканал от создателей алгоритмического инструмента для видео Runway.
15. Яндекс Маркет: Массовая генерация описаний товаров с YandexGPT.
16. Simon Willison: Советы по формулированию запросов в DALL-E 3.
17. Jakob Nielsen: Советует сравнивать алгоритмические инструменты не с лучшим экспертом в отрасли, а среднестатистическим. Ведь их основная ценность — повышать средний уровень в отрасли, а не обязательно совершать прорывы.
18. ChatGPT: Обновили модель до GPT-4 Turbo. Она обучалась на более свежей информации (до апреля 2023 года) и дешевле для разработчиков.
Также за последние месяцы начали появляться плагины вокруг дизайна вроде DoritosGPT (генерирует любые пачки чипсов Doritos), ConvertAnything (конвертирует кучу форматов изображений, видео, аудио и документов в кучу других форматов) и Canva (генерирует макеты для соцсетей и другие промо-материалы).
19. Яндекс Практикум: Пересказывает урок или объяснит сложный термин через YandexGPT.
20. Модельное агентство, которое предлагает алгоритмически сгенерированных моделей.
#ai #algorithms
make real • tldraw
Draw a ui and make it real with tldraw.
Моя книга «Паттерны дизайн-менеджмента» наконец-то доступна для предзаказа. Она предлагает модель зрелости и фреймворк, который помогает внедрить дизайн с учетом особенностей именно вашей компании. Все практики дизайн-менеджмента выделены в паттерны, которые можно применять отдельно друг от друга — так, как нужно именно вашей организации. Поэтому и структура книги построена вокруг того, что нужно делать в первую очередь в вашей ситуации.
Символично, что сегодня ровно 10 лет с моего первого выступления на эту тему на конференции UX People 2013 в Минске. Позже оно вылилось в серию статей для UXmatters, а потом превратилось в курс и книгу. Это была долгая эпопея, о которой я ещё расскажу подробно.
А пока — поблагодарю всех, кто помог сделать эту книгу возможной. Дизайнеров, редакторов, методистов, юристов, менеджеров, продюсеров, операторов — полный список не поместится в один пост. И, самое главное — мою семью, которая помогала, поддерживала, терпела и верила, что это всё не зря. Спасибо вам и люблю вас!
Символично, что сегодня ровно 10 лет с моего первого выступления на эту тему на конференции UX People 2013 в Минске. Позже оно вылилось в серию статей для UXmatters, а потом превратилось в курс и книгу. Это была долгая эпопея, о которой я ещё расскажу подробно.
А пока — поблагодарю всех, кто помог сделать эту книгу возможной. Дизайнеров, редакторов, методистов, юристов, менеджеров, продюсеров, операторов — полный список не поместится в один пост. И, самое главное — мою семью, которая помогала, поддерживала, терпела и верила, что это всё не зря. Спасибо вам и люблю вас!
Дайджест продуктового дизайна за ноябрь 2023. Книга «Паттерны дизайн-менеджмента», сокращения в IDEO, умные часы, алгоритмический дизайн, push-уведомления, интернет-магазины, иллюстрации, интервью с пользователями, story mapping, дизайн-системы и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Связи бренда с интерфейсом устанавливаются не всегда и везде, но если выходит — это по любви. Вот кто пытался решить эту задачу за последний месяц-полтора (где получилось — судите сами):
1. Deezer: Музыкальный сервис от британского агентства Koto.
2. Яндекс Музыка: Музыкальный сервис, сделанный внутренними силами и группой внешних экспертов.
3. SiriusXM: Музыкальный холдинг от британского агентства Uncommon.
4. Osome: Онлайн-бухгалтерия, сделанная внутренними силами и группой внешних экспертов.
5. Flodesk: Сервис цифрового маркетинга и продаж от американского агентства DIA (больше картинок и анимации).
6. Reddit: Сообщество от американского агентства Pentagram.
7. МТС Junior: Подбренд от отечественного агентства ONY.
8. MVMNT: Фитнес-сервис от британского агентства Nomad.
9. Bloom: Приложение для ментального здоровья от американского агентства Big Human.
10. Quicken: Бухгалтерский сервис от американского агентства Siegel+Gale.
#branding
1. Deezer: Музыкальный сервис от британского агентства Koto.
2. Яндекс Музыка: Музыкальный сервис, сделанный внутренними силами и группой внешних экспертов.
3. SiriusXM: Музыкальный холдинг от британского агентства Uncommon.
4. Osome: Онлайн-бухгалтерия, сделанная внутренними силами и группой внешних экспертов.
5. Flodesk: Сервис цифрового маркетинга и продаж от американского агентства DIA (больше картинок и анимации).
6. Reddit: Сообщество от американского агентства Pentagram.
7. МТС Junior: Подбренд от отечественного агентства ONY.
8. MVMNT: Фитнес-сервис от британского агентства Nomad.
9. Bloom: Приложение для ментального здоровья от американского агентства Big Human.
10. Quicken: Бухгалтерский сервис от американского агентства Siegel+Gale.
#branding
Koto Studio
На редкость длинная пауза вышла с мини-выпусками про свежие интерфейсные паттерны и лучшие практики. Обнуляю её:
1. Baymard: Как выводы из их многочисленных пользовательских исследований сайтов и приложений электронной коммерции во многом пересекаются. Это в целом и так понятно, но он приводит конкретные доли таких пересечений.
2. NN/g: Годное дневниковое исследование паттернов использования умных часов. Они выделили 6 основных задач и приводят нюансы работы пользователей по ним. В 80% случаев используют только встроенные приложения от производителя и не ставят дополнительные.
3. Pushkeen: Коллекция примеров push-уведомлений.
4. Storefront: Коллекция примеров главных страниц интернет-магазинов одежды.
5. Emailspiration: Коллекция примеров писем рассылки.
6. Индия запретила использование «тёмных паттернов» в интерфейсах. Jakob Nielsen разбирает 12 таких манипулятивных приёмов, которые упомянуты в этом законе.
7. Creative Navy: Подробный обзор интерфейсов сервисов для нанимающих менеджеров.
8. Alaïs de Saint Louvent: Сайт-памятка по поддержке accessibility.
9. Baymard: Типичные проблемы интерфейса проверки адреса в интернет-магазинах.
10. Peter Ramsey: Разбирает парадоксальный сайт Zara. Это богатейшая компания с огромным оборотом, интернет-магазин которой — полнейшая катастрофа.
11. MeasuringU: Новое сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
#patterns
1. Baymard: Как выводы из их многочисленных пользовательских исследований сайтов и приложений электронной коммерции во многом пересекаются. Это в целом и так понятно, но он приводит конкретные доли таких пересечений.
2. NN/g: Годное дневниковое исследование паттернов использования умных часов. Они выделили 6 основных задач и приводят нюансы работы пользователей по ним. В 80% случаев используют только встроенные приложения от производителя и не ставят дополнительные.
3. Pushkeen: Коллекция примеров push-уведомлений.
4. Storefront: Коллекция примеров главных страниц интернет-магазинов одежды.
5. Emailspiration: Коллекция примеров писем рассылки.
6. Индия запретила использование «тёмных паттернов» в интерфейсах. Jakob Nielsen разбирает 12 таких манипулятивных приёмов, которые упомянуты в этом законе.
7. Creative Navy: Подробный обзор интерфейсов сервисов для нанимающих менеджеров.
8. Alaïs de Saint Louvent: Сайт-памятка по поддержке accessibility.
9. Baymard: Типичные проблемы интерфейса проверки адреса в интернет-магазинах.
10. Peter Ramsey: Разбирает парадоксальный сайт Zara. Это богатейшая компания с огромным оборотом, интернет-магазин которой — полнейшая катастрофа.
11. MeasuringU: Новое сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
#patterns
Baymard Institute
Generalizability of UX E-Commerce Research – Articles – Baymard Institute
Our 10+ years of UX research show that UI-related issues are highly generalizable across industries and platforms: 76% of UX issues are shared between desktop and mobile web, and 74+% across industries selling physical products.
Небольшая, но жирнючая, как приближающийся оливье, подборка нового о дизайн-системах:
1. Rosenfeld Media выпустили книгу Dan Mall «Design That Scales».
2. Атомаро: Ростелеком сделал отчуждаемую версию своей дизайн-системы. Можно поставить её себе и настроить свою тему оформления. Под капотом React с токенами.
3. Design Systems Database: Ещё один каталог дизайн-систем.
4. StyleX: Фреймворк для токенов Меты, который используют все их продукты (Facebook, Instagram, Whatsapp, THreads).
5. Figma: Свежие обновления переменных. Что уже внедрили и как планируют развивать.
6. Luis Ouriach: Подробная инструкция по созданию компонентов в Figma и организации дизайн-системы в инструменте в целом. Он стремится создавать их для реального и широкого использования. Рекомендации по организации библиотек.
7. Виталий Капустьянов: Подгонка толщины линий иконок под разные размеры шрифта.
8. Вышел Storybook 7.6. Но уже есть ранняя версия 8.0.
#designsystems
1. Rosenfeld Media выпустили книгу Dan Mall «Design That Scales».
2. Атомаро: Ростелеком сделал отчуждаемую версию своей дизайн-системы. Можно поставить её себе и настроить свою тему оформления. Под капотом React с токенами.
3. Design Systems Database: Ещё один каталог дизайн-систем.
4. StyleX: Фреймворк для токенов Меты, который используют все их продукты (Facebook, Instagram, Whatsapp, THreads).
5. Figma: Свежие обновления переменных. Что уже внедрили и как планируют развивать.
6. Luis Ouriach: Подробная инструкция по созданию компонентов в Figma и организации дизайн-системы в инструменте в целом. Он стремится создавать их для реального и широкого использования. Рекомендации по организации библиотек.
7. Виталий Капустьянов: Подгонка толщины линий иконок под разные размеры шрифта.
8. Вышел Storybook 7.6. Но уже есть ранняя версия 8.0.
#designsystems
Rosenfeld Media
Design That Scales | Free EBook with Purchase | Dan Mall
Perfect for creators seeking efficient design system practices—discover key takeaways for success in creation, management, and sustainability.
Небольшой выпуск о пользовательских исследованиях, а то вы и так все в запаре:
1. Jakob Nielsen: Нужна ли в современном мире классическая юзабилити-лаборатория как помещение. Офлайновые юзабилити-тесты нужны, но достаточно обычной переговорки. Кстати, в статье есть рарные фото такой лаборатории Sun 1994-1995 года, где Jakob провёл первое в мире юзабилити-тестирование (хотя сейчас делают гораздо проще и менее киношно).
2. Adobe: Интереснейший фреймворк LOAF (Learning Outcomes Assessment Framework) для оценки процесса обучения в интерфейсе. Он помогает оценить эмоциональный и функциональный результат по нескольким параметрам.
3. Connor Joyce: Процесс анализа и изменения поведения пользователей. Он проанализировал 4 популярных фреймворка и соединил их идеи вместе.
4. Adobe: Как устроена команда ResearchOps (у них 65 качественных и количественных исследователя).
5. Okta: Как команда работает с базой знаний и инсайтов в инструменте Dovetail.
#research
1. Jakob Nielsen: Нужна ли в современном мире классическая юзабилити-лаборатория как помещение. Офлайновые юзабилити-тесты нужны, но достаточно обычной переговорки. Кстати, в статье есть рарные фото такой лаборатории Sun 1994-1995 года, где Jakob провёл первое в мире юзабилити-тестирование (хотя сейчас делают гораздо проще и менее киношно).
2. Adobe: Интереснейший фреймворк LOAF (Learning Outcomes Assessment Framework) для оценки процесса обучения в интерфейсе. Он помогает оценить эмоциональный и функциональный результат по нескольким параметрам.
3. Connor Joyce: Процесс анализа и изменения поведения пользователей. Он проанализировал 4 популярных фреймворка и соединил их идеи вместе.
4. Adobe: Как устроена команда ResearchOps (у них 65 качественных и количественных исследователя).
5. Okta: Как команда работает с базой знаний и инсайтов в инструменте Dovetail.
#research
Jakob Nielsen on UX
Usability Labs: Cool or Old School?
Richly illustrated historical overview of the transformation of usability labs from dedicated spaces to Zoom calls, raising questions about the future needs for in-lab research. Much of history’s most important user research was conducted in dedicated usability…
Опять снова не успел сделать трушный обзор трендов 2024 года с попыткой анализа (но с перезапуском сайта дайджеста в январе исправлюсь). Так что (как и в прошлый раз) просто настрогал питательный салат из пристойных обзоров и прогнозов.
Начнём с печальки — EditorX схлопнулся внутрь Wix, так что их годнейших больше обзоров не будет. А те выпустили совсем проходную статью.
Зато родился новый жанр. Плагин Trend Sheep для ChatGPT суммировал 80 отчётов о трендах 2023-2024 года и выдаёт прогнозы из них (архив исходных материалов). Ещё один похожий плагин — Meta Trends 2024. Правда, по дизайну ничего нет — из близкого только маркетинг и реклама. Но задумка занятная.
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Добавилась категория алгоритмических инструментов и исследовательских репозиториев, Sketch готовится коснуться нулевого значение оси, FigJam обошёл Miro, у Framer не выходит ворваться в топ. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
Разносол из итогов 2023 года
— Яркие проекты на Readymag и Framer Sites
— Крафтовуха (и ещё)
— Упаковка
— Логотипы
— Новые шрифты и прогноз начала года.
— Лучший дизайн по версии журнала Core77
— Заметные инновации от Fast Company, TIME и Popular Science
— Ежегодный обзор трендов от журнала UX Collective, которые перебирают приличное количество публикаций за год.
— Исследование профессии пользовательского исследователя от User Interviews.
И немного визуальных всплесков 2023 года
— bento-сетки, которые отлично подходят для кейсов и обзоров
— шрифты, вырезанные из бумаги.
Про 2024 расклад такой
1. Общедизайнерские тренды выделяют VistaPrint, Graphic Mama, Depositphotos, Shutterstock, Adobe и Webflow.
2. Pantone объявляет цвет: добродушный Peach Fizz («персиковый пушок»).
3. Письма рассылки от Designmodo.
4. Иллюстрации от Jacky Winter Group и Skillbox.
5. Дизайн и профессия в целом от Creative Boom.
6. Культурные от Pinterest и Instagram.
7. Технологические от Gartner: стратегические.
8. Интранеты от Nielsen/Norman Group.
Интересные дизайнерско-технологические подвижки
1. Алгоритмический дизайн снова на коне, так что я пересобрал свой сайт-коллекцию (хотя ещё не успел загрузить туда новости за последние месяц-два).
2. Дикие экспериментальные вариативные шрифты в Google Fonts, использующие дополнительные оси.
3. Ключевые обновления CSS в 2023 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2023 года.
4. Стандарт accessibility в вебе обновился до WCAG 2.2.
5. Дикий концепт операционной системы Space OS. Немецкая команда энтузиастов Deta предложила свежий заход с веб-сервисами вместо приложений и канвой а-ля Miro и FigJam вместо обычного оконного интерфейса. Ну и, само собой, генерация всего и вся по текстовому запросу. Самое крутое, что это не просто видос — можно пощупать альфа-версию.
Вышли пара публикаций толковой критической рефлексии
1. Elizabeth Goodspeed пытается разобраться, почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
2. Jakob Nielsen считает, что современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.
До выставки CES 2024 всего пара недель, а там завсегда есть на что поглазеть.
Для сравнения: что обещали на 2023, 2022, 2021, 2020, 2019 и 2018 год.
#trends
Начнём с печальки — EditorX схлопнулся внутрь Wix, так что их годнейших больше обзоров не будет. А те выпустили совсем проходную статью.
Зато родился новый жанр. Плагин Trend Sheep для ChatGPT суммировал 80 отчётов о трендах 2023-2024 года и выдаёт прогнозы из них (архив исходных материалов). Ещё один похожий плагин — Meta Trends 2024. Правда, по дизайну ничего нет — из близкого только маркетинг и реклама. Но задумка занятная.
Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Добавилась категория алгоритмических инструментов и исследовательских репозиториев, Sketch готовится коснуться нулевого значение оси, FigJam обошёл Miro, у Framer не выходит ворваться в топ. Тут всегда вопрос выборки респондентов, но этот опросник один из самых адекватных.
Разносол из итогов 2023 года
— Яркие проекты на Readymag и Framer Sites
— Крафтовуха (и ещё)
— Упаковка
— Логотипы
— Новые шрифты и прогноз начала года.
— Лучший дизайн по версии журнала Core77
— Заметные инновации от Fast Company, TIME и Popular Science
— Ежегодный обзор трендов от журнала UX Collective, которые перебирают приличное количество публикаций за год.
— Исследование профессии пользовательского исследователя от User Interviews.
И немного визуальных всплесков 2023 года
— bento-сетки, которые отлично подходят для кейсов и обзоров
— шрифты, вырезанные из бумаги.
Про 2024 расклад такой
1. Общедизайнерские тренды выделяют VistaPrint, Graphic Mama, Depositphotos, Shutterstock, Adobe и Webflow.
2. Pantone объявляет цвет: добродушный Peach Fizz («персиковый пушок»).
3. Письма рассылки от Designmodo.
4. Иллюстрации от Jacky Winter Group и Skillbox.
5. Дизайн и профессия в целом от Creative Boom.
6. Культурные от Pinterest и Instagram.
7. Технологические от Gartner: стратегические.
8. Интранеты от Nielsen/Norman Group.
Интересные дизайнерско-технологические подвижки
1. Алгоритмический дизайн снова на коне, так что я пересобрал свой сайт-коллекцию (хотя ещё не успел загрузить туда новости за последние месяц-два).
2. Дикие экспериментальные вариативные шрифты в Google Fonts, использующие дополнительные оси.
3. Ключевые обновления CSS в 2023 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2023 года.
4. Стандарт accessibility в вебе обновился до WCAG 2.2.
5. Дикий концепт операционной системы Space OS. Немецкая команда энтузиастов Deta предложила свежий заход с веб-сервисами вместо приложений и канвой а-ля Miro и FigJam вместо обычного оконного интерфейса. Ну и, само собой, генерация всего и вся по текстовому запросу. Самое крутое, что это не просто видос — можно пощупать альфа-версию.
Вышли пара публикаций толковой критической рефлексии
1. Elizabeth Goodspeed пытается разобраться, почему многие ребрендинги похожи друг на друга. И как на это влияют особенности формирования трендов.
2. Jakob Nielsen считает, что современные генераторы по текстовому запросу — это новая интерфейсная парадигма после пакетной обработки в первых компьютерах и командной строки. Впервые пользователь описывает сам конечный результат, а не последовательность команд для его получения.
До выставки CES 2024 всего пара недель, а там завсегда есть на что поглазеть.
Для сравнения: что обещали на 2023, 2022, 2021, 2020, 2019 и 2018 год.
#trends
Юрий Ветров об интерфейсах
Тренды 2024 года
Опять снова не успел сделать трушный обзор трендов 2024 года с попыткой анализа (но с перезапуском сайта дайджеста в январе исправлюсь). Так что (как и в прошлый раз) просто настрогал…
Прошёл всего месяц, а по теме алгоритмического дизайна опять выше крыши новья:
Pika 1.0: Генератор видео по текстовому описанию вышел из беты и порвал танцпол своей безумной демкой.
Midjourney 6: Вышла альфа-версия нового поколения. Увеличили разрешение до 2048x2048, добавили генерацию небольших текстов, улучшили понимание самих запросов.
StorybookGPT: Плагин для ChatGPT генерирует описание компонентов для живого гайдлайна Storybook. Памятка по работе с ним.
iA (эксперты в работе над текстами): Оценивают сильные и слабые стороны алгоритмических инструментов в этом плане. Где они помогают и где бесполезны. В новой версии своего текстового редактора iA Writer 7 они использовали это понимание для интересной разметки авторства (вы, ChatGPT или другой источник).
DALL-E Party: Занятный эксперимент, который по циклу искажает цепочку генерации DALL-E. Он описывает картинку текстом, потом генерирует из него ещё одну картинку — и так по кругу.
Figma: Пообщались с менеджерами продуктов для массового пользователя, которые внедряют функции на базе ИИ. Как они строят продуктовую работу в таких случаях.
Angie Wang: Топчанское интерактивное размышление-повесть, в котором она сравнивает процесс обучения алгоритмов и маленького ребёнка — .
FlutterFlow AI Gen: Сервис для быстрой разработки мобильных приложений научился генерировать дизайн и код (фронт + бек) по текстовому запросу или наброску на бумаге. Он автоматизирует все этапы от идеи до реализации.
Alex Ivanovs: Описывает хронологию развития первого года жизни ChatGPT.
Krea: Добавили интересный метод «overlay view», который позволяет схематично набросать перспективу объекта и в целом основные элементы.
Microsoft Paint: Теперь тоже генерирует графику по текстовому описанию с функцией «Cocreator» на базе DALL-E 3. Видео-обзор.
Amazon Titan: Генератор изображений по текстовому описанию доступен на платформе AWS (видео-обзор).
Amazon Q: Ещё один алгоритмический помощник в AWS. Он подключается к корпоративным сервисам и помогает анализировать информацию из них.
Audiobox: Новая модель для генерации аудио от Меты. Может взять за основу ваш голос, текстовый запрос, готовую музыку и сгенерировать или доработать/переосмыслить их.
Output Co-Producer: Генератор семплов по текстовому запросу от создателей инструмента Output.
Instagram: Пробует менять фон в stories с помощью алгоритмического дизайна (ещё).
Исследователи Hugging Face и Carnegie Mellon University посчитали энергозатраты на генерацию изображений с помощью алгоритмического дизайна. Выходит много — сопоставимо с полной зарядкой телефона (исследование).
HeyGen Custom Avatar: Сервис создаёт фотореалистичные аватары пользователей, которые могут читать текст на видео. Голос и мимика — тоже ваши.
Magnific: Один из самых качественных алгоритмических сервисов по улучшению качества фото на базе.
Prompt Brush: Пародия на инструменты, работающие по текстовому запросу. Иллюстрацию по такому запросу руками рисует иллюстратор Pablo Delcan.
Luke Wroblewski: Советует давать подсказки в инструментах, работающих по текстовому запросу. Пользователи часто не понимают, как правильно что-то спросить у них.
YandexART: Научился генерировать ёлочные игрушки в нескольких стилях.
Google и Vogue: Изучили, как ИИ влияет на процессы и сценарии покупки модной одежды.
Spotify: Тестирует генерацию плейлистов по текстовому запросу.
Точка: Усилила интерактивный справочник с помощью ChatGPT. Сервис «Ассистент» помогает отвечать на бухгалтерские вопросы.
Curio: Говорящие игрушки, которые придумывают истории и диалоги с помощью ChatGPT. Анонс — https://www.youtube.com/watch?v=f5rLMWzjDIg.
Ars Technica: Сравнили, кто лучше хохмит — ChatGPT или Bard (спойлер: ChatGPT).
Битрикс CoPilot: Алгоритмические инструменты, встроенные в платформу. Генерирует, анализирует и улучшает контент.
Яндекс Недвижимость: Может искать квартиры по текстовому запросу вместо перебора фильтров с помощью YandexGPT.
#ai #algorithms
Pika 1.0: Генератор видео по текстовому описанию вышел из беты и порвал танцпол своей безумной демкой.
Midjourney 6: Вышла альфа-версия нового поколения. Увеличили разрешение до 2048x2048, добавили генерацию небольших текстов, улучшили понимание самих запросов.
StorybookGPT: Плагин для ChatGPT генерирует описание компонентов для живого гайдлайна Storybook. Памятка по работе с ним.
iA (эксперты в работе над текстами): Оценивают сильные и слабые стороны алгоритмических инструментов в этом плане. Где они помогают и где бесполезны. В новой версии своего текстового редактора iA Writer 7 они использовали это понимание для интересной разметки авторства (вы, ChatGPT или другой источник).
DALL-E Party: Занятный эксперимент, который по циклу искажает цепочку генерации DALL-E. Он описывает картинку текстом, потом генерирует из него ещё одну картинку — и так по кругу.
Figma: Пообщались с менеджерами продуктов для массового пользователя, которые внедряют функции на базе ИИ. Как они строят продуктовую работу в таких случаях.
Angie Wang: Топчанское интерактивное размышление-повесть, в котором она сравнивает процесс обучения алгоритмов и маленького ребёнка — .
FlutterFlow AI Gen: Сервис для быстрой разработки мобильных приложений научился генерировать дизайн и код (фронт + бек) по текстовому запросу или наброску на бумаге. Он автоматизирует все этапы от идеи до реализации.
Alex Ivanovs: Описывает хронологию развития первого года жизни ChatGPT.
Krea: Добавили интересный метод «overlay view», который позволяет схематично набросать перспективу объекта и в целом основные элементы.
Microsoft Paint: Теперь тоже генерирует графику по текстовому описанию с функцией «Cocreator» на базе DALL-E 3. Видео-обзор.
Amazon Titan: Генератор изображений по текстовому описанию доступен на платформе AWS (видео-обзор).
Amazon Q: Ещё один алгоритмический помощник в AWS. Он подключается к корпоративным сервисам и помогает анализировать информацию из них.
Audiobox: Новая модель для генерации аудио от Меты. Может взять за основу ваш голос, текстовый запрос, готовую музыку и сгенерировать или доработать/переосмыслить их.
Output Co-Producer: Генератор семплов по текстовому запросу от создателей инструмента Output.
Instagram: Пробует менять фон в stories с помощью алгоритмического дизайна (ещё).
Исследователи Hugging Face и Carnegie Mellon University посчитали энергозатраты на генерацию изображений с помощью алгоритмического дизайна. Выходит много — сопоставимо с полной зарядкой телефона (исследование).
HeyGen Custom Avatar: Сервис создаёт фотореалистичные аватары пользователей, которые могут читать текст на видео. Голос и мимика — тоже ваши.
Magnific: Один из самых качественных алгоритмических сервисов по улучшению качества фото на базе.
Prompt Brush: Пародия на инструменты, работающие по текстовому запросу. Иллюстрацию по такому запросу руками рисует иллюстратор Pablo Delcan.
Luke Wroblewski: Советует давать подсказки в инструментах, работающих по текстовому запросу. Пользователи часто не понимают, как правильно что-то спросить у них.
YandexART: Научился генерировать ёлочные игрушки в нескольких стилях.
Google и Vogue: Изучили, как ИИ влияет на процессы и сценарии покупки модной одежды.
Spotify: Тестирует генерацию плейлистов по текстовому запросу.
Точка: Усилила интерактивный справочник с помощью ChatGPT. Сервис «Ассистент» помогает отвечать на бухгалтерские вопросы.
Curio: Говорящие игрушки, которые придумывают истории и диалоги с помощью ChatGPT. Анонс — https://www.youtube.com/watch?v=f5rLMWzjDIg.
Ars Technica: Сравнили, кто лучше хохмит — ChatGPT или Bard (спойлер: ChatGPT).
Битрикс CoPilot: Алгоритмические инструменты, встроенные в платформу. Генерирует, анализирует и улучшает контент.
Яндекс Недвижимость: Может искать квартиры по текстовому запросу вместо перебора фильтров с помощью YandexGPT.
#ai #algorithms
pika.art
The idea-to-video platform that sets your creativity in motion.
Дайджест продуктового дизайна за декабрь 2023. Тренды 2024, каталог дизайн-систем, алгоритмический дизайн в 2023, анализ интерфейсов, автомобильный UX, тематизация иллюстраций, замеры обучения в интерфейсах, продуктивные встречи, книга «Паттерны дизайн-менеджмента» в продаже и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Год в дайджесте традиционно стартует переписи крутячки (или шизячки) с выставки 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
ОЧКИ И ШЛЕМЫ
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
Первый в этом году выпуск мини-дайджеста о лучших интерфейсных паттернах и практиках:
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
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
Ishadeed
Designing better target sizes
An interactive guide on designing better target sizes on the web.
Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 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
В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.
Вот, например, топ-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
Dmpatterns
Отношение к продуктовым дизайн-командам: 2023
Ежегодное исследование продуктовых дизайн-команд в России. Как профессиональное сообщество оценивает результаты их работы? Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста.…
Первая в этом году мини-подборка о дизайн-системах:
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
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
Adobe
Spectrum 2
What’s next for Adobe’s design system: more modern, accessible, friendly, and enjoyable.
Поток свежей годноты про пользовательские исследования чутка приуныл, но ещё держится:
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
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
Measuringu
10 Key Takeaways from the Latest Research on Thinking Aloud in Usability Testing – MeasuringU