Как бесплатно с помощью пользователя поднять сайт в...
TRANSCRIPT
Автор: Артём Кузнецов © 2008
Артём Кузнецов
www.uexpert.ru [email protected]
Uexpert.ru
Как бесплатнос помощью пользователяподнять сайт в ТОП
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов2
Потенциальные проблемы
• Говорю слишком быстро или медленно
• Говорю слишком тихо или громко
• Непонятные моменты• Недостаточно примеров
Пожалуйста не стесняйтесь и сообщите об этом мне!
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов3
Возникли вопросы?
Запишите Ваши вопросы и я отвечу на них в конце доклада
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов4
Давайте познакомимся
– Кто является специалистом по SEO?
– Кто занимается комплексным интернет-‐маркетингом?
– Кто является владельцем бизнеса?
– Кого не назвали?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов5
Об автореЧленство в профессиональных и научных сообществах
• Association of Computer Machinery, Special Interests Group Computer-‐Human Interaction
Образование:
Имеет специальное образование в трёх областях, необходимых для создания эффективных пользовательских интерфейсов:
• Программирование и знание компьютерных технологий1995г. Казанский Государственный Университет, факультет ВМК.
• Графический дизайн1998г. Школа дизайна при Казанской Архитектурной Академии.
• Психология2004г. Московская Государственная Академия ГАСИС, факультет психологии.
• Дополнительное обучение на семинарах ведущих мировых экспертов в области человеко-‐компьютерного взаимодействия.
• C 1999 года занимается проектированием и тестированием пользовательских интерфейсов
• 2006 -‐ 2007 создал и руководил отделом проектирования пользовательских интерфейсов компании Acronis Inc.
• 2008 создал и руководил отделом проектирования пользовательских интерфейсов компании Яндекс.
• С октября 2008 года является независимым юзабилити экспертом, занимается выполнением уникальных крупных проектов и обучением специалистов.
Артём Кузнецов Директор проекта U expert
6
Наши клиенты и примеры работ
7И многие другие...
8
Рекламная Сеть Яндекса (РСЯ)• Сбор пользовательских требований • Концептуальное проектирование• Детальное проектирование• Авторский надзор
Наши работы (1)
Рекламная Сеть
9
Рекламная Сеть Яндекса (РСЯ)✓Мы провели полный цикл работ для того, чтобы
перепроектировать один из ведущих, приносящих существенный доход сервисов Яндекса, позволяющий компании быть лидером в области контекстной рекламы.
✓ В результате нашей работы было спроектировано более семи пользовательских интерфейсов для внешних и внутренних пользователей системы.
✓Мы получили самые позитивные отклики как от сотрудников компании Яндекс, так и от пользователей РСЯ.
Наши работы (2)
Рекламная Сеть
10
Наши работы (3)
Лаборатория Касперского• Создание отдела проектирования пользовательских интерфейсов компании
• Обучение сотрудников компании в области проектирования эффективного взаимодействия между интерактивными компьютерными продуктами и пользователями (более 7 тренингов)
11
Наши работы (4)
Лаборатория Касперского• Проведение пользовательских исследований для таких известных продуктов как Антивирус Касперского v.2010, Kaspersky Internet Security v.2010, Kaspersky Mobile Security, Kaspersky Crystal и др.
• Концептуальное проектирование для таких известных продуктов как Антивирус Касперского v.2010, Kaspersky Internet Security v.2010, Kaspersky Mobile Security, Kaspersky Crystal и др.
12
Довольные заказчики -‐ лучшая награда!
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов13
Спектр наших работ
Программы для ПКМобильные приложения
Веб-‐сайты и веб-‐сервисы
Сенсорные киоски
Все, что имеет интерфейс с пользователем
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов14
Об автореДостижения•ЭПАК – Уникальная методика оценки эффективности
взаимодействия человека с веб-‐сайтами и программами
•Система квалификации специалистов в области проектирования и юзабилити
•Более 15 профессиональных тренингов по теме проектирования пользовательских интерфейсов
•3 отдела проектирования – Создание 3-‐х отделов проектирования пользовательских интерфейсов в таких крупных международных компаниях как Акронис, Яндекс и Лаборатория Касперского.
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов15
Содержание– Что такое успешный веб-‐сайт (стр 16 →)– Наши цели и потребности (стр 21 →)– Поведенческие факторы (стр 27 →)– Кто наши пользователи (стр 32 →)– Пользовательские исследования (стр 35 →)– Анализ текущей ситуации (стр 60 →)– Как спроектировать веб-‐сайт, чтобы он сделал пользователя счастливым (стр 90 →)
– Приглашаем к сотрудничеству (стр 118 →)– Дополнительные материалы (стр 120 →)– Наши контакты (стр 122 →)
16
Что такое «успешный веб-‐сайт»
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов17
Что такое успешный веб-‐сайт
посещаемостьконверсия
приятный внешний вид
возвраты
лояльная аудиториядостижение целей
и не только...
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов18
Что такое успешный веб-‐сайт (2)
Успешный веб-‐сайт не только востребован на рынке и при этом не только выполняет свое функциональное назначение, но и доставляет пользователю удовольствие в такой степени, что тот начинает рекомендовать его своим друзьям и знакомым.
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов19
Успешный веб-‐сайт
Бизнес
Технологии
Пользователи
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов20
Успешный сайт
Бизнес
Технологии
Пользователи
Успешный веб-‐сайт
21
Наши цели и потребности
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов22
Наши цели и потребностиПоисковая система•Высокий уровень доходов•Большой объем рекламы•Доверие клиентов•Репутация лидера отрасли•Высокая посещаемость пользователями•Достижение целей пользователей•Удобство и легкость использования
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов23
Наши цели и потребностиКонсультанты / SEO-‐специалисты•Высокий уровень доходов•Репутация лидера отрасли•Довольные клиенты•Высокий рейтинг сайта клиента•Высокая посещаемость пользователями•Достижение целей пользователей
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов24
Наши цели и потребностиВладельцы сайтов•Высокий уровень доходов•Репутация лидера отрасли•Довольные клиенты•Высокий рейтинг сайта•Высокая посещаемость пользователями•Достижение целей пользователей
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов25
Ну, услышал я тебя, и что?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов26
В результате все заинтересованы в том, чтобы пользователи были довольны и могли легко и удобно достигать своих целей на сайте.
27
Поведенческие факторы
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов28
Поведенческие факторы — ряд взаимосвязанных действий пользователей на стороне поисковой выдачи и внутри сайта, с помощью которых поисковые системы могут анализировать полезность ресурса/страницы.
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов29
Поведенческие факторы (ПФ):•Отказы (bounce rate)•Глубина просмотра•Время на сайте•Возвращение к поиску•Прямые заходы•Характер перемещения курсора мыши•Кликабельность быстрых ссылок (CTR сниппета)
•Кнопки социальных сетей
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов30
Способы улучшить (ПФ):•Накрутка (боты, люди, биржи и пр)•Полезный контент•Понятная структура•Удобство использования (юзабилити)•Высокая скорость загрузки страниц•Отсутствие лишней информации•И пр...
Для кого?
Кому?
Для кого?
Для кого?
Для кого?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов31
Пользователи должны с удовольствием достигать своих целей и хотеть:
1. Вернуться
2. Порекомендовать другим
32
Кто наши пользователи?Как узнать своего пользователя,
как познакомиться с ним и заставить совершить нужные действия
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов33
Кто наши пользователи?
Пользователи / ЦА
ПолВозраст
Уровень компьютерной грамотности
Интересы
Опыт в предметной области
Социальный статус
Потребности
Ожидания от взаимодействия
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов34
Как исследовать пользователей?Варианты:•Анализ статистики•Веб-‐визор и т.п.•Маркетинговые исследования•Пользовательские исследования
35
Пользовательские исследования
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов36
Задайте себе вопрос
Для чего нужны пользовательские исследования?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов37
Для чего нужны пользовательские исследования?
Кто они?Для чего им наш продукт?Контекст
использования?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов38
Пользовательские исследования:
интервьюанкетирование
фокус-группы
полевые наблюдения
юзабилити-тестированиекарточная сортировка
мысли вслух...
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов39
Пользовательские исследования:
Сколько тут котов?
Зачем они здесь?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов40
Типы методов:
качественные
количественные
для чего? с какой целью?как?
сколько?за какое время?
как часто?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов41
Примеры распределения методов:
качественные
количественные
интервью фокус-группы
полевые наблюдения
анкетированиеюзабилити-тестирование
карточная сортировка
мысли вслух
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов42
Пользовательские исследования
Рассмотрим подробнее?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов43
Интервью
прямой диалог с респондентом
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов44
Интервью – преимущества
☺Прямой диалог позволяет получить много полезной и детализирован-ной информации
☺Возможность узнать о контекстах использования продукта
☺Возможность узнать что-то за рамками плана исследования
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов45
Интервью – недостатки
☹Недостаточная выборка для статистики☹Сложность поиска респондентов☹Дополнительные расходы на организацию и проведение
☹Необходимость ехать к респонденту☹Дополнительная техника (диктофон или камера)
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов46
Анкетирование
опрос респондентов при помощи заранее заготовленной анкеты
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов47
Анкетирование – преимущества
☺Большое количество респондентов
☺Низкие затраты
☺Возможность сбора статистических данных
☺Анонимность
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов48
Анкетирование – недостатки
☹Качество исследования прямо зависит от качества анкеты
☹Невозможно определить широкие контексты использования продукта
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов49
Фокус-‐группы
опрос группы респондентов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов50
Фокус-‐группы – преимущества
☺Хороши для того, чтобы узнать первую реакцию на дизайн интерфейса
☺Возможность узнать что-то за рамками плана исследования
☺Возможность узнать, что пользователи хотят от продукта
☺Эффект “мозгового штурма”
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов51
Фокус-‐группы – недостатки
☹Не эффективны для определения естественного поведения пользователей
☹Стремление группы прийти к общему мнению
☹Оценка собственного поведения респондента может быть неточной
☹Сложность поиска респондентов☹Дополнительные расходы на организацию и проведение
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов52
Юзабилити-‐тестирование
эксперимент для определения удобства использования продукта
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов53
Юзабилити-‐тестирование – преимущества
☺Возможность выявления реальных проблем интерфейса
☺Хорошо для оценки восприятия пользователем названий интерфейсных элементов (кнопок, заголовков и пр.)
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов54
Юзабилити-‐тестирование – недостатки
☹Искусственная обстановка☹Редко удаётся обнаружить возможности за рамками текущей функциональности продукта
☹Редко удаётся найти какие-то дизайн решения
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов55
Практика показывает что...
Качественные методы исследований наиболее эффективны!
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов56
Что мы получаем в результате•Достоверная информация о ЦА•Характеристики групп ЦА их % соотношение и приоритеты
•Цели пользователей•Проверка гипотез•Словарь пользователей•Ожидания от взаимодействия (образ сайта)
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов
ключевой
57
Что мы получаем в результате
58
Методы сбора пользовательских требований
Методика синтеза персонажей
Подробные тренинги на тему Исследований
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов59
Что дальше?•Анализ текущей ситуации•Проектирование с учётом особенностей ЦА
60
Анализ текущей ситуации
Аудит эффективности взаимодействия пользователей с веб-‐сайтом
или юзабилити-‐экспертиза веб-‐сайта
Подробнее: http://www.uexpert.ru/Services2-‐expert-‐review.htm
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов61
Основа анализа•Так делают конкуренты•Так делают гиганты отрасли•Так сказал эксперт Иван•Так было написано в одной книге•и пр...
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов62
Более эффективно...
Нужно опираться на знания о своей целевой аудитории и на
психологические особенности
восприятия человека.
63
Особенности восприятия человека
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов64
Особенности восприятия человека
1. Особенности, связанные со зрением, видением, распознаванием и вниманием
2. Особенности, связанные с памятью
3. Особенности, связанные с мышлением
4. Особенности, связанные с процессом взаимодействия
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов65
3. Особенности связанные с мышлением
• Чаще всего мы думаем о задачах, а не об инструментах для их выполнения
• Мы ищем, используем и навязываем структуру всему
• Мы не любим догадываться и делать логические умозаключения
• Цикл мышления: цель – действие – оценка результата.
• Мы обучаемся быстрее, если
– Нам знаком словарь – Словарь составлен и применяется единообразно
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов66
Мы ищем, используем и навязываем структуру всему
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов67
Мы ищем, используем и навязываем структуру всему (2)
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов68
Мы ищем, используем и навязываем структуру всему (3)
Структурированная информация воспринимается быстрее и легче!
69
Золотые правила создания успешных веб-‐сайтов
2 31
Подробнее на тренинге
Подробнее: http://www.uexpert.ru/Uclass1-‐Base03.htm
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов70
МЕТОД ЮЗАБИЛИТИ-ЭКСПЕРТИЗЫ “ЭПАК”
Элемент пользовательского интерфейса
Правило проектирования
Аспект взаимодействия
Критичность проблемы
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов71
ЭЛЕМЕНТЫ ИНТЕРФЕЙСА
•Тексты•Графика•Навигация•Формы
ЭПАК
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов72
ПРАВИЛА ПРОЕКТИРОВАНИЯ
•Информационная ясность•Визуальная ясность•Корректность•Единообразие•Минимализм и обоснованность
ЭПАК
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов73
АСПЕКТЫ ВЗАИМОДЕЙСТВИЯ
•Поддержка задач пользователя•Контроль и свобода•Обратная связь•Обработка ошибок
ЭПАК
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов74
КРИТИЧНОСТЬ ПРОБЛЕМЫ
•Высокая•Средняя•Низкая
ЭПАК
75
• Достигаются ли бизнес-‐цели компании?• Выполнимы ли задачи пользователя?• Соответствует ли веб-‐сайт ожиданиям пользователя?
Вопросы при проведении экспертизы
Вызывает ли взаимодействие пользователя с веб-‐сайтом• Ощущение доверия к компании, ее товарам и услугам?
• Ощущение удовлетворенности?• Ощущение надёжности и предсказуемости?• Позитивные эмоции?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов76
•Синтез персонажей•Разработка сценариев•Проведение экспертизы (несколько экспертов) по сценариям, определение проблем и их описание, простановка оценок
•Анализ полученных данных•Разработка отчета
Методика проведения экспертизы
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов77
Правила проектирования
Информационная ясностьПользователи должны ясно понимать смысл и предназначение всех текстов, графических элементов, навигации и элементов управления.
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов78
Правила проектирования
Визуальная ясность
Создайте ясную структуру и иерархию всех визуальных элементов. Поддерживайте визуальное сканирование интерфейса. Минимизируйте визуальный шум.
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов79
Правила проектирования
Корректность
Добейтесь корректности, работоспособности, правильности
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов80
Правила проектирования
Единообразие
Соблюдайте единообразие терминов, концепций, визуального стиля
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов81
Правила проектирования
Минимализм и обоснованность
Каждый элемент интерфейса, который видит пользователь должен доказать своё право на существование
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов82
Аспекты взаимодействия
Поддержка задач пользователя
Фокусируйтесь на пользователях и их задачах.
Рассматривайте решение задач с точки зрения пользователей. Обеспечьте решение наиболее важных задач в первую очередь.
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов83
Аспекты взаимодействия
Контроль и свобода
Создайте и поддерживайте у пользователя ощущение контроля за ситуацией и свободы выбора способа решения задач
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов84
Аспекты взаимодействия
Обратная связь
Обеспечьте своевременную информативную обратную связь
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов85
Аспекты взаимодействия
Обработка ошибок
Максимально содействуйте предотвращению и исправлению ошибок
86
Оценки (ЭПАК)ТекстыГрафикаНавигацияФормы ввода данныхИнформационная ясностьВизуальная ясностьКорректностьЕдинообразиеМинимализм и обоснованностьПоддержка задач пользователяКонтроль и свободаОбратная связьОбработка ошибок
Элем
ент
Пра
вило
Асп
ект
Критичность
3,076
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов88
Результаты экспертизы•Оценка текущей ситуации•Исчерпывающий список проблем взаимодействия с пользователями, ранжированный по уровню критичности
•Рекомендации по устранению недочётов•Ясная картина куда и как двигаться дальше
89
Экспертная оценка ~ 1-‐2 недели• Сбор информации (бизнес-‐цели, целевая аудитория,
основные варианты использования и др.)
• Исследование продукта экспертом• Подготовка экспертного заключения• Презентация результатов экспертизы
консультация по устранению выявленных недостатков.
Заказчику предоставляется✓ Документ с экспертным заключением✓ Устная консультация по устранению выявленных
недостатков
Подробнее: http://www.uexpert.ru/Services2-‐expert-‐review.htm
Наши услуги (1)
90
Как спроектировать веб-‐сайт, чтобы он сделал пользователя
счастливымПроектирование эффективного
взаимодействия с пользователями
Подробнее: http://bit.ly/uexpert-‐design
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов91
Нужно использовать процесс проектирования, который будет сфокусирован на достижении пользователями их целей.
Как спроектировать веб-‐сайт, чтобы он сделал пользователя счастливым
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов92
Тратят западные стартапы и сервисы на проектирование эффективного взаимодействия с пользователями.
60%
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов93
Обзор процесса проектирования
Сбор данных
Анализ
Исследование
Концептуальное проектирование
Детальное проектированиеСинтез
Сопровождение разработки
Поддержка внедрения
Авторский надзор
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов94
Обзор процесса проектирования
Сбор данных
Анализ
Концептуальное проектирование
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Внутренее исследованиеВнешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов95
Обзор процесса проектирования (3)
Внутренние исследования• Выясняем идею и цели проекта• Выясняем какие есть возможности (технологии, использование библиотек и пр.)
• Выясняем какие есть ограничения (технические, временные и др.)
• Погружаемся в предметную область• Узнаём кто наши потенциальные пользователи
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов96
Обзор процесса проектирования (3)
Внешние исследования• Проверяем гипотезы о характеристиках и об особенностях поведения пользователей
• Выясненяем цели и задачи пользователей• Выясняем контекст использования продукта• Обнаруживаем реальные факты• Создаём словарь терминов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов97
Обзор процесса проектирования (2)
Бизнес-‐цели?
Какие у нас есть функциональные возможности?
Какие у нас есть ограничения (финансовые, временные, техн.)?
Кто пользователи?
Цели и задачи пользователей?
Контекст использования?
Вопросы
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов98
Обзор процесса проектирования (3)
Инструменты и методы• Интервью• Анкетирование• Полевые наблюдения• Фокус-‐группы• Анализ документации, логов• Конкурентный анализ• Анализ тенденций• Моделирование набора персонажей• Создание контекстных и ключевых сценариев• и др.
99
Сбор польз. требований ~ 2-‐5 недель• Сбор информации (бизнес-‐цели, целевая аудитория,
основные варианты использования и др.)
• Подготовка и проведение исследования
• Анализ данных и составление отчета• Представление результатов
Заказчику предоставляется✓ Документ с обоснованным списком пользовательских
требований✓ Отчет о проведенном исследовании
Подробнее про услугу: http://www.uexpert.ru/Services2-‐user-‐requirements.htm
Наши услуги
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов100
Обзор процесса проектирования
Сбор данных
Анализ
Концептуальное проектирование
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Внутренее исследованиеВнешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов101
Обзор процесса проектирования (3)
Анализ• Моделируем набор персонажей• Создаём набор контекстных сценариев• Создаём модели движения артефактов• Выявляем тенденции развития исследуемой области
• Проводим конкурентный анализ• и пр.
102
Конкурентный анализ ~ 1-‐5 недель• Сбор информации (бизнес-‐цели, целевая аудитория,
основные варианты использования и др.)
• Проведение конкурентного анализа выбранных веб-‐сайтов по выявленным основным сценариям взаимодействия
• Подготовка экспертного заключения по каждому веб-‐сайту и комплексная оценка
• Представление результатовЗаказчику предоставляется✓ Документ с описанием результатов конкурентного
анализа✓ Устная презентация результатов
Подробнее про услугу: http://www.uexpert.ru/Services2-‐competitive-‐analyse.htm
Наши услуги
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов103
Обзор процесса проектирования
Сбор данных
Анализ
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Концептуальное проектирование
Внутренее исследованиеВнешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов104
Обзор процесса проектирования (5)
Концептуальное проектирование• Описываем образ программы• Описываем концепцию взаимодействия• Определяем базовые элементы структуры интерфейса
• Создаём набор ключевых сценариев• Описываем структуру программы• Создаём концептуальный макет• Проверяем макет проверочными сценариями
105
Концептуальное проектирование ~ 3-‐5 недель• Сбор пользовательских требований• Разработка концепции взаимодействия пользователей с продуктом
• Создание концептуального макета
Наши услуги
Заказчику предоставляется✓ Отчет о пользовательском исследовании✓ Описание концептуальной модели интерфейса продукта✓ Концептуальный макет
Подробнее про услугу: http://www.uexpert.ru/Services2-‐conceptual-‐design.htm
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов106
Обзор процесса проектирования
Сбор данных
Анализ
Концептуальное проектирование
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Внутренее исследованиеВнешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов107
Обзор процесса проектирования (5)
Детальное проектирование• Создаём детальные макеты• Используем дизайн-‐паттерны• Проверяем детальные макеты проверочными сценариями
• Создаём интерактивный макет• Проводим юзабилити-‐тестирование макетов• Создаём детальное описание интерфейса и взаимодействия
• Создаём стилевые руководства
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов108
Обзор процесса проектирования (4)
Из каких частей будет состоять веб-‐сайт?
Вопросы
Как эти части будут взаимо-‐действовать друг с другом?
Частота и важность запрашиваемого функционала?
Как выглядит каждая страница веб-‐сайта?
Что будет по нажатию на ссылку X?
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов109
Обзор процесса проектирования (5)
Инструменты и методы• Формирование структуры• Группировка и описание элементов• Прототипирование• Валидация прототипов•Юзабилити-‐тестирование прототипов• Графическое оформление• Использование дизайн-‐паттернов• Использование проверочных списков • и др.
110
Детальное проектирование ~3-‐5 недель• Концептуальное проектирование• Создание детальных макетов• Описание детальных макетов
Наши услуги
Заказчику предоставляется✓ Все материалы по концепции (см. предыдущую услугу)✓ Детальный макет ✓ Консультации по реализации
Подробнее про услугу: http://www.uexpert.ru/Services2-‐ui-‐design.htm
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов111
Обзор процесса проектирования
Сбор данных
Анализ
Концептуальное проектирование
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Внутренее исследованиеВнешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов112
Обзор процесса проектирования (5)
Сопровождение разработки• Консультируем разработчиков• Оптимизируем макеты• Вносим коррективы при разработке• Создаём промежуточные варианты дизайна с учётом сроков релиза
• Проверяем интерфейсные тексты
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов113
Обзор процесса проектирования
Сбор данных
Анализ
Концептуальное проектирование
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Внутренее исследованиеВнешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов114
Обзор процесса проектирования (5)
Поддержка внедрения• Анализируем обратную связь от пользователей
• Проводим юзабилити-‐тестирование продукта• Устраняем обнаруженные проблемы в интерфейсе
• Создаём документацию на последующую разработку
115
Авторский надзор ~от 2-‐х недель• Консультации разработчиков • Поиск новых или компромиссных решений• Проведение проверок созданного разработчиками прототипа продукта
Наши услуги
Заказчику предоставляется✓ Устные консультации и рекомендации по вопросам, касающимся
интерфейса продукта✓ Результаты проверок созданного разработчиками прототипа
интерактивного компьютерного продукта
Подробнее про услугу: http://www.uexpert.ru/Services2-‐Support.htm
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов116
Обзор процесса проектирования
Сбор данных
Анализ
Внутренее исследование
Концептуальное проектирование
Детальное проектирование
Сопровождение разработки
Поддержка внедрения
Внешнее исследование
Синтез персонажейРазработка сценариев
Разработка структурыКонцептуальный макет
Детальный макет
Консультации разраб.Оптимизация макета
Анализ обратной связиУстранение недочётов
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов117
Вывод
Проектированием эффективного взаимодействия должны заниматься профессионалы!
118 Подробнее: http://www.uexpert.ru/Partnership.htm
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов119
Дополнительные вопросы:•Как повысить конверсию?•Как улучшить юзабилити сайта?•Как сделать структуру сайта понятнее?•Как ускорить загрузку страниц?•Нужно ли увеличивать глубину просмотра?
•Нужно ли увеличивать время посещения?
•Из чего формируется доверие к сайту?•Какие тенденции в 2015 году?
120
Дополнительные материалы – www.uexpert.ru
Отчёты "Об исследовании эффективности взаимодействия пользователей с веб-‐сайтами" PDF файлы, более 100 страниц, описано более 200 ошибок, цветные иллюстрации.
Подробности →
Видео-‐курс "Золотые правила создания успешных веб-‐сайтов" CD-‐диск, видео-‐запись высокого качества, продолжительность: 2 часа, содержит 170 слайдов и запись голоса ведущего.
Заказать →
Как бесплатно с помощью пользователя поднять сайт в ТОП © 2015, Uexpert Артём Кузнецов121
Клуб Успешных Проектов
Вместе сделаем Ваш проект успешным!http://bit.ly/uprojectclub
122
Uexpert.ru Артем Кузнецов[email protected]
www.uexpert.ru
Успех Вашего веб-сайта – наш успех!
http://www.facebook.com/kouznetsov.artem
http://twitter.com/uexpert
http://ru.linkedin.com/pub/артем-кузнецов/8/503/76a
http://www.slideshare.net/uexpert
http://www.youtube.com/user/UexpertRu