Джейми Леви - UX-стратегия. Чего хотят пользователи и как им это дать

Рис. 6.10.Игнорирование окружающей действительности напоминает страуса, который прячется от опасности, зарывая голову в песок (на самом деле страусы так не поступают)

У выхода за пределы зоны комфорта и знакомства с новым опытом есть еще один неожиданный плюс: он позволяет нам расти как личностям. Вы изменяетесь, когда нарушаете свои житейские привычки, и это открывает перед вами новые пути и новые ощущения. Например:

• Когда я занялась балетом в возрасте 45 лет, я наконец-то научилась держать спину прямо.

• Когда я занялась садоводством в возрасте 42 лет, я наконец-то научилась делать вкусный свежий салат.

• Когда я родила сына в 39 лет, я наконец-то научилась замедлять темп жизни и давать возможность случиться тому, что должно.

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

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

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

Процесс раскадровки (сторибординг) существует с того момента, когда немецкий режиссер Лотта Райнигер впервые нарисовала и раскрасила раскадровку для своего мультипликационного фильма «Приключения принца Ахмеда» в 1926 году [40]. С тех пор раскадровка стала гибким инструментом, применяемым в рекламных кампаниях, комиксах, кинопроизводстве, проектировании программного обеспечения и многих других бизнес-процессах. Это объясняется тем, что раскадровка способствует визуальному мышлению. Или, как пишут авторы книги Game Storming: A Playbook for Innovators, Rulebreakers, and Changemakers [41], «[это] упражнение по визуализации [, которое] помогает участникам изобретать и создавать возможности».

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

Помните: вам не нужно демонстрировать все функции продукта (как ошибочно поступила Эна при первом определении ключевых аспектов взаимодействия). На панелях раскадровки вы показываете только самые «ценные» моменты путешествия пользователя. Некоторые из этих моментов повлияют на дизайн интерфейса, другие случаются в ходе автономной работы пользователя (в оффлайне). Покажите ход всего взаимодействия независимо от того, занимает ли оно 20 минут (как для Uber) или два месяца (Airbnb) в реальном времени.

Для Биты и Эны раскадровка должна была показать, как исполняется мечта будущей невесты, а не то, как работает механизм регистрации в сервисе «Airbnb для свадеб». Несколько панелей, которые они создали общими усилиями:

1. Будущая невеста ищет красивое и недорогое место для проведения свадьбы.

2. Она находит набор результатов из двух или трех предложений.

3. Она просматривает подробное описание хорошего предложения.

4. Она выбирает пакет (место, еда, цветы).

5. Она получает подтверждение резервирования/заказа/отправки данных.

6. Она выходит замуж на берегу моря!

Некоторые люди умеют рисовать. Другие (такие, как я) не смогут нормально изобразить даже простейшего человечка. Самое главное – выбрать формат, в котором вы с командой легко и быстро сделаете раскадровку. Если вы хорошо знаете Photoshop, просто соберите идеи интерфейса в графическом изображении. Не теряйте времени на каркасную модель раскадровки. Ничто не мешает вам воспользоваться фотографиями из Google или слегка видоизменить экраны, увиденные на других сайтах. Творите, рисуйте или соберите все изображения и убедитесь в том, что они имеют приблизительно одинаковые пропорции и хорошо помещаются на вашем холсте. На этой стадии незачем проектировать весь пользовательский интерфейс. Вместо этого достаточно выделить компоненты интерфейса, которые демонстрируют лучшие концепции.