Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны, кейсы и тренды с 2009 года. 50 000 читателей на vc, Хабре и других каналах:

ВК — https://vk.com/pdigest
FB — https://www.facebook.com/groups/pdigest/
Рассылка — http://eepurl.com/bu61XX

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

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

#digest

Подборка-подборочка про пользовательские исследования. Ловите жменю ссылок:

1. Готовность британских респондентов вернуться к обычным пользовательским исследованиям в офлайне. 72% уже готовы (правда, больше половины из них уже бывали на таких сессиях). Обзор ключевых выводов.

2. Структурированная памятка по вопросам при проведении интервью.

3. Как конвертировать любую шкалу опроса типа SUS в значение от 0 до 100. Оно, как правило, проще для общения внутри продуктовой команды. То же для 5 и 7 вариантов ответа.

4. Выборка респондентов для проведения сравнительных исследований.

5. Три типа персонажей: экспертный путь, качественные исследования, количественный опрос. Плюсы, минусы и подводные камни каждого.

6. Каталог инструментов для удалённых пользовательских исследований.

7. Формат отчёта о пользовательском исследовании, который продуктовая команда сможет прочитать и понять.

8. Вкусвилл: изменение поведения покупателей в период карантина.

9. Яндекс Взгляд сделал интерфейс для быстрого удалённого юзабилити-тестирования простых прототипов на аудитории Яндекс Толоки. Дёшево (999 ₽) и быстро, но к аудитории Толоки всегда были вопросы.

10. Стоит ли использовать шкалу рейтинга со звёздами вместо цифр.

