Сравнение функций даже может погрузить вас в новые глубины исследования. После проведения конкурентного исследования вы создали и записали короткий список самых интересных функций ваших прямых и непрямых конкурентов (рис. 6.8). Попробуйте вернуться к этому списку – возможно, вы найдете в нем новое вдохновение.
Рис. 6.8. Функции, выделенные по результатами конкурентного исследования
Вполне возможно, что ответ лежит у вас прямо под носом. А может быть, вам нужно будет сделать еще один шаг, чтобы открыть свою инновацию ценности. Возможно, вам придется вернуться на сайты конкурентов, сделать скриншоты и внимательно изучить их.
Например, несколько лет назад межнациональная корпорация наняла меня для проектирования UX-программы для чтения книг на iPhone. Так как на рынке уже были представлены электронные книги (Stanza, eReader, Kindle, Nook), я провела конкурентное исследование и анализ. Я собрала и сохранила данные.
Я сделала скриншоты многих функций, возможностей и аспектов интерфейса: режим просмотра книги, интерфейс экрана загрузки, навигация по оглавлению, средства создания аннотаций и выделения текста. По сути, я документировала все возможности, соприкасавшиеся с ключевыми аспектами взаимодействия, которые нужно было спроектировать. Затем я импортировала все снимки в iPhoto и упорядочила их в соответствии со взаимными связями.
На последнем этапе я разместила их на больших полотнах в Adobe InDesign, чтобы провести визуальное параллельное сравнение. На основании этих сравнений я делала заметки, когда меня посещала какая-нибудь идея. На рис. 6.9 показан образец такого документа.
Рис. 6.9. Сравнение функций различных электронных книг в области выделения и добавления заметок
Процесс занял у меня не менее четырех часов, причем заказчик не просил меня этим заниматься и ничего не платил за это. Однако в результате я смогла выделить и перевести в количественную форму удачные решения, неудачные решения и просто интересные решения, которые конкуренты создавали для пользователей для выполнения тех или иных операций на базе традиционных или новомодных паттернов. Также эта работа сэкономила мне бесчисленные часы. Мне не надо было создавать дизайн проекта с нуля, потому что не приходилось изобретать велосипед. Также у такого подхода есть и другие преимущества:
• Я могла представить стандартные последовательности пользовательских операций в приложении, чтобы потом быстро создать карту приложения или сайта.
• Распознавание паттернов и стандартных решений, помогающих пользователям достичь их цели. Иначе говоря, если я хотела переманить пользователей другого приложения к своему приложению, я могла заранее определить пользовательские ожидания.
• Я избегала создания чего-то принципиально нового и лишнего усложнения пользовательского интерфейса, потому что заранее знала, что мои конкуренты делают хорошо.
• Мне не пришлось объясняться с безумными ключевыми участниками или Особо Важными Персонами, которые без каких-либо эмпирических доказательств уверены, как мне следует выполнять мою работу. При наличии хорошо проанализированных доказательств я могла управлять UX-дизайном так, как считала нужным.
Применяя сравнение функций к конкурентам и источникам влияния в области UX, вы можете сравнивать все, от визуального дизайна до дизайна взаимодействия, наборов функций и способов отображения контента. Ваша цель – избежать такого отношения к конкурентной среде, которое явно проявляет наш друг на рис. 6.10. Иногда вы можете сделать необходимые скриншоты для iPhone или Android в магазине конкурента или просто потратить деньги (от $10 до $30) на приложения. Возложите расходы на заказчика или заплатите сами и включите лишний час в счет. В конечном итоге сравнение сэкономит вам и вашему клиенту немало времени и денег. Оно поможет вам мыслить открыто, особенно после глубокого, целенаправленного исследования, которым вы занимались в главах 4 и 5.
Рис. 6.10. Игнорирование окружающей действительности напоминает страуса, который прячется от опасности, зарывая голову в песок (на самом деле страусы так не поступают)
Личные прорывыУ выхода за пределы зоны комфорта и знакомства с новым опытом есть еще один неожиданный плюс: он позволяет нам расти как личностям. Вы изменяетесь, когда нарушаете свои житейские привычки, и это открывает перед вами новые пути и новые ощущения. Например:
• Когда я занялась балетом в возрасте 45 лет, я наконец-то научилась держать спину прямо.
• Когда я занялась садоводством в возрасте 42 лет, я наконец-то научилась делать вкусный свежий салат.
• Когда я родила сына в 39 лет, я наконец-то научилась замедлять темп жизни и давать возможность случиться тому, что должно.
Свежий взгляд на повседневные события помогает нам выйти за пределы очевидного и открыть для себя новые ментальные модели.
Прорывы – как в профессиональной, так и в личной жизни – разрушают воздвигнутые нами самими стены, которые заставляют нас изобретать или строить одно и то же снова и снова.
Раскадровка инновации ценности
Итак, вы идентифицировали ключевые аспекты взаимодействия своего продукта; теперь их нужно объединить в некую связную историю. И разумеется, с учетом особого внимания к визуальным аспектам сравнения функций, для этого найдется подходящий инструмент.
Процесс раскадровки (сторибординг) существует с того момента, когда немецкий режиссер Лотта Райнигер впервые нарисовала и раскрасила раскадровку для своего мультипликационного фильма «Приключения принца Ахмеда» в 1926 году[40]. С тех пор раскадровка стала гибким инструментом, применяемым в рекламных кампаниях, комиксах, кинопроизводстве, проектировании программного обеспечения и многих других бизнес-процессах. Это объясняется тем, что раскадровка способствует визуальному мышлению. Или, как пишут авторы книги Game Storming: A Playbook for Innovators, Rulebreakers, and Changemakers[41], «[это] упражнение по визуализации [, которое] помогает участникам изобретать и создавать возможности».
Три шага к раскадровке инновации ценности
Цель раскадровки заключается в визуализации ключевых аспектов взаимодействия. Этот формат должен применяться для самых важных компонентов взаимодействия. Скажите больше меньшими средствами и завершите хэппи-эндом, в котором проблема вашего пользователя успешно решена. Я рекомендую использовать следующую схему построения (и представления) раскадровки.
Шаг 1: Создайте список панелей
Помните: вам не нужно демонстрировать все функции продукта (как ошибочно поступила Эна при первом определении ключевых аспектов взаимодействия). На панелях раскадровки вы показываете только самые «ценные» моменты путешествия пользователя. Некоторые из этих моментов повлияют на дизайн интерфейса, другие случаются в ходе автономной работы пользователя (в оффлайне). Покажите ход всего взаимодействия независимо от того, занимает ли оно 20 минут (как для Uber) или два месяца (Airbnb) в реальном времени.
Для Биты и Эны раскадровка должна была показать, как исполняется мечта будущей невесты, а не то, как работает механизм регистрации в сервисе «Airbnb для свадеб». Несколько панелей, которые они создали общими усилиями:
1. Будущая невеста ищет красивое и недорогое место для проведения свадьбы.
2. Она находит
