Сад граблей (часть 1)
DESCRIPTION
Проектирование сайта: анализ пользователей и задач бизнесаTRANSCRIPT
![Page 1: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/1.jpg)
САД ГРАБЛЕЙ:
ПРОЕКТИРОВАНИЕ САЙТАанализ пользователей и задач бизнеса
Виктория Логачева © www.vyzov.ru 2010
![Page 2: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/2.jpg)
Дизайн, ориентированный на пользователя
![Page 3: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/3.jpg)
Что нужно бизнесу
Привязка к бизнес-задачам
Измеряемые критерии Организационные особенности Компромиссы
![Page 4: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/4.jpg)
Что нужно пользователям
Группы пользователей Задачи Среда и условия
![Page 5: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/5.jpg)
Схема исследований
Исследование бизнеса Цели Пользователи Критерии
Исследование пользователей: Кто, зачем и как Персонажи и сценарии
Концепция изменений: Информационная архитектура Концептуальные макеты
![Page 6: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/6.jpg)
СБОР ДАННЫХ
![Page 7: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/7.jpg)
Выявление потребностей заказчика
Заинтересованные стороны
Критерии успешности и способы их измерения
Стратегия дизайна
![Page 8: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/8.jpg)
Структура стратегии дизайна
Задачи бизнеса
Целевая аудитория
Основные задачи продукта
Технологические ограничения
Задачи маркетинга и брендинга
Критерии успешности
![Page 9: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/9.jpg)
Сбор информации о пользователях
О пользователе
Об окружении
Структура деятельности
![Page 10: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/10.jpg)
Что выясняем
Для нового продукта:
Идентификация ЦА
Определение нужд и потребностей
Представления о способе решения задач
Для существующего продукта
Размер и характеристики ЦА
Что нравится, а что нет в продукте
Как используют текущую версию
![Page 11: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/11.jpg)
СИНТЕЗ ДАННЫХ
![Page 12: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/12.jpg)
Что мы делаем на этом этапе
1. Собираем воедино накопленную информацию и представить ее удобным для разработчиков образом.
2. На основе информации получаем портреты пользователей, их потребности, а также ограничения системы.
3. Из полученных портретов извлекаем требования к системе.
![Page 13: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/13.jpg)
Поиски групп
![Page 14: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/14.jpg)
Выделение групп пользователей
Определяем профили:
• пользователя
• среды
• задач
![Page 15: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/15.jpg)
Определение персонажа
Персонаж —
представитель группы пользователей.
![Page 16: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/16.jpg)
Пример персонажа 1: Юлия
![Page 17: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/17.jpg)
Пример персонажа 2: Ольга
![Page 18: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/18.jpg)
Пример персонажа 3: Василий
![Page 19: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/19.jpg)
ФОРМИРОВАНИЕ СЦЕНАРИЕВ.
АНАЛИЗ ЗАДАЧ
![Page 20: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/20.jpg)
Анализ значимости задач
![Page 21: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/21.jpg)
Что такое сценарии
Сценарий — описание действий, которые совершает пользователь, при этом в описаниях видны причины этих действий.
Представляет собой историю: что пользователь хочет делать, почему, каковы его ожидания.
Помогает понять, как пользователи принимают решения, какие факторы на них влияют, какова мотивация.
![Page 22: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/22.jpg)
Пример сценария: Юлия
Потребность
Цели
Условия
Поведение
![Page 23: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/23.jpg)
ИНФОРМАЦИОННАЯ АРХИТЕКТУРА
![Page 24: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/24.jpg)
Ценность информационной архитектуры
Организует весь контент
Разделяет информацию по группам и уровням
Фокусирует пользователей на главном для решения их задач
Помогает найти нужную информацию
![Page 25: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/25.jpg)
Структуры организации
Примеры широкой и узкой структуры
![Page 26: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/26.jpg)
КОНЦЕПТУАЛЬНОЕ ПРОЕКТИРОВАНИЕ
![Page 27: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/27.jpg)
Концептуальный макет
С жесткой компоновкой
• содержит информацию о расположении элементов
• содержит визуальную информацию о приоритетах,
• накладывает ограничения на дизайнера
Без компоновки
• не дает графического представления о приоритетах,
• описывает состав и приоритетность элементов на экране,
• не накладывает дополнительных ограничений на дизайнера
![Page 28: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/28.jpg)
Пример макета без компоновки
![Page 29: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/29.jpg)
Пример макета с компоновкой
![Page 30: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/30.jpg)
1вариант концепт-дизайна
![Page 31: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/31.jpg)
2 вариант концепт-дизайна
![Page 32: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/32.jpg)
Концептуальный макет
![Page 33: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/33.jpg)
3 вариант концепт-дизайна
![Page 34: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/34.jpg)
Окончательный дизайн
![Page 35: Сад граблей (часть 1)](https://reader033.vdocuments.pub/reader033/viewer/2022051616/557fced9d8b42ad1048b4c8a/html5/thumbnails/35.jpg)
Выводы и рекомендации
Учитывайте интересы пользователейУчитывайте потребности бизнесаПроверяйте и тестируйте
Удачи и успехов!