Скетчи и прототипы
14
/21
О чем мы поговорим сегодня
Поговорим о необходимости создания прототипов — как важного этапа в процессе разработки дашборда. Изучим принципы скетчинга и осознаем простоту создания визуальных заметок.
ИСТОРИЯ УСПЕХА
Прототипирование в Beeline
Понимание аудитории и ее ключевых вопросов, знание своих источников данных, подготовка удовлетворяющего запросы ключевых сторон прототип, применение стандартов, реализация диаграмм в целевом инструменте, сбор дашборда, применение интерактивности, запуск и поддержка дата-продукта… Прохождение этих этапов обеспечивает качественный конечный продукт.

Раньше работа с графическими редакторами требовала продвинутых навыков или особой техники. Программы вроде Adobe Photoshop или Adobe Illustrator обладают высоким порогом входа для тех, у кого нет профессиональной необходимости или сильной мотивации к их изучению. Сегодня сервисов и инструментов становятся больше и они становятся доступнее.
Владимир Бакланов
владелец продукта BI, билайн
Мы используем скетчинг для создания прототипа при работе над новым дашбордом, который должен отражать все метрики по продуктам Beeline в одном месте.
Скетчи рисуем в онлайне: сначала добавляем все, что приходило в голову. Качество рисунка играет второстепенную роль. Главное — чтобы было понятно, что за элемент находится в том или ином месте и какую функцию он выполняет. При цифровом скетчинге, можно размещать скриншоты из других систем или же найденные в сети визуализации рядом с твоими набросками. Сразу становится понятно, как будет (или теоретически может) выглядеть твоя закорючка в будущем дашборде.
Уже потом, в процессе более подробного прототипирования в инструменте Figma, мы понимаем какие визуализации стоит добавить, а какие убрать, убрать совсем или просто переместить на другой лист.

Скетчи становятся хорошим подспорьем для обсуждения задач, которые решает дашборд. Об картинку на экране легче думать, чем о воображаемые только в твоей голове графики.
Figma – профессиональный онлайн-редактор для работы с изображениями. В нём можно создать прототип сайта или дашборда, интерфейс приложения и обсудить правки с коллегами в реальном времени.
Финальный дашборд пока показать еще нельзя, но уже есть подробный прототип на Figma, на основе которого будет реализован работающий дашборд на Qlik Sense.
ТЕОРИЯ
Скетчинг для работы с данными
Большинство из нас думает, что рисование — для одаренных людей, у которых есть способности к искусству. Но это не так. Визуальная грамотность — это способность делать все то, что ассоциируется с традиционной грамотностью, используя при этом визуальный язык и наглядные пособия. Одним из доступных инструментов является скетчинг — навык создавать быстрые наброски и зарисовки.
Словарь скетчинга
Но кого из вас отдельно учили визуальному языку? Это нужный навык даже в школе и университете, ведь умение делать быстрые графические заметки помогает перерабатывать и усваивать новый материал, но нам приходится учиться этому самостоятельно.
Во многих компаниях используются собственные методики разработки и проектирования информационных продуктов. На каждом этапе такого процесса есть возможность применить скетчинг, как для личной эффективности, так и для улучшения всего процесса разработки.

Когда можно использовать скетчинг?
1
На этапе понимания проблем аудитории и постановки задачи:

  • При проведении интервью с заказчиком помогает следить за нитью разговора, а не витать в облаках.
  • Графические образы помогают команде достигать общего мнения благодаря визуальному пониманию проблемы.
  • Скетчи играют роль якоря и не позволяют отвлекаться в процессе размышления над решаемой задачей, позволяя лучше концентрироваться.
  • Перенос фокуса внимания с интерпретации представляемой информации на создание собственных визуальных образов, это значительно улучшает освоение материала.
2
На этапе поиска альтернативных решений и генерации идей:

  • Включение простых средств визуального языка в коллективный процесс мышления дает интенсивный обмен мнениями и повышает уровень взаимопонимания между людьми. Изобретать нечто необыкновенное в обыденных обстоятельствах. Лучше раскрывать природу и смысл продукта, чтобы он эффективнее использовался конечными пользователями.
  • Повышение креативности и творческое мышление во время игровых сессий проектирования дизайна.
  • Быстрый подбор правильных графиков и диаграмм.
