Будущее у голосовых интерфейсов получше, чем у покрывающихся пылью ботов. Продажи устройств бодро растут, а основные платформы стремительно обзаводятся партнёрствами и интеграциями во всё, что подключено к электричеству и интернету. К концу года прогнозируют 100 миллионов устройств (https://voicebot.ai/2018/07/10/smart-speakers-to-reach-100-million-installed-base-worldwide-in-2018-google-to-catch-amazon-by-2022/); уже 20% американских семей имеют умную колонку (https://www.comscore.com/Insights/Blog/Smart-Speaker-Penetration-Hits-20-Percent-of-US-Wi-Fi-Households). Ну а отечественные хайпожоры вчера стояли в очереди за Алисой. Были вы там или нет, изучить тему полезно.

Главная книжка — Designing Voice Interfaces от Cathy Pearl — https://www.safaribooksonline.com/library/view/designing-voice-user/9781491955406/. Она, кстати, руководит дизайном Google Assistant и описывала недавно основные особенности проектирования голосовых интерфейсов ― https://www.uxmatters.com/mt/archives/2018/05/making-the-shift-from-designing-guis-to-designing-vuis.php.

У каждой крупной платформы есть гайдлайны по проектированию интерфейсов для них:
1. Amazon Alexa — https://developer.amazon.com/alexa-skills-kit/design.
2. Google Assistant — https://designguidelines.withgoogle.com/conversation/
3. Microsoft Cortana — https://docs.microsoft.com/en-us/cortana/voice-commands/voicecommand-design-guidelines
4. Apple Siri — https://developer.apple.com/design/human-interface-guidelines/ios/system-capabilities/siri/
5. Яндекс Алиса — гайдлайнов по дизайну пока нет, но есть общая документация https://tech.yandex.ru/dialogs/alice/doc/development-docpage/

Лучше всего развита экосистема Alexa — для неё хватает инструментов и интересных экспериментов (у платформы более 50% рынка). Например:

1. Онлайн-сервис Storyline для создания навыков — https://getstoryline.com/.

2. Echoism для их тестирования — https://echosim.io/.

3. Rafal Cymerys из Upside показывает эксперимент по голосовому управлению StarCraft II на базе Alexa — https://blog.upsidelab.io/design-voice-user-interface-starcraft/. Он неплохо подходит для операций, включающих последовательность нескольких примитивных действий, хотя базовые операции всё же проще делать через мышь и клавиатуру.

4. Хватает голосовых игр и квестов вроде Jurassic World — https://www.engadget.com/2018/06/22/jurassic-world-revealed-alexa-voice-game/. Есть интересные комбинации с настолками — https://www.engadget.com/2018/06/29/alexa-when-in-rome-board-game/. И даже Skyrim в ироничном виде — https://www.polygon.com/e3/2018/6/11/17448080/skyrim-alexa-iphone-android-how-to-play.

Кучу свежих новостей и актуальной статистики можно найти на сайте Voicebot — https://voicebot.ai/. А вот просто парочка относительно свежих статей на тему:

1. Несколько стендап-комиков оценили юмор умных помощников Amazon Alexa, Apple Siri, Google Assistant и Microsoft Cortana — https://www.engadget.com/2018/06/26/siri-alexa-cortana-google-jokes/. Например, в Google работает отдельная команда писателей, которые обеспечивают шутки.

2. Jacky Li из Connected Lab провел несколько пользовательских исследований на тему управления функциями машины с помощью сенсорного экрана и голоса — https://uxdesign.cc/why-touchscreens-dont-work-in-cars-69b6ff3d4355. Сенсорные экраны, очевидно, отвлекают водителя. Но и голосовое управление не лучше (свежая статья Nielsen/Norman Group приводит конкретные причины — https://www.nngroup.com/articles/distracted-driving-ux/).

3. Памятка Frederik Goossens по проектированию голосовых интерфейсов — https://www.toptal.com/designers/ui/designing-a-vui.

Это только небольшой срез из интересных и важных для дизайнера штук. Держите себя в курсе, есть шанс что скоро пригодится в работе.

#voiceui

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

Nielsen/Norman Group провели дотошное пользовательское исследование голосовых помощников Amazon, Google и Apple — https://www.nngroup.com/articles/intelligent-assistant-usability/. Получился шикарный разбор текущих проблем как в основном режиме работы, так и в «навыках» от сторонних авторов. Это одна из главных статей месяца — за один присест можно познакомиться с кучей подводных камней. Особенно много нареканий на навыки — их сложно найти, они более дуболомны.

Видно, что голосовым помощникам предстоит пройти очень длинный путь для того, чтобы стать действительно полезными. С другой стороны, смартфоны также имели уйму проблем лет 15 назад, но смогли стать радикально удобнее и практичнее. В общем, один из самых полезных материалов на тему голосовых интерфейсов.

Кстати, в начале недели в московском офисе Google прошёл хакатон по созданию навыков для Google Assistant. В нём участвовали команды из Mail.Ru Group (Delivery Club, ICQ, Pandao, Все аптеки), Clever Pumpkin, Eora.ru, Heads and Hands, Just AI, Redmadrobot, АО Рестрим и X5 Retail Group. Сами концепты — секретики, но выцепил для вас критерии оценки хорошего навыка — https://docs.google.com/document/d/1GKPibWNAmgaj7v8wUgaOM_FyjaOjVjflVsd5ODEabDI (их пока нигде не публиковали). Так сказать, горячий репортаж :)

Можете поэкспериментировать сами через конструктор Dialogflow — https://dialogflow.com/ или Storyline — https://getstoryline.com/. Вот концепт голосового помощника для молодых родителей от William Reano для вдохновения — https://medium.com/nyc-design/smarter-parents-through-a-smart-baby-tracker-a-ux-ui-case-study-27331760f29e.

#voiceui

Голосовые помощники показывают крутой рост — на конец года прогнозируют 75 миллионов проданных устройств по миру (подробная статистика ниже). Китай скоро обгонит США, да и в России намечается горячая пора — к Яндексу и Google добавится Mail.Ru Group.

Чтобы не остаться в стороне, дизайнерам давно пора качать мускул голосовых интерфейсов:

1. Ben Sauer собрал для Clearleft коллекцию принципов дизайна голосовых интерфейсов от разных компаний — https://voiceprinciples.com/. В дополнение к ним — книги, статьи и общие мысли.

2. Годная памятка по проектированию голосовых интерфейсов от Justin Baker из Intuit — https://medium.muz.li/voice-user-interfaces-vui-the-ultimate-designers-guide-8756cb2578a1. Выбор типа устройства, сценарии и контексты использования, технологические ограничения и ключевые моменты взаимодействия.

3. Советы по прототипированию голосовых интерфейсов от Cathy Pearl из Google, Cassidy Williams из Amazon, Susse Sønderby Jense из Adobe XD, Ben Sauer из Clearleft — https://theblog.adobe.com/how-to-voice-ui-prototyping-delight-users/.

4. Aimylogic: Онлайн-конструктор чат-ботов и навыков для голосовых помощников Google Assistant и Яндекс Алиса — https://aimylogic.com/.

5. Adobe XD: Демо возможностей прототипирования голосовых интерфейсов — https://www.subtraction.com/2018/10/24/demoing-voice-live-at-adobe-max-2018/.

А вот как их используют на самом деле. Лучшие исследования делают Nielsen/Norman Group, вот свежие:

— Изучили ожидания пользователей от идеального умного помощника и сопоставили их с существующими продуктами по нескольким критериям — https://www.nngroup.com/articles/intelligent-assistant-user-needs/. Крайне интересная пища для выбора направлений развития.

— Интересный парадокс — хотя пользователи описывают множество проблем в работе с ними, в целом они зачастую довольны — https://www.nngroup.com/articles/intelligent-assistants-poor-usability-high-adoption/. Одна из главных причин — пользователи сами ограничили круг сценариев использования, в которых умные помощники предсказуемы.

— Перевод самой первой части — https://medium.com/usethics-doc/intellegent-assistants-have-poor-usability-52b3dd443ed1.

LoupVentures сравнили качество ответов Alexa, Cortana, Google Assistant и Siri по 800 запросам — https://loupventures.com/annual-digital-assistant-iq-test-siri-google-assistant-alexa-cortana/. Если с пониманием самой фразы проблем не было, то с выдачей подходящего ответа всё сильно хуже.

Собрал также много свежей статистики рынка и парочку интересных новостей, но в формат Телеграма это уже не влезает — https://vk.com/@pdigest-voiceui-03. Пользуйтесь на здоровье.

#voiceui

Я давно хотел делать сводный обзор ключевых событий года в декабре и вот первый заход для Кода Дурова — https://kod.ru/trendy-v-dizayne-na-2019-god/. У каждого заголовка есть тег — по нему найдёте все выпуски по теме:

Прогнозы на 2019 #trends
Самые толковые обзоры трендов 2019 года в дизайне, технологиях и профессии в целом выпустили Fjord, Pantone, Milo Themes, UX Collective, Webflow, Shutterstock, Depositphotos и Creative Bloq — https://t.me/pdigest/142. Ради интереса можно сравнить с тем, что обещали на 2018 — https://t.me/pdigest/10.

DesignOps #designops
Баззворд описывает дизайн-менеджмент цифровых продуктов (https://jvetrau.com/designops-definition/). Он переупаковывает уже известные подходы, но ставит очень грамотный фокус — развивать дизайн-процессы, инструменты, методы и практики под масштабирование. Т.е. так, чтобы ими мог легко воспользоваться любой дизайнер в компании. Это то, что отличает его от остальных. Приставку «Ops» добавляли в этом году ко всему, что движется — ResearchOps, Design Systems Ops и т.п.

Голосовые интерфейсы #voiceui
Будущее у голосовых интерфейсов получше, чем у покрывающихся пылью ботов. Продажи устройств бодро растут, а основные платформы стремительно обзаводятся партнёрствами и интеграциями во всё, что подключено к электричеству и интернету. К концу года прогнозируют 100 миллионов устройств.

Продуктовая иллюстрация #illustrations
Иллюстрации стали обязательной частью айдентики цифровых продуктов ― они есть в каждом первом сервисе. Ещё бы ― в хорошем интерфейсе всё занято полезными вещами и особо нет мест для выражения бренда, разве что лого, цветовая палитра, пиктограммы и характерные паттерны.

Алгоритмический дизайн #algorithms
Давно интересуюсь темой (https://algorithms.design/) — это инструменты, которые помогут упростить построение интерфейса, подготовку графики и контента, а также персонализацию продукта.

Гибкие экраны
Samsung показал концепт телефона — https://www.engadget.com/2018/11/07/samsung-foldable-phone-infinity-flex-display/ (весной выйдет коммерческая модель). Android поддержит эту возможность в ближайшее время — https://www.engadget.com/2018/11/07/android-will-natively-support-foldable-phones/. Похоже, наконец-то начнётся интересная движуха в мобильных интерфейсах, где всё стало слишком предсказуемо. А вот что делали Apple и Google:
— Material Design: https://t.me/pdigest/53 + https://t.me/pdigest/54
— iOS 12: https://t.me/pdigest/63
— Шаблоны iPhone Xs, Xs Max, Xr: https://t.me/pdigest/104

Новые инструменты дизайна #tools
Последние три-четыре года движуха на рынке инструментов дизайна стала настолько заметной, что про неё написал даже Bloomberg, который обычно витает в облаках мега-корпораций — https://t.me/pdigest/28. Это видно и по деньгам: в InVision вложили уже $235 млн, Figma — $42,9 млн, Framer — $35 млн, Marvel — $8 млн, Zeplin — $1,2 млн. Есть и покупки, но пока частично удачные — InVision свою экосистему укрепляет, а Гугл сгноил Pixate и Form.

Дизайн-системы #designsystems
Как лучший способ унифицировать линейку продуктов и упростить работу по запуску новой функциональности, дизайн-системы активно на слуху последние годы (http://designsystemsclub.ru/). За последние год-полтора идея приросла крепкими примерами в двух ключевых местах ― токены и интеграция с инструментами дизайна (https://t.me/pdigest/125).

Это далеко не всё, что было в 2018 году: появлялись новые интерфейсные паттерны (#patterns) и книги (#books). Обсуждали дизайн-мышление (https://t.me/pdigest/59 + https://t.me/pdigest/60) и дизайн-спринты (https://t.me/pdigest/108). Отмечали 20 лет одного из лучших агентств Nielsen/Norman Group (https://t.me/pdigest/94) и 50-летие The Mother of All Demos (https://t.me/pdigest/144), где показали основы современных персональных компьютеров. Список можно продолжать долго.

Сейчас всё готовится стихнуть перед новогодними и рождественскими праздниками. Но уже в первые недели января пройдёт выставка CES 2019 (отчёт о прошлой — https://t.me/pdigest/16), где наверняка покажут уйму интереснейших вещей.

#digest #overview