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

2020-11-09 10:24:04 Конференция Fintech Design Conf 2020 пройдет 12 ноября в онлайне. Дизайн-команды современных банков и финансовых сервисов покажут, что интересного происходит в отрасли, и расскажут, куда движется индустрия. N26, Тинькофф Инвестиции, Альфа-Банк, Райффайзенбанк, Home Credit Bank, Сбер, Открытие Брокер, БКС, AIC и Контур поговорят о дизайн-системах, бренде, пользовательских исследованиях и других аспектах современной продуктовой работы.

Я 8 лет со-организовывал Mail.ru Design Conf / Moscow Dribbble Meetup, так что не мог бросить одно из любимых занятий :) Мы начинали её с 70 слушателей в подмосковной глуши, а в прошлом году на ней было 1100 человек в зале и 20 000 в онлайне.

Fintech Design Conf — пока новый бренд и название, но мы собрали уже более 4000 регистраций. Мы вложили много сил в то, что бы это не было обычной Zoom-конференцией. Участие, как всегда, бесплатно.

P.S. За обновлениями можно также следить в Телеграме.

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

2020-11-05 10:24:09 Собрал дайджест продуктового дизайна за октябрь 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— Facebook
— vc.ru
— ВКонтакте
— Рассылка по почте

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

2020-11-02 10:24:04 ​С каждым мини-выпуском дайджеста подборка о пользовательских исследованиях всё жирнее и бодрее. Пришлось удалить половину, чтобы хоть как-то влезло в пост:

1. Авито: Новая модель работы — множество фрилансеров, готовых быстро подхватить проект.

2. Dropbox: Демократизация пользовательских исследований. Как они обучают и вовлекают дизайнеров и менеджеров продуктов, освобождая время профессиональным исследователям для стратегических проектов.

3. Condens: Сервис для базы знаний и инсайтов. Статья от со-основателя.

4. Jonathan Richardson: Процесс создания базы знаний и инсайтов. У него простая версия — каталог отчётов, без разделения на отдельные инсайты. Он также показывает свой формат описания потребностей пользователей и рассказывает, как стандартизировал весь набор под него.

5. Вадим Шлячков: Анализ научных работ на тему исследования эмоций пользователя. В реальности оценивать их сложно.

6. Jim Kalbach и Elaine Matthias: Сайт с обучающими материалами и шаблонами в дополнение к книге о Jobs to be Done. А ещё он объяснил её обложку: на ней и трубочка для молочного коктейля (отсылка к концепции Clayton Christensen), и сверло дрели (концепция Theodore Levitt). Это две школы мысли — работа как прогресс и как процесс. Они работают на разных уровнях.

7. Facebook: Методы тестирования контента и интерфейсных текстов. Часть из них универсальны (например, 5-секундный тест), но часть — необычные приёмы.

8. Во время карантина дом стал офисом для значительной части людей. Larry S. McGrath из Facebook рассказывает о важности конкретных мест и комнат, где пользователи работают с продуктом.

9. Flexport: Адаптация исследователей к миру карантина.

10. NN/g: Подстраховка на случай, если респондент не пришёл.

11. Контур: Основные понятия при рекрутинге респондентов. Как строится грамотная выборка.

12. Jeff Sauro и Jim Lewis: Как размечать найденные пользователями ошибки в немодерируемом юзабилити-тестировании.

13. Jim Lewis и Jeff Sauro: Насколько корректно использовать в опросах эмоджи вместо стандартных ответов. Данные не ухудшаются, но и смысла в этом нет.

Плотнее уже не впихнуть.

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

2020-10-29 10:24:04 ​В дайджесте много любимых тем, особенно — обзоры дизайн-систем. Немного статей подобралось затем, чтоб было с дизайном у вас je t'aime:

1. Nathan Curtis: Мощнейший разбор принципов именования токенов. Все возможные варианты и подходы в одной статье.

2. Spotify: Истории развития дизайн-систем в компании и текущем подходе Encore.

3. Google: Как появилась фирменная плавающая кнопка в Material Design. Она стала одним из самых ярких элементов интерфейса, усилившим этот внутренний бренд.

4. IBM: Анализируют опыт работы над дизайн-системой Carbon. Она даёт серию советов начинающим — местами очевидных, но всё равно полезных.

5. Lyft: Особенности работы с цветом.

6. WebNL: Неудачная попытка старта и успех со второй.

7. Ahmad Shadeed: Подробная памятка по переменным в CSS, самой простой реализации токенов в дизайн-системах.

На концовку дурацкого стишка нет, но это и хорошо.

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

2020-10-26 10:24:03 ​На недавней конференции Adobe MAX 2020 традиционно показали пачку экспериментов с Adobe Sensei. Правда, в этот раз было жиденько — видимо, Adobe тоже видят, что тема алгоритмического дизайна затухает.

