Информационная архитектура. Карта сценариев
stop | pivot | persevere
Проанализируйте свои идеи о возможных продуктах в соответствии с этой методикой:
Проанализируйте свои идеи о возможных продуктах в соответствии с этой методикой:
- Идея получила смешанные результаты, или непонятно, как доработать, и можно ли = STOP (остановить)
- Идея получила позитивные результаты, но вы видите риски или недостатки, которые надо доработать = PERSEVERE (продолжить)
- Идея получила смешанные результаты, часть идеи очень понравилась, а другая часть совсем нет = PIVOT (переработать)
Информационная инфраструктура
Любой интерфейс – это библиотека данных
Любой интерфейс – это библиотека данных
Под каждого пользователя нужно по-разному упорядочивать информацию
Есть разные уровни подачи информации в рамках пользовательского опыта:
- Визуальный дизайн
- Информационный дизайн: дизайн интерфейса и дизайн навигации
- Механика взаимодействия и архитектура информации
- Функциональные требование (как работает интерфейс) и требования к содержимому
- Фундамент – цели нашего продукта как бизнеса и цели пользователя
Сценарии
чтобы упорядочить информацию на экранах нужно понять какие сценарии взаимодействия пользователя с продуктом
чтобы упорядочить информацию на экранах нужно понять какие сценарии взаимодействия пользователя с продуктом
Сценарий – это история о том, как человек использует наш продукт
- Экспозиция: пользователь, контекст, условия, ограничения
- Завязка: основная задача и цель, триггер
- Развитие: действия в продукте и вне его
- Кульминация: достижение успеха
- Развязка: реакции, итоги, дальнейшие действия
Чего стоит избегать:
- Большого количества технических деталей, фокуса на на реализации
- Готовых интерфейсных решений (важно только то, что делает человек и система)
- Слишком узких сценариев, деталей и требований без контекста (не надо детализировать какие у вас будут кнопки и какого цвета)
Карта сценариев
Подготовка: выбрать пользователей и выписать их ситуации согласно исследованию
Проведение: выберите одного пользователя и одну ситуацию (например, самый типовой пользователь в самом типовом случае использования) и выпишите последовательность событий шагами на доске
Дополнения: добавляйте описания, комментарии и вопросы
Обсуждение: после составления сценариев или по ходу обсуждайте идеи
Важно!
Проведение: выберите одного пользователя и одну ситуацию (например, самый типовой пользователь в самом типовом случае использования) и выпишите последовательность событий шагами на доске
Дополнения: добавляйте описания, комментарии и вопросы
Обсуждение: после составления сценариев или по ходу обсуждайте идеи
Важно!
- Не пытайтесь сделать универсальный сценарий, иначе он получится слишком расплывчатым (представьте конкретного человека: в какой ситуации он может заинтерсоваться вашим продуктом и как он будет с ним обращаться?)
- Сосредоточьтесь на задачах продукта, а не на функциях приложений
- У каких-то команд может выйтименьше, у каких-то больше сценариев использования, все индивидуально
- Шаги – последовательность действий пользователя
- Вопросы – например, что происходит в интерфейсе? а что еще не понятно, как случается? какая механика/алгоритм?
- Комментарии – например, что вы хотите показать пользователю на этом этапе
- Идеи – мысли по поводу того, что можно добавить в продукт
- Видение решения в идеале, в дальней перспективе
- То, что не войдёт в MVP, но кажется желательным
- Определяется не только тем, насколько хорошо вы оцениваете предложение
- Есть то, с чего логичнее начать
- Есть оценка сложности и необходимости
Вы можете создать ось координат, где по х будет "легко сделать-сложно сделать", а по у – "неважно сделать-важно сделать"
Структурирование контента
должно быть понятным и удобным для пользователя
должно быть понятным и удобным для пользователя
Использование категорий "ноутбуки" и "товары для дома" говорит о том, что деление в меню формально сделано не по типу техники, однако с точки зрения использования – это логичное структурирование контента
- Как минимум некоторые элементы находятся сразу в нескольких разделах
- Помогают найти материал, который не классифицируется однозначно
- Могут создавать неудобную навигацию
На примере сайта с рецептами:
- Основной ингредиент (курица, овощи…)
- Приём пищи (завтрак \обед\...)
- Тип блюда (суп\второе \...)
- Ситуация (новогодние, …)
Иногда проводят исследования, где просят пользователей разделить составные контента по группам, чтобы понять, какое деление для них логично. Особенно выгодно проводить подобные исследования для интернет-магазинов и т.п., чтобы повысить находимость товаров
Виды:
Виды:
- Открытая: респонденты сами с нуля группируют весь контент
- Закрытая: вы задаёте абстрактные категории
- Обратная: вы задаёте полную иерархию и респондентам надо всё в неё расставить
- Тестирование дерева навигации
- Перечислите разные варианты группировок
- Постарайтесь придумать классификацию от задач пользователя
- Сравните варианты с точки зрения пользователя
- Можно провести сортировку на себе самих как упражнение
В итоге структурирование должно производится на понятных и легко описываемых основаниях, которые легко описать пользователю. Необязательно в виде явного ярлыка или видимой иерархии, но организующий принцип должен быть явным
Структурирование интерфейса
— это техническая блок-схема конкретных шагов (экранов, кликов) пользователя внутри продукта для выполнения задачи.
Отличие от карта сценариев в том, что она описывает опыт, эмоции и действия пользователя, включая внешние по отношению к продукту этап, а user flow фокусируется на интерфейсе.
Отличие от карта сценариев в том, что она описывает опыт, эмоции и действия пользователя, включая внешние по отношению к продукту этап, а user flow фокусируется на интерфейсе.
Если у вас много контента, который нужно показать пользователю стоит сначала нарисовать варфрейм, прикинув, как можно расположить информацию.
Так же выпишите, что вы хотите донести информацией на экране (смыслы) и какие действия может сделать пользователь при взаимодействии (функционал)
Так же выпишите, что вы хотите донести информацией на экране (смыслы) и какие действия может сделать пользователь при взаимодействии (функционал)
- Опишите словами, что должен делать и содержать каждый шаг процесса
- Схематично отобрзите варианты, как это можно делать
Составляющие:
- Информация, сообщение
- Объекты и их свойства
- Действия и переходы
КАК ТЕБЕ КОНСПЕКТ?
Расскажи, чего не хватило. От похлавы мы тоже не откажемся))
ПРЕДЫДУЩАЯ
ЛЕКЦИЯ 7. Цвета в интерфейсе. Цветовые схемы
СЛЕДУЮЩАЯ
ЛЕКЦИЯ 9. Мудбординг. Эвристики и оценка
