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