35
САД ГРАБЛЕЙ: ПРОЕКТИРОВАНИЕ САЙТА анализ пользователей и задач бизнеса Виктория Логачева © www.vyzov.ru 2010

Сад граблей (часть 1)

  • Upload
    -

  • View
    275

  • Download
    1

Embed Size (px)

DESCRIPTION

Проектирование сайта: анализ пользователей и задач бизнеса

Citation preview

Page 1: Сад граблей (часть 1)

САД ГРАБЛЕЙ:

ПРОЕКТИРОВАНИЕ САЙТАанализ пользователей и задач бизнеса

Виктория Логачева © www.vyzov.ru 2010

Page 2: Сад граблей (часть 1)

Дизайн, ориентированный на пользователя

Page 3: Сад граблей (часть 1)

Что нужно бизнесу

Привязка к бизнес-задачам

Измеряемые критерии Организационные особенности Компромиссы

Page 4: Сад граблей (часть 1)

Что нужно пользователям

Группы пользователей Задачи Среда и условия

Page 5: Сад граблей (часть 1)

Схема исследований

Исследование бизнеса Цели Пользователи Критерии

Исследование пользователей: Кто, зачем и как Персонажи и сценарии

Концепция изменений: Информационная архитектура Концептуальные макеты

Page 6: Сад граблей (часть 1)

СБОР ДАННЫХ

Page 7: Сад граблей (часть 1)

Выявление потребностей заказчика

Заинтересованные стороны

Критерии успешности и способы их измерения

Стратегия дизайна

Page 8: Сад граблей (часть 1)

Структура стратегии дизайна

Задачи бизнеса

Целевая аудитория

Основные задачи продукта

Технологические ограничения

Задачи маркетинга и брендинга

Критерии успешности

Page 9: Сад граблей (часть 1)

Сбор информации о пользователях

О пользователе

Об окружении

Структура деятельности

Page 10: Сад граблей (часть 1)

Что выясняем

Для нового продукта:

Идентификация ЦА

Определение нужд и потребностей

Представления о способе решения задач

Для существующего продукта

Размер и характеристики ЦА

Что нравится, а что нет в продукте

Как используют текущую версию

Page 11: Сад граблей (часть 1)

СИНТЕЗ ДАННЫХ

Page 12: Сад граблей (часть 1)

Что мы делаем на этом этапе

1. Собираем воедино накопленную информацию и представить ее удобным для разработчиков образом.

2. На основе информации получаем портреты пользователей, их потребности, а также ограничения системы.

3. Из полученных портретов извлекаем требования к системе.

Page 13: Сад граблей (часть 1)

Поиски групп

Page 14: Сад граблей (часть 1)

Выделение групп пользователей

Определяем профили:

• пользователя

• среды

• задач

Page 15: Сад граблей (часть 1)

Определение персонажа

Персонаж —

представитель группы пользователей.

Page 16: Сад граблей (часть 1)

Пример персонажа 1: Юлия

Page 17: Сад граблей (часть 1)

Пример персонажа 2: Ольга

Page 18: Сад граблей (часть 1)

Пример персонажа 3: Василий

Page 19: Сад граблей (часть 1)

ФОРМИРОВАНИЕ СЦЕНАРИЕВ.

АНАЛИЗ ЗАДАЧ

Page 20: Сад граблей (часть 1)

Анализ значимости задач

Page 21: Сад граблей (часть 1)

Что такое сценарии

Сценарий — описание действий, которые совершает пользователь, при этом в описаниях видны причины этих действий.

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

Помогает понять, как пользователи принимают решения, какие факторы на них влияют, какова мотивация.

Page 22: Сад граблей (часть 1)

Пример сценария: Юлия

Потребность

Цели

Условия

Поведение

Page 23: Сад граблей (часть 1)

ИНФОРМАЦИОННАЯ АРХИТЕКТУРА

Page 24: Сад граблей (часть 1)

Ценность информационной архитектуры

Организует весь контент

Разделяет информацию по группам и уровням

Фокусирует пользователей на главном для решения их задач

Помогает найти нужную информацию

Page 25: Сад граблей (часть 1)

Структуры организации

Примеры широкой и узкой структуры

Page 26: Сад граблей (часть 1)

КОНЦЕПТУАЛЬНОЕ ПРОЕКТИРОВАНИЕ

Page 27: Сад граблей (часть 1)

Концептуальный макет

С жесткой компоновкой

• содержит информацию о расположении элементов

• содержит визуальную информацию о приоритетах,

• накладывает ограничения на дизайнера

Без компоновки

• не дает графического представления о приоритетах,

• описывает состав и приоритетность элементов на экране,

• не накладывает дополнительных ограничений на дизайнера

Page 28: Сад граблей (часть 1)

Пример макета без компоновки

Page 29: Сад граблей (часть 1)

Пример макета с компоновкой

Page 30: Сад граблей (часть 1)

1вариант концепт-дизайна

Page 31: Сад граблей (часть 1)

2 вариант концепт-дизайна

Page 32: Сад граблей (часть 1)

Концептуальный макет

Page 33: Сад граблей (часть 1)

3 вариант концепт-дизайна

Page 34: Сад граблей (часть 1)

Окончательный дизайн

Page 35: Сад граблей (часть 1)

Выводы и рекомендации

Учитывайте интересы пользователейУчитывайте потребности бизнесаПроверяйте и тестируйте

Удачи и успехов!