1. 2D Plus: помощь в создании двухмерных иллюстраций, на которых присутствует глубина и перспектива. Позволяет автоматически расставить объекты по удалённости, добавить освещение и тени.

2. Comic Blast: автоматизация создания простых комиксов. Делает сетку сцен и фразы героев на основе текстового сценария, помогает в оформлении. Правда, в комментариях к видео профессиональные художники комиксов разнесли концепт, как Танос — половину вселенной.

3. Typographic Brushes: моментально создаёт шрифт на основе нескольких штрихов кистью в Adobe Fresco.

4. Sharp Shot: улучшает резкость кадров в видео.

Негусто. Но я понял, что в беготне не делал подборку экспериментов алгоритмического дизайна с Adobe MAX 2019. Держите немношк:

1. Body Tracker: технология, которая позволит отслеживать движения человека и применять их в анимации. Body Tracker призван облегчить традиционный процесс анимации, уменьшив количество кейфреймов. Есть вероятность, что подобный инструмент скоро увидим в After Effects.

2. Fantastic Fonts: добавляют к обычным шрифтам множество настраиваемых параметров. Так, используя акселерометр устройства, можно анимировать надпись и добавлять эффекты движения.

3. Project Image Tango: позволит применить рисунок и текстуру с одной картинки к другой. Тут опять работает Sensei, который (нам кажется, с помощью свёрточной нейросети) вычленяет признаки с одного изображения и переносит на другое. Помимо того, можно создать ряд «переходных» изображений.

4. В Premiere Pro появился умный инструмент Auto Reframe, который обрезает видео под разные соцсети. Указываешь насыщенность движения в ролике, и инструмент сам за тебя генерирует ключевые кадры, по которым потом и будет происходить обрезка всего видео.

В отличие от стартапов-дрозофил, Adobe внедряет многое из этого в реальные продукты. И эта магия постепенно становится обычным повседневным инструментом.

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

2020-10-22 10:24:04 ​В этом году титульная презентация новых продуктов и экспериментов Adobe MAX 2020 прошла с 20 по 22 октября в интернете. Килотонна полезных выступлений от создателей инструментов и просто дизайнеров. Вот что там анонсировали:

XD: Октябрьское обновление. Появилась совместная работа над макетом, 3D-трансформация элементов, общая работа над дизайн-системой через библиотеки Creative Cloud, вложенные компоненты и их состояния, интеграция с Visual Studio Code. Они также создали формат DSP (Design Systems Package) для стандартного описания дизайн-систем.

Photoshop: Замена неба на фото с цветокоррекцией окружения. Нейросетевые фильтры на базе платформы Sensei: перенос стиля, расцветка чёрно-белых фото, увеличение элементов маленького изображения с улучшением качества, туман, мощные трансформации портрета (поменять эмоцию, возраст, поворот головы, очистить недочёты). Улучшенное распознавание шрифтов. Развиваются контенто-зависимый выбор части изображения, обтравки и заливки.

Illustrator: Быстрое перекрашивание иллюстрации на основе цветов другого изображения, больше возможностей работы со шрифтами и общие интерфейсные улучшения.

Illustrator для iPad: Доступен для всех. Как его делали.

InDesign: Обсуждение макетов командой в браузере, поиск и замена цвета, улучшенное обтекание текста.

Fresco для iPhone: Инструмент для иллюстраторов теперь и на телефоне. В основной версии также много улучшений.

After Effects: Доработанный режим работы с 3D.

Aero 2.0: Бета-версия инструмента для дизайна в дополненной реальности.

Creative Cloud: Можно вести стриминг работы над макетом или обсуждать их командой в Photoshop, Illustrator и Fresco. Поддержка большего количества документов: видео, модели и т.п. Версионирование в Photoshop.

Плагины по всем продуктам развиваются как цельный магазин дополнений. Теперь ими можно централизованно управлять через десктопное приложение. Фреймворк для их написания обновился, а сторонние сервисы теперь могут работать с библиотеками Creative Cloud.

Ещё одна интересная инициатива — проверка аутентичности дизайна. Они изучают историю создания и изменения изображений, что помогает ловить ворованные работы и фейки.

Компания тоже транслирует посыл, что инструменты убирают рутину, освобождая время для креатива. Я много раз отмечал, что Adobe — главная компания, которая внедряет идеи алгоритмического дизайна на практике. И делает вчерашнюю магию привычным повседневным инструментом. В следующем обзоре пройдусь по их свежим экспериментам в алгоритмическом дизайне.

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

2020-10-12 10:24:04 Собрал дайджест продуктового дизайна за сентябрь 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— vc.ru
— Рассылка по почте

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