Никак не получается меньше десятки :(

#research

https://www.peopleforresearch.co.uk/blog/2020/06/participants-face-to-face-research/

Report: 72% of participants are ready to go back to face-to-face research

We’ve involved our online community in research about going back to face-to-face sessions and put together a free report to share our findings.
| People For Research

Лёгкая добавка к коллекции материалов о создании тёмной темы оформления. Для тех, кто хочет иногда побыть мрачным, как во вселенной DC:

1. Годная памятка по разным аспектам реализации тёмной темы оформления в вебе от Adhuham. Больше про вёрстку, но достаточно развёрнуто.

2. GitLab: как внедряли. Для редакторов кода это стандарт, но сам веб-интерфейс нужно было проработать.

3. Вариативный шрифт от Dalton Maag, оптимизированный для светлой и тёмной темы оформления.

4. Инструкция от Jecelyn Yeen.

5. Телеканал Пятница сделал тёмную тему для ночного эфира. После 23:00 яркие и громкие проморолики заменит тихая, спокойная айдентика со сказками и стихотворениями.

6. Ростелеком Ключ. Правда, только дизайнерская часть, без дизайн-системы в коде.

7. Ну и на сдачу — лучшая в мире переключалка (в правом верхнем углу).

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

#designsystems #darkmode

https://jvetrau.com/darkmode/

Тёмная тема оформления - Юрий Ветров об интерфейсах

Собрал вместе все материалы о тёмной теме оформления, которые выходили в дайджесте.Гайдлайны платформMaterial DesignСтатьи и выступления дизайнеров Google: Пара слов от их дизайнеров How to Design a Dark Theme Using…
| Юрий Ветров об интерфейсах

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

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

#digest

Очень примерная хронология развития инструментов алгоритмического дизайна.

#ai #algorithms

Восемь лет я собираю примеры алгоритмического дизайна. Это инструменты, которые должны (были) упростить построение интерфейса, подготовку графики и контента, а также персонализацию продукта (оригинальная статья). Три года назад я запустил сайт-коллекцию и регулярно делал мини-подборки интересных экспериментов и инструментов.

Но в прошлом году тема потихоньку сдулась — возможно, вы заметили, что я давно не делал свежих подборок. Причины три:
1. Обещания были сильно завышены, смехотворно малый процент пошёл дальше концептов.
2. То, что реально работает, быстро начинает восприниматься «а что тут такого, так и должно было быть всегда».
3. Человеческий труд, к сожалению, бывает дёшев и проще нанять пачку дешёвых фрилансеров с Fiverr, чем писать сложные технологические решения.

Самостоятельных инструментов толком не появилось — команды долго пилили их на деньги инвесторов, но за годы научились делать только самые примитивные вещи. Сто двадцать пятый конструктор промо-сайтов или генератор логотипов больше не выглядят прорывом — ни по факту, ни как прокапывание новых территорий. Короче, аналог Autodesk Dreamcatcher для цифрового дизайна не случился, а эту модель все считали как основную. Реальный прогресс есть в улучшении массовых продуктов от Adobe (они поставили внедрение реально прорывных функций на поток) и Microsoft (много важных улучшений в MS Office). Поэтому главное событие в мире алгоритмического дизайна — секция Sneaks на Adobe MAX. Эти эксперименты постепенно попадают в основные продукты.

Примеры из коллекции:
— Айдентика и логотипы: Brandmark и LogoJoy
— Конструкторы сайтов: uKit AI
— Adobe: десятки экспериментов на базе платформы Sensei, многие из которых вошли в массовые продукты

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

Примеры из коллекции:
Einstein Designer
Netflix (продолжение)
Oi
Nutella Unica
Bubble Comics
This Person Doesn't Exist
Alibaba и их LuBan
Яндекс Маркет

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

Примеры из коллекции:
Airbnb: Sketching Interfaces
— Генераторы интерфейсов: UI Bot и плагин для Sketch BillUI
— Логотипы: LoGAN
— Анимация: Photo Wake-Up
— Фото: Nvidia GauGAN

Четвёртая категория — это банальное шарлатанство, когда ключевые слова «нейросеть», «искусственный интеллект» или «машинное обучение» добавляют к прозаичным решениям типа генераторов цветовых палитр. А то и вовсе врут, привлекая внимание к простейшему алгоритму. Таких примеров на Product Hunt хватает.

Такое в коллекцию не попадает.

#ai #algorithms

В приличном обществе в анонсах алгоритмического дизайна принято показывать технологическое обоснование — абсолютное большинство дельных экспериментов делают это. Многие публикуют код на GitHub. Кто-то показывает видео рабочего процесса с инструментом. Шарлатанам достаточно пресс-релиза или пустого видео-ролика с изображением культурных кодов «умная штука» — примерно как показывали хакеров в фильмах 90х, взламывающих сервер по IP в адресной строке браузера.

Жаль, что у многих СМИ и дизайнеров отсутствует критическое мышление и проверка фактов. При том что на рынке полно примеров надувания пузыря — Juicero, Theranos, ё-Мобиль и многие другие. Тем более печально, когда речь идёт об уходящем тренде, о котором было достаточно написано в последние годы.

Как и на любом рынке, в отечественном дизайне хватает компаний и команд мирового уровня, много крепких локальных игроков. Хватает и откровенно слабых, которые заменяют реальные достижения пресс-релизами и показухой на уровне представителей стареющей телевизионной эстрады. Эпатаж не оправдывает позорный результат. Уверен, что ориентироваться нужно на первых — таких ребят хватает как среди дизайн-агентств, так и среди продуктовых компаний. Тогда общий уровень профессии будет расти, а не оставаться местечковым.

Если подытожить 8 лет наблюдения за алгоритмическим дизайном (и 4 года его активного развития):

Плохая новость: экзоскелета для дизайнера не получилось — в лучшем случае палки для спортивной ходьбы.

Хорошая: мы сейчас внизу кривой хайпа Gartner. Нереализованные обещания уже случились и поток попыток сотворить чудо уменьшился. Зато продолжают появляться реальные внедрения в массовые продукты, которые влияют на жизнь людей. И здесь главный локомотив — Adobe (а Autodesk поставили генеративный дизайн на поток работы с клиентами). Это гораздо сложнее, чем выдавать поделку за технологический прорыв. Но это реально решает задачи, ради которых работает дизайнер.

P.S. Сайт-коллекцию я какое-то время не обновлял — нужно переехать на новый движок. Накопились пара десятков ссылок — подпишитесь на рассылку, чтобы не пропустить.

#ai #algorithms

https://www.forbes.com/sites/bizcarson/2017/09/01/silicon-valleys-infamous-400-juicer-startup-is-shutting-down/

Silicon Valley's Infamous $400 Juicer Startup Is Shutting Down

Juicero, the maker of a $400 juicer, is suspending its operations and looking for a buyer.
| Forbes

Вчера Apple показали iOS 14 на WWDC 2020, которая, как и всё остальное в этом году, прошла в онлайне. Традиционно подсветил обновления, которые касаются дизайнеров интерфейсов:

iOS 14:

1. Виджеты на главном экране. Теперь, как и на Android, его легко замусорить. Давний закон гласит: 95% пользователей не настраивают интерфейс (и редко меняют предустановленные производителями устройств настройки). Гайдлайны.

2. Siri не перекрывает экран, а показывает фирменный абстрактный знак внизу и плашку с результатом вверху.

3. Звонки также не перекрывают экран, а показываются в виде плашки вверху.

4. Мини-версии сайтов и приложений без установки по QR-коду или NFC. Предполагает помощь в простых действиях вроде зачисления баллов в программе лояльности кофейни, где лень ставить приложение. Правда, это работает только со своим форматом QR-кодов, а значит вряд ли получит нормальный охват. Гайдлайны.

5. Наглядная информация о собираемых приложением данных (примерно как пищевая ценность продукта).

6. Открытие машины с телефона, которое постепенно поддержат крупные автопроизводители.

7. Режим «картинка в картинке», позволяющий свернуть любое видео до маленького размера и перемещаться между приложениями.

8. Можно будет сменить браузер и почту по умолчанию, что немного повысит охват сторонних клиентов.

9. Экран умного дома лучше показывает текущий статус устройств.

iPadOS 14:

1. Постоянная боковая панель навигации, что ещё ближе к десктопным приложениям.

2. Универсальный поиск в духе spotlight.

3. Распознавание рукописного текста и фигур.

watchOS 7:

Позволяет комбинировать информацию из нескольких приложений на экране. Развитие возможностей отслеживания здоровья и помощи в занятиях спортом. Из актуальной повестки: смотрит, насколько эффективно моете руки.

macOS:

Обновление интерфейса, делающее его ещё немного визуально ближе к iOS.

И ещё на шаг назад к скеоморфизму — иконки приложений теперь с мусорными тенями и детализацией (ой, не тот скриншот), а ползунки получили объём. Маятник дизайнерских трендов неумолим, даже если с ним выплёскиватеся самоуважение к принципам, о которых ты рассказывал с пеной у рта ещё позавчера. Тот неловкий момент, когда даже неоморфизм не так плох.

Бета-версии уже можно поставить, а финальные выйдут, как обычно, в сентябре. Это чутка поинтереснее и полезнее Android 11, который запинали под ковёр.

#ios #trends #events

https://www.apple.com/ios/ios-14-preview/

iOS 14 Preview

iOS 14 features reimagined iconic phone experiences, updates to the apps you use every day, all-new App Clips, new privacy measures, and more.
| Apple

Съешь этих мягких французских булок, да выпей чаю. Это приветственное предложение ничего не значит и не имеет отношения к подборке о пользовательских исследованиях, но с большой долей вероятности привлекло ваше внимание:

1. Joom: Три проблемных способа интеграции пользовательских исследователей в продуктовых компаниях: они проводятся только силами дизайнеров и менеджеров либо только внутри UX-лаборатории, а где-то и вовсе не существуют.

2. Jeff Sauro и Jim Lewis: Как опредлить процент успешно завершённых сценариев в удалённом немодерируемом юзабилити-тестировании. Они предлагают аппроксимацию из ответов на SUS и SEQ.

3. Jim Lewis и Jeff Sauro: Сравнительное исследование корпоративного ПО. Они сравнили их по метрикам SUS и NPS.

4. NN/g: Опрос UX-специалистов на тему проведения разведочных пользовательских исследований.

5. Steve Bromley: Приложил методы пользовательских исследований к основным этапам модели двойного алмаза. Как и на какой стадии проверить гипотезы.

5. Rachel Miles: Airtable для хранения находок из пользовательских исследований. Она базируется на старой инструкции от самого сервиса.

6. Deliveroo: Архив отчётов о проведённых пользовательских исследованиях. Они пошли простым путём — сделали хорошо организованный список, не стали делать выдержки конкретных находок.

7. NN/g: Разница между шкалой Лайкерта и семантическим дифференциалом. Это два популярных вида вопросов с градацией ответов в пользовательских исследованиях.

8. Jeff Sauro и Jim Lewis: Обзор своих выкладок о нюансах использования шкал опросов.

9. ELEKS: Грамотные вопросы на интервью с пользователями в ходе исследований.

10. Paul Boag: Методы тестирования дизайн-концептов.

Но раз уж вы прочитали этот выпуск, то чаю утром понедельника заварить можно :)

#research

https://gopractice.ru/integration-ux-research/

Как правильно интегрировать исследования пользователей и рынка в вашу продуктовую команду - GoPractice!

Эту статью написала Анна Кон. Сейчас Аня выстраивает систему исследований в компании Joom. До этого создавала UX-лабораторию для МТС и проводила исследования в Яндексе. Занимается исследованиями уже более 10 лет. Далее повествование ведется от лица автора. Большинство компаний на рынке пребывают в одном из следующих состояний или где-то на спектре между ними: исследования – монополия отдела исследований; в компании каждый […]
| GoPractice!

Собрал дайджест продуктового дизайна за май 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Кстати, это сотый выпуск! Около 10 000 ссылок за 10 лет. Предыстория и благодарности всем, кто помогал в разные периоды. Сейчас его суммарно читают порядка 250 000 человек на разных площадках:
— Телеграм: 30 000
— Facebook: 19 500
— Рассылка: 5000
— ВК: 210 000
— Дайджест в блоге: 4000 в месяц
vc.ru: 4000 в месяц
— Хабр: 2000 в месяц

#digest