В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Интерфейсных обновлений особо нет, в основном развитие самой оболочки и ключевых приложений. Если выделять какие-то вещи, то вот что:
iOS 18
ИИ-платформа Apple Intelligence на базе OpenAI, включая сам ChatGPT. Можно будет переписывать, вычитывать или суммировать тексты в любых приложениях; генерировать изображения в виде скетчей, иллюстраций и анимации (но без фотореалистичных). Искать по фото и в браузере. Правда, работать это будет только на самых свежих моделях iPhone.
Siri сильно прокачана и интегрирована в приложения — сможет редактировать фото, дописывать сообщения электронной почты, ранжировать уведомления по важности, кратко пересказывать новости, заполнить форму данными с фото документа (и даже самостоятельно найти его в галерее).
В будущем они могут добавить выбор языковой модели — например, Google Gemini.
Самая сомнительная вещь — жёсткая настройка домашнего экрана, где пользователь может перекрасить все иконки и расставить их как попало (или взять основной цвет фоновой картинки, что тоже убого). Явно не та вещь, которую нужно брать из Android — мистер Джобс крутится в гробу, а сэр Айв пьёт запойно после такого. Система иконок Apple никак не предназначена для этого и выглядит итог максимально чипово. В общем, океан кровавых слёз дизайнеров ожидается уже скоро.
В контрольном центре можно добавить кнопки от сторонних приложений (и вынести конкретные кнопки в нижних углах экрана блокировки).
В сообщениях можно будет сгенерировать эмоджи (Genmoji) под текст сообщения. Поддержка стандарта RCS, который потенциально позволит полноценно переписываться с пользователями Android в iMessage.
Сделали редизайн стандартных приложений фото и здоровье. Запустили отдельное приложение для паролей.
Можно будет перевести деньги через просто касание другого устройства Apple.
Появилась запись и расшифровка телефонных разговоров.
Дополнительная поддержка accessibility. Управление взглядом, голосовые "горячие клавиши", борьба с укачиванием при работе с телефоном в машине. Можно не говорить, а писать сообщения Siri.
В плане безопасности: вход в конкретные приложения только по FaceID или пин-коду, а также отдельные закрытые папки приложений.
AirPods смогут распознать, что вы качнули головой «да» или «нет».
Отдельный игровой режим, в котором фоновые приложения меньше отсвечивают.
Apple ID переименовали в Apple Account.
iPadOS 18
Во-первых, аналогичные возможности Apple Intelligence, дикой настройки главного экрана и т.п.
Во-вторых, наконец-то появится калькулятор. Причём не зря ждали — может распознавать и считать рукописные формулы.
Улучшает качество рукописного текста и может написать им любой текст.
Вкладки внутри приложения могут быть полупрозрачными поверх контента.
watchOS 11
Много обновлений в конкретных способах отслеживания здоровья и развитие ленты виджетов Smart Stack. Отдельное приложение-переводчик.
Прокрутка экрана без касания пальцами — просто по двойному нажатию большого и указательного.
macOS Sequoia:
Можно управлять телефоном с компьютера, перетаскивать объекты между устройствами, получать уведомления с телефона на компьютере.
Быстрая расстановка приложений на экране как в Windows.
Замена фона в звонках на уровне ОС, т.е. в любом приложении.
visionOS 2
Фото с «глубиной» — при повороте головы видно что там за краями. Редактирование пространственных видео в Final Cut Pro
Развитие системы жестов — быстрый возврат на главный экран, вызов панели управления, уведомлений и статуса батареи / времени.
Виртуальный монитор Mac Virtual Display, сопоставимый с двумя 4K-мониторами.
Можно передавать изображение с устройств Vision через AirPlay.
Само устройство начнут продавать вне США.
tvOS 18
Функция InSight показывает информацию об актёрах прямо во время просмотра.
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле, а разработчики могут поставить её уже сейчас.
#ios #trends #events
iOS 18
ИИ-платформа Apple Intelligence на базе OpenAI, включая сам ChatGPT. Можно будет переписывать, вычитывать или суммировать тексты в любых приложениях; генерировать изображения в виде скетчей, иллюстраций и анимации (но без фотореалистичных). Искать по фото и в браузере. Правда, работать это будет только на самых свежих моделях iPhone.
Siri сильно прокачана и интегрирована в приложения — сможет редактировать фото, дописывать сообщения электронной почты, ранжировать уведомления по важности, кратко пересказывать новости, заполнить форму данными с фото документа (и даже самостоятельно найти его в галерее).
В будущем они могут добавить выбор языковой модели — например, Google Gemini.
Самая сомнительная вещь — жёсткая настройка домашнего экрана, где пользователь может перекрасить все иконки и расставить их как попало (или взять основной цвет фоновой картинки, что тоже убого). Явно не та вещь, которую нужно брать из Android — мистер Джобс крутится в гробу, а сэр Айв пьёт запойно после такого. Система иконок Apple никак не предназначена для этого и выглядит итог максимально чипово. В общем, океан кровавых слёз дизайнеров ожидается уже скоро.
В контрольном центре можно добавить кнопки от сторонних приложений (и вынести конкретные кнопки в нижних углах экрана блокировки).
В сообщениях можно будет сгенерировать эмоджи (Genmoji) под текст сообщения. Поддержка стандарта RCS, который потенциально позволит полноценно переписываться с пользователями Android в iMessage.
Сделали редизайн стандартных приложений фото и здоровье. Запустили отдельное приложение для паролей.
Можно будет перевести деньги через просто касание другого устройства Apple.
Появилась запись и расшифровка телефонных разговоров.
Дополнительная поддержка accessibility. Управление взглядом, голосовые "горячие клавиши", борьба с укачиванием при работе с телефоном в машине. Можно не говорить, а писать сообщения Siri.
В плане безопасности: вход в конкретные приложения только по FaceID или пин-коду, а также отдельные закрытые папки приложений.
AirPods смогут распознать, что вы качнули головой «да» или «нет».
Отдельный игровой режим, в котором фоновые приложения меньше отсвечивают.
Apple ID переименовали в Apple Account.
iPadOS 18
Во-первых, аналогичные возможности Apple Intelligence, дикой настройки главного экрана и т.п.
Во-вторых, наконец-то появится калькулятор. Причём не зря ждали — может распознавать и считать рукописные формулы.
Улучшает качество рукописного текста и может написать им любой текст.
Вкладки внутри приложения могут быть полупрозрачными поверх контента.
watchOS 11
Много обновлений в конкретных способах отслеживания здоровья и развитие ленты виджетов Smart Stack. Отдельное приложение-переводчик.
Прокрутка экрана без касания пальцами — просто по двойному нажатию большого и указательного.
macOS Sequoia:
Можно управлять телефоном с компьютера, перетаскивать объекты между устройствами, получать уведомления с телефона на компьютере.
Быстрая расстановка приложений на экране как в Windows.
Замена фона в звонках на уровне ОС, т.е. в любом приложении.
visionOS 2
Фото с «глубиной» — при повороте головы видно что там за краями. Редактирование пространственных видео в Final Cut Pro
Развитие системы жестов — быстрый возврат на главный экран, вызов панели управления, уведомлений и статуса батареи / времени.
Виртуальный монитор Mac Virtual Display, сопоставимый с двумя 4K-мониторами.
Можно передавать изображение с устройств Vision через AirPlay.
Само устройство начнут продавать вне США.
tvOS 18
Функция InSight показывает информацию об актёрах прямо во время просмотра.
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле, а разработчики могут поставить её уже сейчас.
#ios #trends #events
Apple Developer
WWDC25
Revisit an incredible week of technology and creativity.
❤16👍12🤔1
Штилёк на теме дизайн-менеджмента в последние месяцы — мало нового достойного выходит на публику. Так что закину мальца того, что ждало в черновиках:
1. Ирина Моторина: Карта компетенций для UX-редакторов. Сама карта.
2. Иван Звягин: Карьерные пути и карта компетенций для дизайнеров Тинькофф. И ещё документ от Юлии Кондратьевой.
3. Kathryn Brookshier: Построила менторскую программу в Indeed и даёт советы для тех, кто хочет запустить её у себя.
4. Melissa Hack: Умеет хорошо вовлекать в процесс пользовательских исследований коллег, принимающих решения по проектам. Она описывает свой подход к системной работе с такими людьми.
#management
1. Ирина Моторина: Карта компетенций для UX-редакторов. Сама карта.
2. Иван Звягин: Карьерные пути и карта компетенций для дизайнеров Тинькофф. И ещё документ от Юлии Кондратьевой.
3. Kathryn Brookshier: Построила менторскую программу в Indeed и даёт советы для тех, кто хочет запустить её у себя.
4. Melissa Hack: Умеет хорошо вовлекать в процесс пользовательских исследований коллег, принимающих решения по проектам. Она описывает свой подход к системной работе с такими людьми.
#management
Teletype
Карта компетенций для UX-редакторов
И других специалистов, которые работают над продуктовыми коммуникациями: контент-стратегов, контент-дизайнеров, локализаторов...
❤7👍3🔥1🤔1
Свежая супертяж-подборка об алгоритмическом дизайне:
СБОРКА ИНТЕРФЕЙСА
1. Gov.uk: Как можно превращать обычную бумажную форму в веб-версию. Tim Paul использовал дизайн-систему Gov.uk и автоматически разбивал её на шаги. Демка работает даже на основе бумажного скетча. Исходный код и более ранний эксперимент его коллеги Kuba Bartwicki.
2. GPT-4o: OpenAI выпустили новую модель 4o (omni), которая может анализировать текст, звук, изображения и видео в реальном времени. И выдавать результат также в реальном времени. Получается фактически легендарный фильм «Она» (они даже имитировали голос Скарлетт Йохансон, пока она не подала в суд). На презентации показали мощные демки с синхронным переводом на другой язык, адаптацией интонации под собеседника и контекстными шутками, обсуждением помещения собеседника (захват картинки с камеры), диалогом двух ИИ.
Eric Vyacheslav сгенерировал с её помощью макеты в Figma на основе спецификации.
ГРАФИЧЕСКИЙ ДИЗАЙН И ИСКУССТВО
1. Flair: Сервис генерирует эффектную сцену подачи вашего продукта (например, упаковка или одежда).
2. Robert Hodgin: Несколько раз прогнал цикл «Midjourney генерирует картинку → ChatGPT описывает её → Midjourney делает новую картинку по этому описанию». Он показал, как менялось это изображение от запроса к запросу.
3. Exactly AI: Инструмент для создания иллюстраций в заданном стиле.
4. Сбер вместе с музейными специалистами попытался восстановить картины, утерянные во время войны. Они сделали уже два проекта для Волгограда и Воронежа.
ВЗАИМОДЕЙСТВИЕ С ТАКИМИ ИНСТРУМЕНТАМИ
1. Книга Josh Clark и Veronika Kindred «Sentient Design» готовится в Rosenfeld Media. Они запустили этот термин вместе с флагманским выступлением и обзорной статьёй, плюс продают услуги типа Sentient Design Sprint.
2. Connor Joyce: Ещё один набор паттернов.
3. Alex Klein: Концепция интерфейсов на базе ИИ-агентов. Они не просто выполняют отдельные куски задач, а помогают по всему user journey.
4. iA: Предлагает по-другому посмотреть на ChatGPT и похожие сервисы. Если не ждать от них готовый результат, а использовать как собеседника и корректора — результат становится намного качественнее.
5. NN/g: Роль дизайнера. Какие навыки становятся важны вместо технических.
6. Everypixel: Типы «галлюцинаций».
ВИДЕО И КИНО
1. ToonCrafter: Генератор анимационных роликов на основе их первого и последнего кадра.
2. Luma Dream Machine: Генератор видео по текстовому запросу. Может в том числе анимировать обычную картинку (поток оживших мемов в первые дни зашкаливал).
3. KLING: Новый добротный генератор видео по текстовому описанию.
4. Runway Gen:48: Конкурс Runway для режиссёров — они должны были создать за 48 часов фильм на основе этого инструмента алгоритмического дизайна с условиями по сценарию.
5. AI Film Festival 2024: Runway второй раз провели фестиваль кино, сделанного при помощи ИИ.
6. Showrunner: Экспериментальный онлайн-кинотеатр от студии Fable генерирует сериалы по вашему запросу. С нужным стилем и сюжетом.
ИГРЫ
1. Microsoft Copilot появится в играх. Они показали демо для Minecraft.
2. Эксперимент с генеративной сценой в виртуальной реальности.
ЭТИКА И ЗАКОННОСТЬ
1. Everypixel: Что происходит с авторскими правами на контент, который используют для обучения больших языковых моделей. Кто с кем судится, есть ли легальные варианты для компаний.
2. Фотограф Miles Astray выиграл конкурс ИИ-фотографии 1839 Color Photography Awards с реальным фото. Его дисквалифицировали в итоге, но пранк вышел отменный.
3. Google Gemini в поиске выдаёт бредовые и опасные рекомендации типа клея в пицце. Они обучали его в том числе на данных Reddit, где много такого стёба.
4. Экспериментальный проект даёт возможность пообщаться с собеседником в чате, а потом угадать — это был человек или бот.
ДРУГИЕ ИНСТРУМЕНТЫ
1. IKI AI: Сервис поможет анализировать набор документов в разных форматах.
2. ElevenLabs Sound Effects: Генератор звуков для видео и подкастов по текстовому описанию.
#ai #algorithms
СБОРКА ИНТЕРФЕЙСА
1. Gov.uk: Как можно превращать обычную бумажную форму в веб-версию. Tim Paul использовал дизайн-систему Gov.uk и автоматически разбивал её на шаги. Демка работает даже на основе бумажного скетча. Исходный код и более ранний эксперимент его коллеги Kuba Bartwicki.
2. GPT-4o: OpenAI выпустили новую модель 4o (omni), которая может анализировать текст, звук, изображения и видео в реальном времени. И выдавать результат также в реальном времени. Получается фактически легендарный фильм «Она» (они даже имитировали голос Скарлетт Йохансон, пока она не подала в суд). На презентации показали мощные демки с синхронным переводом на другой язык, адаптацией интонации под собеседника и контекстными шутками, обсуждением помещения собеседника (захват картинки с камеры), диалогом двух ИИ.
Eric Vyacheslav сгенерировал с её помощью макеты в Figma на основе спецификации.
ГРАФИЧЕСКИЙ ДИЗАЙН И ИСКУССТВО
1. Flair: Сервис генерирует эффектную сцену подачи вашего продукта (например, упаковка или одежда).
2. Robert Hodgin: Несколько раз прогнал цикл «Midjourney генерирует картинку → ChatGPT описывает её → Midjourney делает новую картинку по этому описанию». Он показал, как менялось это изображение от запроса к запросу.
3. Exactly AI: Инструмент для создания иллюстраций в заданном стиле.
4. Сбер вместе с музейными специалистами попытался восстановить картины, утерянные во время войны. Они сделали уже два проекта для Волгограда и Воронежа.
ВЗАИМОДЕЙСТВИЕ С ТАКИМИ ИНСТРУМЕНТАМИ
1. Книга Josh Clark и Veronika Kindred «Sentient Design» готовится в Rosenfeld Media. Они запустили этот термин вместе с флагманским выступлением и обзорной статьёй, плюс продают услуги типа Sentient Design Sprint.
2. Connor Joyce: Ещё один набор паттернов.
3. Alex Klein: Концепция интерфейсов на базе ИИ-агентов. Они не просто выполняют отдельные куски задач, а помогают по всему user journey.
4. iA: Предлагает по-другому посмотреть на ChatGPT и похожие сервисы. Если не ждать от них готовый результат, а использовать как собеседника и корректора — результат становится намного качественнее.
5. NN/g: Роль дизайнера. Какие навыки становятся важны вместо технических.
6. Everypixel: Типы «галлюцинаций».
ВИДЕО И КИНО
1. ToonCrafter: Генератор анимационных роликов на основе их первого и последнего кадра.
2. Luma Dream Machine: Генератор видео по текстовому запросу. Может в том числе анимировать обычную картинку (поток оживших мемов в первые дни зашкаливал).
3. KLING: Новый добротный генератор видео по текстовому описанию.
4. Runway Gen:48: Конкурс Runway для режиссёров — они должны были создать за 48 часов фильм на основе этого инструмента алгоритмического дизайна с условиями по сценарию.
5. AI Film Festival 2024: Runway второй раз провели фестиваль кино, сделанного при помощи ИИ.
6. Showrunner: Экспериментальный онлайн-кинотеатр от студии Fable генерирует сериалы по вашему запросу. С нужным стилем и сюжетом.
ИГРЫ
1. Microsoft Copilot появится в играх. Они показали демо для Minecraft.
2. Эксперимент с генеративной сценой в виртуальной реальности.
ЭТИКА И ЗАКОННОСТЬ
1. Everypixel: Что происходит с авторскими правами на контент, который используют для обучения больших языковых моделей. Кто с кем судится, есть ли легальные варианты для компаний.
2. Фотограф Miles Astray выиграл конкурс ИИ-фотографии 1839 Color Photography Awards с реальным фото. Его дисквалифицировали в итоге, но пранк вышел отменный.
3. Google Gemini в поиске выдаёт бредовые и опасные рекомендации типа клея в пицце. Они обучали его в том числе на данных Reddit, где много такого стёба.
4. Экспериментальный проект даёт возможность пообщаться с собеседником в чате, а потом угадать — это был человек или бот.
ДРУГИЕ ИНСТРУМЕНТЫ
1. IKI AI: Сервис поможет анализировать набор документов в разных форматах.
2. ElevenLabs Sound Effects: Генератор звуков для видео и подкастов по текстовому описанию.
#ai #algorithms
www.timpaul.co.uk
Using AI to generate web forms from PDFs
Personal site for Tim Paul
❤13👍10🔥3🤔3
Сегодня в программе мини-подборки — лучшие интерфейсные паттерны и практики:
1. NN/g: Памятка по дизайну интерфейса меню в вебе. Простой и наглядный чеклист, который начинается с одной из главных проблем — люди читают Рамса и Нормана, а потом прячут навигацию на больших мониторах под иконку.
2. Atlassian: Смогли стандартизировать интерфейс drag&drop и его реализацию в своих продуктах. Это позволило здорово поднять производительность и упростить его использование. Alex Reardon, Lewis Healey, Melissa Jaén и Maria Christley описывают процесс работы и детали паттерна, а также делятся кодом.
3. Luke Wroblewski: Текст и видео презентации о трёх разрывах в UX: организационном, сути продукта и его реализации, которые мешают получить ценность от продукта.
4. DOC: Хорошая памятка по созданию осмысленных дизайн-концептов. Они должны быть про основную концептуальную модель взаимодействия, а не просто пыль в глаза.
5. Handheld Design: Коллекция паттернов мобильных приложений.
6. NN/g: Памятка по использованию чекбоксов в интерфейсах. Одиночные, списки, вложенные и их нюансы.
7. Baymard: Советуют сразу предлагать пользователям интернет-магазинов фильтр по размеру. Они не будут тратить время на поиск одежды, которой по факту нет в наличии.
8. Will Boyd: Как грамотно реализовать ссылки-якори на странице сайта.
9. Alexander Obenauer: Новая серия статей о концептуальных моделях интерфейсах. Пока есть только первые материалы, но автор всегда выдаёт интереснейшие размышления о глубинной логике продуктов для персональной продуктивности.
10. IBM: Советы по планированию и созданию интерактивных прототипов в Figma.
#patterns
1. NN/g: Памятка по дизайну интерфейса меню в вебе. Простой и наглядный чеклист, который начинается с одной из главных проблем — люди читают Рамса и Нормана, а потом прячут навигацию на больших мониторах под иконку.
2. Atlassian: Смогли стандартизировать интерфейс drag&drop и его реализацию в своих продуктах. Это позволило здорово поднять производительность и упростить его использование. Alex Reardon, Lewis Healey, Melissa Jaén и Maria Christley описывают процесс работы и детали паттерна, а также делятся кодом.
3. Luke Wroblewski: Текст и видео презентации о трёх разрывах в UX: организационном, сути продукта и его реализации, которые мешают получить ценность от продукта.
4. DOC: Хорошая памятка по созданию осмысленных дизайн-концептов. Они должны быть про основную концептуальную модель взаимодействия, а не просто пыль в глаза.
5. Handheld Design: Коллекция паттернов мобильных приложений.
6. NN/g: Памятка по использованию чекбоксов в интерфейсах. Одиночные, списки, вложенные и их нюансы.
7. Baymard: Советуют сразу предлагать пользователям интернет-магазинов фильтр по размеру. Они не будут тратить время на поиск одежды, которой по факту нет в наличии.
8. Will Boyd: Как грамотно реализовать ссылки-якори на странице сайта.
9. Alexander Obenauer: Новая серия статей о концептуальных моделях интерфейсах. Пока есть только первые материалы, но автор всегда выдаёт интереснейшие размышления о глубинной логике продуктов для персональной продуктивности.
10. IBM: Советы по планированию и созданию интерактивных прототипов в Figma.
#patterns
Nielsen Norman Group
Menu-Design Checklist: 17 UX Guidelines
People rely on menus to find content and use features. Use this checklist to make sure your menus do their job.
❤23👍8🔥4
Долго фильтровал лишнее в мини-подборке о пользовательских исследованиях и вот что просеял:
1. Steve Bromley: Обзорная статья-навигатор по процессу тестирования игр. Она описывает типичный проект на разных этапах.
2. Jack Holmes: Предлагает заполнять модель Kano в 3 этапа. Сначала экспертная версия (единая картина мира у команды), потом опрос пользователей (то, что они ожидают), а в конце — пользовательское исследование, чтобы понять причины разницы во мнениях.
3. «Синтетические пользователи» — мусорная концепция, которая обещает заменить общение с пользователями генерацией от ИИ. NN/g пытаются разобраться, есть ли какая-то польза от них (спойлёр: почти нет).
4. Connor Joyce: Вспоминает свой десятилетний опыт в науке поведения пользователей и отмечает, как поменялась она сама и рынок в целом.
5. Christelle Ngnoumen: Модель COM-B (Capability, Opportunity, Motivation, Behavior), которую она использует в Voya Financial. Она помогает анализировать поведение пользователей и помогает скорректировать его.
6. NN/g: У карточной сортировки есть проблема — пользователи могут группировать карточки не по смыслу, а по названию. Samhita Tankala и Jakob Nielsen показывают, как бороться с этим.
7. Suviksha Hirawat: Описывает свои первые шаги в ResearchOps. Она сделала несколько полезных форматов документов, которые здорово помогли коллегам в компании.
8. Круглый стол о том, почему многие функции продуктов не используются, который прошёл на конференции Dovetail Insight Out. Тему обсуждали Claire Drumond (Atlassian), Alastair Simpson (Dropbox) и Judd Antin (консультант).
#research
1. Steve Bromley: Обзорная статья-навигатор по процессу тестирования игр. Она описывает типичный проект на разных этапах.
2. Jack Holmes: Предлагает заполнять модель Kano в 3 этапа. Сначала экспертная версия (единая картина мира у команды), потом опрос пользователей (то, что они ожидают), а в конце — пользовательское исследование, чтобы понять причины разницы во мнениях.
3. «Синтетические пользователи» — мусорная концепция, которая обещает заменить общение с пользователями генерацией от ИИ. NN/g пытаются разобраться, есть ли какая-то польза от них (спойлёр: почти нет).
4. Connor Joyce: Вспоминает свой десятилетний опыт в науке поведения пользователей и отмечает, как поменялась она сама и рынок в целом.
5. Christelle Ngnoumen: Модель COM-B (Capability, Opportunity, Motivation, Behavior), которую она использует в Voya Financial. Она помогает анализировать поведение пользователей и помогает скорректировать его.
6. NN/g: У карточной сортировки есть проблема — пользователи могут группировать карточки не по смыслу, а по названию. Samhita Tankala и Jakob Nielsen показывают, как бороться с этим.
7. Suviksha Hirawat: Описывает свои первые шаги в ResearchOps. Она сделала несколько полезных форматов документов, которые здорово помогли коллегам в компании.
8. Круглый стол о том, почему многие функции продуктов не используются, который прошёл на конференции Dovetail Insight Out. Тему обсуждали Claire Drumond (Atlassian), Alastair Simpson (Dropbox) и Judd Antin (консультант).
#research
Games User Research
How To Run A Games User Research Playtest | Games User Research
The comprehensive guide to planning and running professional quality playtests that inspire game development!
👍13❤6
Новая серия про дизайн-системы готова к прочтению:
1. Sjoerd Beentjes: Предлагает использовать концепцию «аффорданса» для создания и описания компонентов дизайн-системы. Идея отличная — это поможет внутренним пользователям правильно использовать их.
2. Storybook 8.1: Можно создавать компоненты визуально из самого живого гайдлайна, не заходя в редактор кода. Конечно, это работает только для простого описания состояний, а не сложной логики, но уже упрощает работу.
Также вышел плагин для визуального тестирования компонентов, который сильно упрощает процесс.
3. Конференция по дизайн-системам Converge от сервиса ZeroHeight пройдёт 2–4 октября в Брайтоне (Великобритания).
4. Lukas Oppermann: Подробная памятка по грамотной организации переменных и компонентов в Figma.
5. Michelle Barker: Как сделать систему серых цветов разной насыщенности с помощью функции CSS color-mix().
6. Fumadocs: Фреймворк для создания сайтов документаций и живых гайдлайнов на платформе Vercel.
7. Каталог шведских дизайн-систем.
#designsystems
1. Sjoerd Beentjes: Предлагает использовать концепцию «аффорданса» для создания и описания компонентов дизайн-системы. Идея отличная — это поможет внутренним пользователям правильно использовать их.
2. Storybook 8.1: Можно создавать компоненты визуально из самого живого гайдлайна, не заходя в редактор кода. Конечно, это работает только для простого описания состояний, а не сложной логики, но уже упрощает работу.
Также вышел плагин для визуального тестирования компонентов, который сильно упрощает процесс.
3. Конференция по дизайн-системам Converge от сервиса ZeroHeight пройдёт 2–4 октября в Брайтоне (Великобритания).
4. Lukas Oppermann: Подробная памятка по грамотной организации переменных и компонентов в Figma.
5. Michelle Barker: Как сделать систему серых цветов разной насыщенности с помощью функции CSS color-mix().
6. Fumadocs: Фреймворк для создания сайтов документаций и живых гайдлайнов на платформе Vercel.
7. Каталог шведских дизайн-систем.
#designsystems
www.voorhoede.nl
Affordance in Design System Components | De Voorhoede
By using affordance principles, design systems become easier to use and more flexible, making it simpler for developers to build web applications. Discover how.
❤11👍7🔥3
Дайджест продуктового дизайна за июнь 2024. iOS 18, рекомендации по дизайну чекбоксов, drag&drop и мега-меню, обновления Figma, навыки дизайнера growth, исследования модели Кано, алгоритмический дизайн, дизайн-концепты, синтетические пользователи и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
👍16
И снова прорва свежих ссылок об алгоритмическом дизайне:
Инструменты дизайна
1. Uizard Autodesigner 2.0: Вторая версия умеет генерировать полноценные макеты по текстовому запросу на основе вашего UI Kit или докручивать компоненты, связывать экраны в прототипы, добавлять темы оформления, получить рекомендации по улучшению макета. Их можно дорабатывать в переписке с ботом. Анонс и видео-обзор от создателей.
2. Figma добавила целую линейку инструментов алгоритмического дизайна в основной сценарий работы. Можно сгенерировать дизайн по текстовому запросу (правда, временно отключили после пары публичных конфузов, но они работают над проблемой), превратить скриншот в макет по слоям (если он собран на ваших компонентах и стилях), автоматически связывать экраны в интерактивный прототип, генерировать тексты и изображения, убирать фон, переименовывать слои. В следующей версии планируют генерировать макеты на основе компонентов вашей дизайн-системы. Это тот самый момент, когда вчерашняя магия превращается в обычный повседневный инструмент — он может занять и 5-10 лет, но результат стоит ожидания.
3. GenType: Генератор картиночных шрифтов от Google (например, в виде тоста или лампочки).
4. Typeface Hub: Универсальный инструмент алгоритмического дизайна. Может сгенерировать гайдлайны бренда (визуальный стиль и тональность), проанализировав сайт. Предлагает гибкий и визуальный подход к текстовым запросам для генерации графики и текстов (есть куча форматов для маркетинга и пиара).
5. Runway: Вышло третье поколение модели генератора видео.
Влияние на дизайн и работу над продуктами в целом
1. Yinjian Huang: Памятка по дизайну интерфейса поиска в диалоговых ИИ-продуктах. Как помогать пользователю уточнять и дополнять запрос.
2. Мария Кувшинова: Рассуждает о связи идей художников сюрреализма и генеративных изображений. Она обращается к изначальной философии и работам классиков, чтобы проследить связь к текущей волне.
3. Kris Rasmussen (глава разработки Figma) и Noah Levin (глава дизайна) делятся своим мнением про автоматизацию разработки и дизайна с помощью ИИ — от какой работы не жалко отказаться. Noah видит прагматичный путь простых маленьких шагов вместо не очень реалистичных космолётов.
4. Lenny Rachitsky: Правильные сценарии использования ИИ-поисковика Perplexity. Как задавать грамотные вопросы о профессии, рынке и своём продукте.
Другие применения
1. Luke Wroblewski: Развивает свой алгоритмический поиск по сайту и переосмыслил транскрипции презентаций.
2. Google Illuminate: Экспериментальный сервис превращает научные публикации во что-то вроде подкастов, где эта тема раскрывается в дискуссии.
Критика и проблемы
1. Rolling Stone: Примеры компаний и продуктов, которые намеренно отказываются от генеративного контента и запрещают размещать его.
2. Звукозаписывающие лейблы подали в суд на сервисы Suno и Udio, которые генерируют музыку по текстовому запросу. Как и во многих других ситуациях с алгоритмическим дизайном, некоторые результаты были слишком похоже на известные оригиналы.
3. Nikhil Suresh: Жёсткая прожарка бессмысленных разговоров о внедрении ИИ в продукты. Большинство компаний не могут справиться с простейшей разработкой базовых вещей, но уже бегут в тему с непонятным для них выхлопом.
Общие изменения рынка
1. OpenAI сформулировали свою модель зрелости универсальных ИИ (AGI). Они считают, что сами находятся на первом этапе.
2. Anthropic Claude 3.5: Вышла новая версия модели. Кстати, как и OpenAI, они делают один из самобытнейших брендов на рынке.
Другие применения
1.Dove: Развивает свою изначальную кампанию «реальная красота» и добавляет к ней отказ от генеративных фото и ИИ-обработки.
2. YouTube: Научился удалять из видео музыку, на которую пришла жалоба правообладателя, оставляя голос ведущего.
3. Т-Банк: Запустили «Джуниор-ассистента», который обучает детей финансовой грамотности.
4. Audi: Добавит ChatGPT в свои машины аналогично Volkswagen (для усиления своего основного ассистента).
#ai #algorithms
Инструменты дизайна
1. Uizard Autodesigner 2.0: Вторая версия умеет генерировать полноценные макеты по текстовому запросу на основе вашего UI Kit или докручивать компоненты, связывать экраны в прототипы, добавлять темы оформления, получить рекомендации по улучшению макета. Их можно дорабатывать в переписке с ботом. Анонс и видео-обзор от создателей.
2. Figma добавила целую линейку инструментов алгоритмического дизайна в основной сценарий работы. Можно сгенерировать дизайн по текстовому запросу (правда, временно отключили после пары публичных конфузов, но они работают над проблемой), превратить скриншот в макет по слоям (если он собран на ваших компонентах и стилях), автоматически связывать экраны в интерактивный прототип, генерировать тексты и изображения, убирать фон, переименовывать слои. В следующей версии планируют генерировать макеты на основе компонентов вашей дизайн-системы. Это тот самый момент, когда вчерашняя магия превращается в обычный повседневный инструмент — он может занять и 5-10 лет, но результат стоит ожидания.
3. GenType: Генератор картиночных шрифтов от Google (например, в виде тоста или лампочки).
4. Typeface Hub: Универсальный инструмент алгоритмического дизайна. Может сгенерировать гайдлайны бренда (визуальный стиль и тональность), проанализировав сайт. Предлагает гибкий и визуальный подход к текстовым запросам для генерации графики и текстов (есть куча форматов для маркетинга и пиара).
5. Runway: Вышло третье поколение модели генератора видео.
Влияние на дизайн и работу над продуктами в целом
1. Yinjian Huang: Памятка по дизайну интерфейса поиска в диалоговых ИИ-продуктах. Как помогать пользователю уточнять и дополнять запрос.
2. Мария Кувшинова: Рассуждает о связи идей художников сюрреализма и генеративных изображений. Она обращается к изначальной философии и работам классиков, чтобы проследить связь к текущей волне.
3. Kris Rasmussen (глава разработки Figma) и Noah Levin (глава дизайна) делятся своим мнением про автоматизацию разработки и дизайна с помощью ИИ — от какой работы не жалко отказаться. Noah видит прагматичный путь простых маленьких шагов вместо не очень реалистичных космолётов.
4. Lenny Rachitsky: Правильные сценарии использования ИИ-поисковика Perplexity. Как задавать грамотные вопросы о профессии, рынке и своём продукте.
Другие применения
1. Luke Wroblewski: Развивает свой алгоритмический поиск по сайту и переосмыслил транскрипции презентаций.
2. Google Illuminate: Экспериментальный сервис превращает научные публикации во что-то вроде подкастов, где эта тема раскрывается в дискуссии.
Критика и проблемы
1. Rolling Stone: Примеры компаний и продуктов, которые намеренно отказываются от генеративного контента и запрещают размещать его.
2. Звукозаписывающие лейблы подали в суд на сервисы Suno и Udio, которые генерируют музыку по текстовому запросу. Как и во многих других ситуациях с алгоритмическим дизайном, некоторые результаты были слишком похоже на известные оригиналы.
3. Nikhil Suresh: Жёсткая прожарка бессмысленных разговоров о внедрении ИИ в продукты. Большинство компаний не могут справиться с простейшей разработкой базовых вещей, но уже бегут в тему с непонятным для них выхлопом.
Общие изменения рынка
1. OpenAI сформулировали свою модель зрелости универсальных ИИ (AGI). Они считают, что сами находятся на первом этапе.
2. Anthropic Claude 3.5: Вышла новая версия модели. Кстати, как и OpenAI, они делают один из самобытнейших брендов на рынке.
Другие применения
1.Dove: Развивает свою изначальную кампанию «реальная красота» и добавляет к ней отказ от генеративных фото и ИИ-обработки.
2. YouTube: Научился удалять из видео музыку, на которую пришла жалоба правообладателя, оставляя голос ведущего.
3. Т-Банк: Запустили «Джуниор-ассистента», который обучает детей финансовой грамотности.
4. Audi: Добавит ChatGPT в свои машины аналогично Volkswagen (для усиления своего основного ассистента).
#ai #algorithms
uizard.io
Uizard Autodesigner 2.0 | AI UI Design Generator | Uizard
Generate multi-screen, editable designs and iterate them using text prompts. Advance Uizard projects with a UI generator directly from the editor.
👍8❤6🔥4
Свежая мини-подборка о дизайн-менеджменте:
1. Wix: Регулярно проводят «блицы» — продуктовая команда собирается на 1-3 дня и чинит дизайн-долг. Anne Lillmannstons рассказывает о том, как проходят такие сессии. И почему вообще компания считает это важным.
2. Atlassian: Разница между дизайнером роста (growth) и основного продукта. Нюансы могут отличаться от компании к компании, но в целом это отличная и достаточно универсальная модель.
3. NN/g: Структурированная подборка своих статей о связке между дизайнером интерфейсов и менеджером продуктов.
4. NN/g: Концепция микро- и макро-конверсии. Как и зачем считать их на разных этапах пути пользователя, как они зависят от бизнеса компании.
5. Dovetail: Вовлекают всю компанию в понимание пользователей. Kang-Wei Chan рассказывает, чем это помогает разработчикам и как именно это происходит.
6. Sber Devices: Как проходит дизайн-ревью. Александр Кузнецов прикладывает свой шаблон в Notion.
7. Scott Sehlhorst: Типичная проблема выбора продуктовой команды: опаснее запуститься позже плана или запустить не то, что будет использоваться на деле?
8. Очередное пополнение в буквах, которыми называют T-образных специалистов — теперь V-образные.
9. Snapchat: Как работает команда инструмента для разработчиков фильтров. Отказ от назойливого onboarding, кросс-командное взаимодействие и другие бодрые штуки.
#management
1. Wix: Регулярно проводят «блицы» — продуктовая команда собирается на 1-3 дня и чинит дизайн-долг. Anne Lillmannstons рассказывает о том, как проходят такие сессии. И почему вообще компания считает это важным.
2. Atlassian: Разница между дизайнером роста (growth) и основного продукта. Нюансы могут отличаться от компании к компании, но в целом это отличная и достаточно универсальная модель.
3. NN/g: Структурированная подборка своих статей о связке между дизайнером интерфейсов и менеджером продуктов.
4. NN/g: Концепция микро- и макро-конверсии. Как и зачем считать их на разных этапах пути пользователя, как они зависят от бизнеса компании.
5. Dovetail: Вовлекают всю компанию в понимание пользователей. Kang-Wei Chan рассказывает, чем это помогает разработчикам и как именно это происходит.
6. Sber Devices: Как проходит дизайн-ревью. Александр Кузнецов прикладывает свой шаблон в Notion.
7. Scott Sehlhorst: Типичная проблема выбора продуктовой команды: опаснее запуститься позже плана или запустить не то, что будет использоваться на деле?
8. Очередное пополнение в буквах, которыми называют T-образных специалистов — теперь V-образные.
9. Snapchat: Как работает команда инструмента для разработчиков фильтров. Отказ от назойливого onboarding, кросс-командное взаимодействие и другие бодрые штуки.
#management
Medium
Elevating Product Quality: The UX Blitz Approach
Over the past year, I’ve noticed how “quality” has shifted from being just a buzzword to becoming a critical benchmark for companies…
❤16👍2
Попробую более компактные выпуски в ближайшие недели. Начнём со лучших интерфейсных паттернов и практик:
1. Ирина Сильянова: Хорошая памятка по написанию интерфейсных текстов. Здорово, что они находятся на стыке дизайна (как использовать текст в контексте экрана) и редактуры (как правильно писать).
2. NN/g: Советуют больше времени тратить на убирание барьеров и «засоров» в интерфейсе, чем на подталкивание пользователя к правильному решению. Оба направления работы важны, но отдача от первого быстрее и понятнее.
3. Baymard: В интернет-магазинах одежды большинство пользователей пользуется навигацией по категориям, а не поиском. Iva Olah рассказывает, почему это так и почему частые поисковые запросы здесь — симптом проблем.
4. Baymard: Советуют добавлять визуальное представление фильтров для сложных категорий товаров в интернет-магазинах.
5. Chiara Santella: Как менялась концепция будильника — от улучшения функциональности в самостоятельных устройствах до переосмысления самой концепции в эпоху мобильных приложений.
#patterns
1. Ирина Сильянова: Хорошая памятка по написанию интерфейсных текстов. Здорово, что они находятся на стыке дизайна (как использовать текст в контексте экрана) и редактуры (как правильно писать).
2. NN/g: Советуют больше времени тратить на убирание барьеров и «засоров» в интерфейсе, чем на подталкивание пользователя к правильному решению. Оба направления работы важны, но отдача от первого быстрее и понятнее.
3. Baymard: В интернет-магазинах одежды большинство пользователей пользуется навигацией по категориям, а не поиском. Iva Olah рассказывает, почему это так и почему частые поисковые запросы здесь — симптом проблем.
4. Baymard: Советуют добавлять визуальное представление фильтров для сложных категорий товаров в интернет-магазинах.
5. Chiara Santella: Как менялась концепция будильника — от улучшения функциональности в самостоятельных устройствах до переосмысления самой концепции в эпоху мобильных приложений.
#patterns
Smashing Magazine
How To Improve Your Microcopy: UX Writing Tips For Non-UX Writers — Smashing Magazine
Interface copy plays a crucial role in the overall user experience, helping guide users smoothly, allowing them to navigate easily through the app, discover and start using product features, and more. In this article, you’ll find simple, practical tips and…
🔥17❤7👍6
Дайджест продуктового дизайна за июль 2024. Система иконок, копирование в дизайне, алгоритмический дизайн, контент-стратегия, поиск в интернет-магазинах, база знаний/инсайтов и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
❤10👍4🤯2
1 сентября стартует двенадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых десяти отучились более 750 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Exness, Foodplex, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, restore, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Сибур, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Winline, Wrike, X5, Юрент, Yappy, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
#management
На первых десяти отучились более 750 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Exness, Foodplex, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, restore, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Сибур, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Winline, Wrike, X5, Юрент, Yappy, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
#management
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
🔥12❤2🤔2
Успею выложить мини-подборку об алгоритмическом дизайне, пока она не стала переростком:
Взаимодействие с такими инструментами
1. IBM: Метод описания ментальных моделей пользователей при проектировании продуктов с ИИ-функциями. Armon Burton, Gabby Hoefer, Claudia Richard, Milena Pribic, Hal Wuertz и Alex Baria рассказывают о нём и как устроен процесс исследования.
2. Feifei Liu: Примеры удачного дополнения строки текстового запроса в ИИ-чат-ботах привычными для графических интерфейсов наглядными кнопками, меню и дополнительными полями форм. Цикл снова повторяется — давным-давно так решали ограничения текстовых интерфейсов, лет 6 назад это происходило в недолгий бум ботов в мессенджерах.
3. Josh Clark: Модель sentient design (это их версия алгоритмического дизайна). Она описывает разные модели взаимодействия пользователя с такими продуктами.
Инструменты дизайна
1. Canva купили инструмент Leonardo AI для генерации изображений по текстовому запросу.
2. Samsung: В новых телефонах можно сделать набросок на фото и он превратится в реалистичный объект или иллюстрацию.
Инструменты продуктивности
1. Miro Intelligent Canvas: Старые и новые ИИ-возможности Miro упаковали в концепцию Intelligent Canvas. Помимо генерации текста теперь можно создать диаграмму по текстовому запросу, написать бриф или ТЗ на основе идей на стикерах, получить помощь виртуального «скрам-мастера» по обработке результатов ретро. Виджеты также стали интерактивнее.
2. Google Gemini сделает Chrome ещё полезнее. Можно будет сравнить товары в разных вкладках, искать по истории страниц естественным языком и объяснить любое изображение на странице.
3. Big Medium: За последние пару стремительных лет популярные инструменты превратились из личного конкурентного преимущества в обычный productivity-инструмент. Условный Excel даёт много возможностей, но это уже базовая повседневная штука.
Разное новое
1. Виртуальный официант от Gatebox на базе GPT-4o, который может, предложить, например, повторить пиво, если видит пустой бокал.
2. SearchGPT: OpenAI запустили закрытую бету своего поисковика.
3. YouTube: Экспериментирует с помощью авторам в генерации идей — сюжеты, заголовки и обложки видео.
#ai #algorithms
Взаимодействие с такими инструментами
1. IBM: Метод описания ментальных моделей пользователей при проектировании продуктов с ИИ-функциями. Armon Burton, Gabby Hoefer, Claudia Richard, Milena Pribic, Hal Wuertz и Alex Baria рассказывают о нём и как устроен процесс исследования.
2. Feifei Liu: Примеры удачного дополнения строки текстового запроса в ИИ-чат-ботах привычными для графических интерфейсов наглядными кнопками, меню и дополнительными полями форм. Цикл снова повторяется — давным-давно так решали ограничения текстовых интерфейсов, лет 6 назад это происходило в недолгий бум ботов в мессенджерах.
3. Josh Clark: Модель sentient design (это их версия алгоритмического дизайна). Она описывает разные модели взаимодействия пользователя с такими продуктами.
Инструменты дизайна
1. Canva купили инструмент Leonardo AI для генерации изображений по текстовому запросу.
2. Samsung: В новых телефонах можно сделать набросок на фото и он превратится в реалистичный объект или иллюстрацию.
Инструменты продуктивности
1. Miro Intelligent Canvas: Старые и новые ИИ-возможности Miro упаковали в концепцию Intelligent Canvas. Помимо генерации текста теперь можно создать диаграмму по текстовому запросу, написать бриф или ТЗ на основе идей на стикерах, получить помощь виртуального «скрам-мастера» по обработке результатов ретро. Виджеты также стали интерактивнее.
2. Google Gemini сделает Chrome ещё полезнее. Можно будет сравнить товары в разных вкладках, искать по истории страниц естественным языком и объяснить любое изображение на странице.
3. Big Medium: За последние пару стремительных лет популярные инструменты превратились из личного конкурентного преимущества в обычный productivity-инструмент. Условный Excel даёт много возможностей, но это уже базовая повседневная штука.
Разное новое
1. Виртуальный официант от Gatebox на базе GPT-4o, который может, предложить, например, повторить пиво, если видит пустой бокал.
2. SearchGPT: OpenAI запустили закрытую бету своего поисковика.
3. YouTube: Экспериментирует с помощью авторам в генерации идей — сюжеты, заголовки и обложки видео.
#ai #algorithms
Medium
Design for AI: Understanding Mental Models
by Armon Burton (IBM), Gabby Hoefer (IBM), Claudia Richard (IBM), Hal Wuertz (Amazon), Alex Baria (UL)
🔥13❤5
В августе мини-подборок о пользовательских исследованиях пока не было:
1. MeasuringU: Сравнили исследование первого клика для одного и того же сайта в виде настоящей страницы в браузере и просто картины. Точность выбора конкретного места на странице сопоставима, а вот время у картинок сильно больше (важно помнить про это при тесте изображений).
2. Michaela Teicht, Patricia Haar и Arnd Engeln: Исследование двух подходов к интерьеру авто — обычный и беспилотный. Интересно с точки зрения методов и построения самих прототипов.
3. Dovetail: Типичные сценарии использования базы знаний и инсайтов.
4. Bill Albert: Напоминает, что нет большого смысла в юзабилити-тесте конкретного сценария использования продукта, у которого нет product-market fit. И перебирает некоторые известные способы замерить его.
5. Jeff Sauro и Jim Lewis: История появления и эволюции интерфейсной метрики SEQ (Single Ease Question). Это простая шкала, которую показывают в конце прохождения сценария использования.
6. NN/g: Как формулировать вопросы в опросниках, если тема – не всегда комфортная для пользователя и они могут либо не ответить, либо дать нечёткий ответ.
7. Steve Bromley: Как проводить игровые тесты для сразу нескольких игроков. Это позволяет в том числе собирать количественные данные.
#research
1. MeasuringU: Сравнили исследование первого клика для одного и того же сайта в виде настоящей страницы в браузере и просто картины. Точность выбора конкретного места на странице сопоставима, а вот время у картинок сильно больше (важно помнить про это при тесте изображений).
2. Michaela Teicht, Patricia Haar и Arnd Engeln: Исследование двух подходов к интерьеру авто — обычный и беспилотный. Интересно с точки зрения методов и построения самих прототипов.
3. Dovetail: Типичные сценарии использования базы знаний и инсайтов.
4. Bill Albert: Напоминает, что нет большого смысла в юзабилити-тесте конкретного сценария использования продукта, у которого нет product-market fit. И перебирает некоторые известные способы замерить его.
5. Jeff Sauro и Jim Lewis: История появления и эволюции интерфейсной метрики SEQ (Single Ease Question). Это простая шкала, которую показывают в конце прохождения сценария использования.
6. NN/g: Как формулировать вопросы в опросниках, если тема – не всегда комфортная для пользователя и они могут либо не ответить, либо дать нечёткий ответ.
7. Steve Bromley: Как проводить игровые тесты для сразу нескольких игроков. Это позволяет в том числе собирать количественные данные.
#research
Measuringu
First Click Times on Websites Versus Images – MeasuringU
❤7👍2
На конец июня прошёл половину цели на 2024 год — чтобы моя книга «Паттерны дизайн-менеджмента» попала к 5000 читателям. Это нишевая литература, где не будет тиражей в сотни тысяч, так что если в следующем году дожму до 10 000 — буду более, чем доволен. Спасибо всем, кто помог пройти первую контрольную точку :)
Кстати, теперь её можно заказать в любую страну мира. Наконец-то!
#book
Кстати, теперь её можно заказать в любую страну мира. Наконец-то!
#book
❤77👍32🔥18🤯1
Летом авторы статей чилят, поэтому мини-подборки реально мини. Ну и вы не перестарайтесь читать эту малютку о дизайн-системах:
1. Adobe: Канонический подход к обновлению пиктограмм. Isabelle Hamlin рассказывает о процессе и всех важных нюансах.
2. Decathlon: Отличная памятка о том, как наладить связь между дизайн-системой в Figma и коде. Он советует начинать с простых вещей и постепенно усиливать взаимодействие между дизайнерами и разработчиками.
3. Lyft: Как происходит процесс добавления компонента.
4. Storybook 8.2. Там же тизернули то, что войдёт в версию 8.3.
#designsystems
1. Adobe: Канонический подход к обновлению пиктограмм. Isabelle Hamlin рассказывает о процессе и всех важных нюансах.
2. Decathlon: Отличная памятка о том, как наладить связь между дизайн-системой в Figma и коде. Он советует начинать с простых вещей и постепенно усиливать взаимодействие между дизайнерами и разработчиками.
3. Lyft: Как происходит процесс добавления компонента.
4. Storybook 8.2. Там же тизернули то, что войдёт в версию 8.3.
#designsystems
adobe.design
Designing design systems: Constructing an icon system
A process for creating a unified brand experience through iconography
👍9❤7🔥3
Свежая мини-подборка о дизайн-менеджменте:
1. Stephen P. Anderson: Матрица 2x2 для выбора дизайн-процесса под конкретную продуктовую задачу. Она зависит от степени риска и проработанности идеи.
2. Jeff Patton: Канва описания продукта и его пользователей. Её интересность в детальном описании типов пользователей и их сценариев использования.
3. NN/g: Своя градация уровня карьеры дизайнера интерфейсов.
4. Виталий Фридман: Метод рабочих сессий «event storming». Он детально показывает менеджерам продуктов и команде дизайн-процесс, чтобы провести его по уму.
Напомню, что вот-вот стартует новый поток моего курса «Паттерны дизайн-менеджмента», куда ещё можно успеть вписаться.
#management
1. Stephen P. Anderson: Матрица 2x2 для выбора дизайн-процесса под конкретную продуктовую задачу. Она зависит от степени риска и проработанности идеи.
2. Jeff Patton: Канва описания продукта и его пользователей. Её интересность в детальном описании типов пользователей и их сценариев использования.
3. NN/g: Своя градация уровня карьеры дизайнера интерфейсов.
4. Виталий Фридман: Метод рабочих сессий «event storming». Он детально показывает менеджерам продуктов и команде дизайн-процесс, чтобы провести его по уму.
Напомню, что вот-вот стартует новый поток моего курса «Паттерны дизайн-менеджмента», куда ещё можно успеть вписаться.
#management
Medium
The Process Selection Matrix: A 2x2 for Enlightened Product Teams
Ugh. Every week. Another debate about process…
🔥9❤2👍2
Что нового по свежим интерфейсным паттернам и лучшим практикам? Вот что:
1. Casper Kessels: Шикарный и дотошный рассказ о работе над автомобильным интерфейсом Snapp Automotive. Это платформа на базе Android Auto, которую будут устанавливать производители машин.
2. IBM: Как проверять интерфейсы и отдельные компоненты на соответствие стандарту accessibility WCAG 2.2.
3. Hardik Pandya: Советы по грамотной и своевременной отправке push-уведомлений в мобильных приложениях. Правда, некоторые советы про избыточную навязчивость, но в целом норм.
4. NN/g: Обновили классическую статью Якоба Нильсена с лучшими практиками использования вкладок в интерфейсах.
5. Rauno Freiberg: Проводит параллели между показом «глубины» в интерфейсах и кино. Он разбирает примеры из iOS и iPadOS, где это хорошо реализовано.
6. Lucid: Стандартизация интерфейса соединения объектов стрелками в инструментах для диаграмм.
7. Baymard: Советы по оптимизации интерфейса поисковых подсказок. С фокусом на интернет-магазины, но они применимы плюс-минус везде.
#patterns
1. Casper Kessels: Шикарный и дотошный рассказ о работе над автомобильным интерфейсом Snapp Automotive. Это платформа на базе Android Auto, которую будут устанавливать производители машин.
2. IBM: Как проверять интерфейсы и отдельные компоненты на соответствие стандарту accessibility WCAG 2.2.
3. Hardik Pandya: Советы по грамотной и своевременной отправке push-уведомлений в мобильных приложениях. Правда, некоторые советы про избыточную навязчивость, но в целом норм.
4. NN/g: Обновили классическую статью Якоба Нильсена с лучшими практиками использования вкладок в интерфейсах.
5. Rauno Freiberg: Проводит параллели между показом «глубины» в интерфейсах и кино. Он разбирает примеры из iOS и iPadOS, где это хорошо реализовано.
6. Lucid: Стандартизация интерфейса соединения объектов стрелками в инструментах для диаграмм.
7. Baymard: Советы по оптимизации интерфейса поисковых подсказок. С фокусом на интернет-магазины, но они применимы плюс-минус везде.
#patterns
The Turn Signal - a Blog About automotive UX Design
How We Designed a White-Label In-Car Infotainment System
Over the past two years, we created an infotainment system as a product, here is a look inside our design process.
❤15👍1🔥1
Дайджест продуктового дизайна за август 2024. Метрики дизайн-систем, подходящий дизайн-процесс, тренды в логотипах, автомобильные интерфейсы, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS
❤10🔥3
Выгрузка свежего о пользовательских исследованиях №61:
1. Jim Lewis и Jeff Sauro: Запустили изучение способов замерить «замусоренность» интерфейса. В первой части они изучают уже существующие наработки других исследователей. В следующих попробуют вывести свой собственный опросник.
2. User Interviews: Памятка по ранжированию обратной связи от пользователей. Их собственная шкала и её использование для разных способов сбора обратной связи.
3. Jonathan Richardson: Разбирается в ситуации на рынке пользовательских исследований. Многие международные компании в ходе сокращений последних лет сильно подрезали команды, что поменяло подход к пониманию пользователей.
4. Jeff Sauro и Jim Lewis: Нюансы использования интерфейсной метрики TAC-10, которая оценивает техническую подкованность пользователей.
5. Steve Bromley: Особенности проведения игровых тестов с детьми.
6. User Interviews: Памятка по ключевым пунктам подготовки и проведения исследований.
#research
1. Jim Lewis и Jeff Sauro: Запустили изучение способов замерить «замусоренность» интерфейса. В первой части они изучают уже существующие наработки других исследователей. В следующих попробуют вывести свой собственный опросник.
2. User Interviews: Памятка по ранжированию обратной связи от пользователей. Их собственная шкала и её использование для разных способов сбора обратной связи.
3. Jonathan Richardson: Разбирается в ситуации на рынке пользовательских исследований. Многие международные компании в ходе сокращений последних лет сильно подрезали команды, что поменяло подход к пониманию пользователей.
4. Jeff Sauro и Jim Lewis: Нюансы использования интерфейсной метрики TAC-10, которая оценивает техническую подкованность пользователей.
5. Steve Bromley: Особенности проведения игровых тестов с детьми.
6. User Interviews: Памятка по ключевым пунктам подготовки и проведения исследований.
#research
Measuringu
In Search of a Clutter Metric for Websites – MeasuringU
❤9👍3
На очереди мини-подборок — алгоритмический дизайн:
Взаимодействие с такими инструментами
1. NN/g: Памятка по генерации контента для интерактивных прототипов с помощью ChatGPT или Claude. Как получить его и вставить в прототип.
Инструменты дизайна
1. Flux: Генератор фото и иллюстраций по текстовому запросу от выходцев из Stable Diffusion. Как работать с ним.
2. Craftium AI: Конструктор сайтов на базе алгоритмического дизайна. Подбирает основной шаблон страницы, генерирует графику и тексты.
3. Midjourney: Теперь может генерировать изображения прямо на своём сайте, без нужды захода в Discord. Снова есть бесплатные 25 картинок на попробовать.
4. Lykos AI: Пакетный менеджер, который упрощает установку дополнений для инструмента алгоритмического дизайна Stable Diffusion.
5. Procreate: Со-основатель и глава графического редактора сделал сильное заявление про генеративный ИИ. Они считают это тупиковой веткой развития и никогда не пойдут в эту сторону.
Создание видео
1. Adobe Firefly: Скоро запустит генерацию видео. Будет работать по текстовому запросу или на основе существующей картинки. Можно также расширить существующее видео.
2. Runway: Теперь можно стилизовать существующее видео. Можно поменять стиль в целом, время суток, погоду или добавить спецэффекты.
3. YandexART (Vi): Теперь умеет генерировать короткие видео.
Инструменты продуктивности
1. Microsoft Copilot Pages: Инструмент совместной работы с результатами выдачи чат-бота. Облегчает сбор информации по проекту из кучи источников.
Разное новое
1. ChatGPT o1: Новая модель, которая заточена под рассуждения при решении задач (например, в точных и естественных науках). Отладка кода тоже стала лучше.
2. Google Gemini Gems: Теперь можно создавать вариации чат-ботов под свои задачи.
3. Ethan Mollick: Показывает прогресс генеративных инструментов за два года на нескольких примерах (изображения, видео, звук).
#ai #algorithms
Взаимодействие с такими инструментами
1. NN/g: Памятка по генерации контента для интерактивных прототипов с помощью ChatGPT или Claude. Как получить его и вставить в прототип.
Инструменты дизайна
1. Flux: Генератор фото и иллюстраций по текстовому запросу от выходцев из Stable Diffusion. Как работать с ним.
2. Craftium AI: Конструктор сайтов на базе алгоритмического дизайна. Подбирает основной шаблон страницы, генерирует графику и тексты.
3. Midjourney: Теперь может генерировать изображения прямо на своём сайте, без нужды захода в Discord. Снова есть бесплатные 25 картинок на попробовать.
4. Lykos AI: Пакетный менеджер, который упрощает установку дополнений для инструмента алгоритмического дизайна Stable Diffusion.
5. Procreate: Со-основатель и глава графического редактора сделал сильное заявление про генеративный ИИ. Они считают это тупиковой веткой развития и никогда не пойдут в эту сторону.
Создание видео
1. Adobe Firefly: Скоро запустит генерацию видео. Будет работать по текстовому запросу или на основе существующей картинки. Можно также расширить существующее видео.
2. Runway: Теперь можно стилизовать существующее видео. Можно поменять стиль в целом, время суток, погоду или добавить спецэффекты.
3. YandexART (Vi): Теперь умеет генерировать короткие видео.
Инструменты продуктивности
1. Microsoft Copilot Pages: Инструмент совместной работы с результатами выдачи чат-бота. Облегчает сбор информации по проекту из кучи источников.
Разное новое
1. ChatGPT o1: Новая модель, которая заточена под рассуждения при решении задач (например, в точных и естественных науках). Отладка кода тоже стала лучше.
2. Google Gemini Gems: Теперь можно создавать вариации чат-ботов под свои задачи.
3. Ethan Mollick: Показывает прогресс генеративных инструментов за два года на нескольких примерах (изображения, видео, звук).
#ai #algorithms
Nielsen Norman Group
Leverage AI for Mock Tables and Charts When Testing Prototypes
Creating realistic data for prototypes is a chore. Use these prompting tactics with generative AI to enhance content fidelity in usability testing.
❤19👍2