Download - 62 ub-overview
![Page 1: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/1.jpg)
Ценность информационной архитектуры
62 вебинар UX RussiaДмитрий Сатин и Андрей Сикорский
18 февраля 2010 года
![Page 2: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/2.jpg)
Обновленный Юзабилити Бюллетень
![Page 3: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/3.jpg)
Usability-Bulletin.RU
![Page 4: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/4.jpg)
Ценность информационной архитектуры
62 вебинар UX RussiaДмитрий Сатин и Андрей Сикорский
18 февраля 2010 года
![Page 5: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/5.jpg)
Вопросы
• Обзор статьи К. Лаферьер– Что значит ИА для
заказчика?– Видит ли он ее
ценность?– Что происходит с
проектом, когда он меняет однажды принятое решение?
– Может ли ИА помочь управлять процессом изменений?
![Page 6: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/6.jpg)
Три пояснения
• ИА включает в себя требования, цели и сценарии поведения пользователей– Цель продукта– Маркетинговые цели– Источники трафика
• ИА удерживает проект от расползания– Структура проекта– Структура требований– Изменение ИА – изменение сроков и бюджетов
• ИА контролирует цели и задачи сайта– После сбора требований и фиксирования структуры любое
изменение дизайна будет требовать пересмотра сроков
![Page 7: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/7.jpg)
Фазы работы
• Исследовательская– Анализ контента– Персонажи– Пути пользователей– Сценарии и use-cases– Первые wireframes
• Дизайн и разработка– Развертывание
сценариев– Wireframes
• Сдача/приемка
![Page 8: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/8.jpg)
Перечень документов
1. Исследование контента2. Карта контента3. Детальный аудит
контента4. Карта сайта5. Навигационная схема6. Определение
персонажей7. Список требований,
сценариев, use-case8. Прототипы (wireframes)
![Page 9: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/9.jpg)
1. Исследование и первичные документы
![Page 10: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/10.jpg)
1. Исследование контента
• Что?– Высокоуровневая
оценка– Какие блоки контента
есть/будут на сайте?– Определить объем
задач• Кто?– Все участники– Наибольший вклад – со
стороны заказчика
![Page 11: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/11.jpg)
2. Карта контента• Что?– Графическое
представление разделов контента и их связей
– Преобразуется в карту сайта и навигации
• Кто?– Эксперт в предметной
области со стороны заказчика
• Потребители?– Разработчики ПИ
![Page 12: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/12.jpg)
3. Детальный аудит контента
• Что?– Инвентарь контента– Описание страниц с
присвоением идентификаторов
• Кто?– Подрядчик
• Потребитель?– Эксперты в предметной
области– Разработчики– Команда QA
![Page 13: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/13.jpg)
4. Карта сайта
• Что?– Отражение комбинации
функциональности и информации
– Прописывание путей пользователя на сайте (максимально детальное)
• Кто?– Проектировщики
• Потребитель?– Основное руководство для
всех членов команды
![Page 14: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/14.jpg)
5. Навигационная схема• Что?
– Навигация и связь между интерактивными элементами
– Учет разных представлений и уровней опыта взаимодействия
• Кто?– Проектировщик
• Потребитель?– Эксперты со стороны
заказчика– Команда дизайнеров и
разработчиков
![Page 15: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/15.jpg)
6. Определение персонажей• Что?
– Описание пользователей, их мотивации
• Кто?– Заказчик– Проектная команда– Юзабилити-эксперты– Разработчики– Эксперты со стороны
заказчика
• Потребитель?– Команды разработчиков и
специалистов по юзабилити
![Page 16: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/16.jpg)
7. Требования, use-cases, сценарии
• Что?– Список требований и
задач для проектирования
• Кто?– Бизнес-аналитики– Эксперты предметной
области
• Потребители?– Бизнес-аналитики– Менеджеры проектов– Эксперты заказчика– Команда ИА
![Page 17: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/17.jpg)
8. Прототипы
• Что?– Схема/структура
экранов• Кто?– Проектная команда
• Потребитель?– Заказчик
• Примечание– Прорабатывать прототип с
экспертами, специалистами по Ю– Не вмешивать в процесс заказчика
![Page 18: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/18.jpg)
2. Разработка и эволюция документов
![Page 19: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/19.jpg)
Контент
• Исследование контента– Статично, не обновляется
• Карта контента– В процессе разработки
изменяется– Новые требования
должны вноситься максимально оперативно
• Детальный аудит контента– Обновляется в случае
включения нового контента
![Page 20: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/20.jpg)
Навигация
• Карта сайта– Добавление новые
пользовательские пути– Внесение справочной
информации о взаимодействии страниц
• Схема навигации– Внесение изменений по
результатам теста– Все изменения должны
учитывать особенности дизайна и функциональных элементов.
![Page 21: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/21.jpg)
Требования
• Определение персонажей– Неизменны по
завершению фазы 1– Специалисты используют
их как справочник для функциональности и проверки на полноту
• Use-case/список требований– Развертывание сценариев– Определение реальной
функциональности
![Page 22: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/22.jpg)
Прототипы
• Базовые шаблоны не изменяются– Любая задача
прототипирования вписывается в существующие шаблоны
– Введение нового шаблона – дорогостоящий процесс
• Используются для завершения дизайна и помощи разработчикам
![Page 23: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/23.jpg)
Сдача-приемка – как управлять?
![Page 24: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/24.jpg)
Анализ контента
• Исследование контента– Утверждение при передаче всего контента– Добавление нового контента может значительно повлиять на
разработку
• Карта контента– Согласование после получения списка основных требований– Изменения в карте контента влекут изменение требований
• Детальный аудит контента– Согласование перед документированием требований– Делается достаточно редко– Для управления изменениями применяется карта сайта и
карта контента
![Page 25: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/25.jpg)
Навигация
• Карта сайта– Любое изменение после основного согласования
должно подвергаться дополнительному согласованию– Необходимо поддерживать ее всега в актуальном
состоянии и информировать о любых изменениях• Схема навигации– Утверждается после соглашения по карте сайта и
таксономии– Внесение изменений в этот документ на продвинутых
стадиях проекта может привести к изменению цикла разработки
![Page 26: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/26.jpg)
Требования
• Список персонажей– Утверждение происходит ДО разработки– Необходимо валидировать схему навигации, проведя
персонажей по ней• Список требований/use cases– Утверждение – жизненно-важный момент– ДО разработки!– Любо изменение меняет объем задач
![Page 27: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/27.jpg)
Прототипы
• Утвердить основные шаблоны как можно раньше.
• Прежде, чем вносить изменения определить какого уровня изменения:– шаблон, – Страница– и т.д.
![Page 28: 62 ub-overview](https://reader033.vdocuments.net/reader033/viewer/2022060110/555e1873d8b42a99188b5681/html5/thumbnails/28.jpg)
Спасибо за внимание