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