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