3
На этапе формирования конечного композиционного решения и добавления интерактивности для форм сторителлинга:

  • Скетчи помогают проработать механизмы управления вниманием пользователя благодаря наглядности.
  • … и выстроить пути пользователя при сценариях решения информационных задач.
  • Лучше один раз увидеть — и зарисовать композиционные решения в разных форматах дашбордов и интерактивных отчетов.
4
На этапе презентации конечной идеи для ее реализации:

  • Наброски помогают кадрировать истории и слайды презентации для лучшего представления конечной идеи дашборда.
Георгий Виноградов
Руководитель направления BI, Novartis
Практика показывает, что зачастую люди просто не привыкли думать в формате графиков и диаграмм. В связи с чем, наиболее распространенным ответом заказчика на вопрос аналитика в каком формате изобразить данные, будут таблички. В то же время, если предоставить своим пользователям скетчи отчета, то они гораздо охотнее вовлекаются в работу с визуальными формами, чем заставлять их придумывать графики «из головы».
Создание прототипов
Прототип — важная, «связующая» часть исполнителя и заказчика дашборда. Это способ быстрой коммуникации на одном языке, понятном обеим сторонам.

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

Во время разработки прототипа учитываются пожелания и требования заказчика, наложенные на возможности разработчика и, непосредственно, возможности того инструмента, который будет использоваться при разработке. Мы получаем некий «объект», который будет описывать представление о дашборде.
Благодаря прототипу можно:
  • продать идею
  • объяснить логику
  • объяснить поведение
  • проверить удобство интерфейса
  • испытать продукт на себе
  • испытать продукт на других
  • пожить с продуктом
В зависимости от доверия между заказчиком и исполнителем, прототипы могут быть разной сложности подготовки. Они могут быть нарисованы от руки на простом листе А4 или же сверстаны в графических инструментах.
Заказчик дашборда определяет функциональные требования будущего продукта. На основе этого, команда формирует технические требования и инфраструктурные
Важно учитывать возможности аудитории работать с данными, их информационную грамотность и способность понимать используемую терминологию. В зависимости от технической подготовки целевой аудитории, можно будет скорректировать сложность будущего дашборда.
Какие ключевые вопросы вы можете задать вашей аудитории…

  • Каковы главные цели для вашей роли в организации и как использование аналитики помогает вам в их достижении?
  • Как часто вы проверяете показатели?
  • Какие события побуждают вас исследовать данные?
  • Какие данные подталкивают вас немедленно принять меры?
  • Если вы увидите, что это число увеличивается / уменьшается, что вы будете делать дальше?
  • Как бы вы использовали данные, чтобы понять проблему?
  • Какие ошибки или упущенные возможности можно было бы предотвратить, если бы у вас были данные?
  • Какая информация вам нужна ежедневно?
  • С чем вы сравниваете эти числа? (прошлые периоды, средние, другие локации…)
  • Как вы делитесь информацией с другими?
Лучше провести несколько этапов тестирования и интервью-сессий, чем пропустить что-то действительно важное.
ПРАКТИКА
Расширенная аналитика в Qlik Sense
Евгений Стучалкин
технический директор, BI2Business
Практическое задание
Напоминаем, что мы работаем с тем же демонстрационным приложением. Если вы не скачали его в предыдущем дне, то скачайте и посмотрите инструкцию.
Шаг 5
Когортный анализ Qlik Sense Demo
Шаг 6
RFM-анализ Qlik Sense Demo
Вы можете доработать это приложение под свои задачи, а также использовать его как основу для изучения Qlik Sense. Продавать приложение нельзя.
Полезные ссылки
Если вам интересно узнать больше, переходите по ссылкам для дальнейшего изучения тем и расширения кругозора
Полезные книги
Какие книги можно почитать, чтобы улучшить свои навыки в дизайне и прототипах?

  • МИХАЭЛЬ ЛЕВРИК, ПАТРИК ЛИНК, ЛАРРИ ЛЕЙФЕР. Дизайн мышление
  • ЯН В. УАЙТ. Редактируем дизайном
  • DAN ROAM. Unfolding the Napkin
Телеграм-сообщество Qlik
Приглашаем вас присоединиться к телеграм-чату Qlik, чтобы общаться с коллегами, задавать вопросы экспертам и оставаться в курсе новостей Марафона.
@qlikbi_chat
Обзор дня и встреча с экспертом: День 14
Алена Шинкаренко, ведущий разработчик BI, First BIT

2022