UX-дизайнеры используют различные методы исследования для разработки высококачественных продуктов, включая контекстные запросы, интервью и семинары. Используя персоны и каркасы, они передают свои идеи и выводы остальной части команды, превращая результаты исследований в пользовательские истории и потоки.
Все мы слышали о важности проведения пользовательских интервью или создания персон. Все мы согласны с тем, что тестирование является неотъемлемой частью создания продукта. С другой стороны, раскадровка используется редко, хотя в различных сценариях она может быть весьма полезна.
Дизайнеры могут создавать лучшие вещи только в том случае, если они знают, через что проходят их клиенты и как их продукты могут улучшить их жизнь. Здесь в игру вступают раскадровки.
Давайте рассмотрим роль раскадровки в UX-дизайне.
Что такое раскадровка и как она помогает?
С помощью раскадровки можно визуально изобразить развитие сюжета. Процесс события и эмоции могут быть запечатлены на фотографии или видео. Этот метод был разработан в 1930-х годах студией Disney, которая использовала его для демонстрации хода повествования.
По сути, раскадровка помогает нам путешествовать по пути пользователя, подобно картированию опыта, где мы извлекаем информацию о многих ситуациях, в которых люди взаимодействуют с нашим продуктом или дизайном.
В дизайне пользовательского опыта раскадровка — это метод визуализации и изучения пользовательского опыта взаимодействия с вашим продуктом.
Это очень похоже на просмотр фильма и отслеживание истории, чтобы увидеть процессы и реакции. Изучая, как люди взаимодействуют с ним, вы можете получить более четкое представление о том, как создать убедительную историю.
Визуализация
Визуализация переживаний человека помогает другим понять их яснее, чем простое чтение об этом в письменном виде.
достопамятность
Согласно исследованиям , истории запоминаются в 22 раза лучше, чем простые факты. Ваша команда запомнит больше информации, если вы используете раскадровку для иллюстрации поведения пользователей.
Эмпатия
Раскадровки способствуют развитию эмпатии среди членов команды. Когда UX-дизайнеры создают раскадровки, они, как правило, передают эмоции персонажей.
Вовлеченность
Раскадровка — это мощный инструмент для представления результатов вашего исследования широкой аудитории. Ваша команда будет более заинтересована в результатах вашего исследования UX, если вы придадите ему человеческое лицо.
Когда и зачем нужно создавать раскадровки?
После первого этапа мозгового штурма проекта настает время создать визуальное представление идей. Однострочные описания идей могут быть преобразованы в сложные истории с помощью раскадровки.
По ряду причин раскадровка — фантастический инструмент. Во-первых, раскадровки просты для понимания и тщательной оценки заинтересованными сторонами.
Рассказывание историй — отличный способ вдохновить на новые дизайнерские идеи и сплотить команды вокруг общего видения того, что разрабатывается. В процессе создания может участвовать каждый, поскольку это коллективная работа (не только дизайнеры). Как и в киноиндустрии, каждая сцена должна быть показана и проанализирована всей съемочной группой.
Раскадровка полезна не только по этим причинам, но и потому, что может помочь выявить области, требующие улучшения. Раскадровка — это не инструмент коммуникации, а процесс проектирования.
Как создать раскадровку: пошаговое руководство
Создание раскадровки может быть сложной задачей, особенно на начальном этапе. Однако следует помнить, что лучше всего использовать её в качестве низкокачественного прототипа, и для её построения не требуется много усилий.
Для эффективного создания раскадровки крайне важно следовать этим шести шагам:
Соберите свои данные
Первым шагом в разработке раскадровки является выбор источников данных, которые вы будете использовать. К ним относятся интервью с пользователями, тестирование удобства использования и статистика сайта.
Если вы еще не собрали данные или хотите использовать раскадровки в качестве инструмента для мозгового штурма , вы можете создать раскадровку и без них.
Выберите уровень точности
Эскизы можно использовать во время мозгового штурма , чтобы быстро передать сценарий или последовательность событий. Можно даже использовать стикеры для создания раскадровок, чтобы получить обратную связь от всех членов команды.
Обсудите временные рамки и действия, которые предпримет пользователь. На каждом шаге прикрепите стикер и разместите его на доске или стене, пока будете обсуждать этот этап.
Не следует разделять группу на различные подгруппы с отдельными темами, которые необходимо объединять. Вместо этого сосредоточьтесь на одном шаге за раз, чтобы обсуждение носило информативный характер.
Определите основы
Определите персону и ситуацию или рассказ пользователя, который изображается. Чтобы ваша раскадровка не была разрозненной, убедитесь, что каждый сценарий конкретен и соответствует одному пользовательскому маршруту.
Поддерживайте правило «один к одному» для сложных сценариев с несколькими путями: одна раскадровка для каждого пути. В ваших раскадровках будут показаны несколько видов пользовательских путешествий.
Планируйте шаги
Прежде чем начать работу с шаблоном раскадровки, запишите шаги и соедините их стрелками.
Создавайте графики и добавляйте к ним описания
Хотя сильные художественные таланты могут помочь вам создать раскадровку, которая выглядит так, как будто она из комикса, они не являются обязательными для создания эффективной раскадровки.
Маркеры с соответствующими подписями могут сообщать дополнительную информацию. В качестве дополнительного преимущества некачественных рисунков или стикеров их можно использовать для набросков идей. Вы должны иметь возможность изменить свою раскадровку в последующих раундах, если это необходимо.
Распространение и повторный запуск тестов
Распространите свою раскадровку среди целевой аудитории, будь то ваша внутренняя команда или заинтересованные стороны проекта, и получите комментарии. Повторите некоторые из этих процессов, если это необходимо для улучшения артефакта.
Основные выводы
Надеюсь, теперь все сомнения и опасения, связанные с раскадровкой, развеяны.
В UX-дизайне раскадровка — отличный способ воплотить ваши идеи в жизнь, прежде чем вы начнете мозговой штурм с членами вашей команды. Благодаря этим интерактивным доскам визуализация идей упрощается, что упрощает их презентацию.
Они обеспечивают более увлекательный и приятный опыт для всех, кто взаимодействует с вашим интернет-магазином, благодаря визуальным средствам, основанным на сценариях. Со временем станет очевидно, что вам понадобится более одной раскадровки для отображения различных событий.
