Your SlideShare is downloading. ×
Юзабилити, о котором Вы ничего не знаете
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Introducing the official SlideShare app

Stunning, full-screen experience for iPhone and Android

Text the download link to your phone

Standard text messaging rates apply

Юзабилити, о котором Вы ничего не знаете

4,897
views

Published on

Выступление в центре Эдукор 4 мая 2010 года

Выступление в центре Эдукор 4 мая 2010 года


0 Comments
7 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
4,897
On Slideshare
0
From Embeds
0
Number of Embeds
6
Actions
Shares
0
Downloads
211
Comments
0
Likes
7
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Пономарев Петр Eshopsales.ru - маркетинг интернет- магазинов Санкт-Петербург , 2010 г. Что такое юзабилити на самом деле и где здесь деньги для бизнеса?
  • 2. Что такое юзабилити? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев ? Жили же без всякого юзабилити и деньги зарабатывали?
  • 3. Мифы о юзабилити www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Набор правил и стандартов? Где они написаны?
    • Навык дизайнера? Умение программиста? Нужно найти смекалистых программистов и дизайнеров
    • Лженаука? Способ «раскрутить» на деньги?
    • «Правильный» дизайн?
    • Дизайн который нравится? Кому? Владельцу? Большинству?
  • 4. Что такое юзабилити? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Один из способов повышения конверсии сайта Качество интерфейса сайта – выраженное в достижении поставленных целей пользователями Кто может измерить качество юзабилити? Только Ваши посетители.
  • 5. Что такое юзабилити для бизнеса? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Это набор методик , при помощи которых , происходит постоянный анализ конверсии и ее повышение.
  • 6. Например… www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Два сайта с идентичными услугами и условиями их предоставления Юзабилити проектирования не было 17% посетителей не нашли контактной информации 25% не смогли понять где у Вас список услуг 17% не нашли цены 14% не комфортно себя чувствовали и отнеслись к Вашим предложениям слишком критично 19% не нашли информации , которую искали. Юзабилити проектирование было сделано качественно 24 % посетителей позвонили в компанию
  • 7. Сайт Геомаш – главная страница www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Процент отказов 37%
  • 8. Сайт Геомаш – главная страница www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Процент отказов 19%
  • 9. Что изменилось? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Страница стала соответствовать стандартам? Стала более «красивой»? Стала нравится начальнику?
  • 10. Что изменилось? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Повышение конверсии – это результат тестирования и проверки нескольких гипотез
  • 11. Что такое юзабилити? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Один из инструментов , который заставляет пользователей достигать Ваши цели. Способом , который Вам выгоден. Один из способов увеличения прибыли
  • 12. Где деньги? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Кнопка за $ 300 млн Просто форма регистрации Два поля ( e-mail и password) •    Две кнопки ( Login и Register) •    Одна ссылка ( Forgot password?) 1) Кнопку «Регистрация» переименовали в кнопку «Продолжить», 2) Добавили к ней короткий комментарий
  • 13. Где деньги? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Каждый доллар вложенный в usability возвращает от 10 до 100 прибыли или сэкономленных средств
    • Снижение расходов и времени на разработку ( в том числе на поддержку и переделку)
    • Увеличение продаж – увеличение доходов
    • Лояльность и удовлетворенность пользователей
    • Снижение затрат на внедрение (обучение)
    • Возврат инвестиций – деньги , которые можно посчитать
    • Меньше бюджета на рекламу , при этом дает лучший результат при одинаковых вложениях в рекламу.
  • 14. А кому оно вообще надо? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Статистика запросов по yandex в месяц:   “ раскрутка сайта” запрашивается почти 62.000 раз, “продвижение сайта” – 78.500 раз, а “ поисковая оптимизация ” – более 13.000 раз. “ маркетинговый аудит сайта” ( 87 раз), “веб-аналитика” ( 349 раз), “ юзабилити” ( 2876 раз) “интернет-PR” (ок. 700 раз). На юзабилити никогда нет денег. Зато они всегда есть на рекламу…
  • 15. Юзабилити в Рунете не существует www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • 90% сайтов не используют юзабилити как способ увеличения продаж
    • Абсолютное большинство руководителей малого и среднего бизнеса не имеют представления о том как юзабилити сайта связано с прибылью компании
    • В России почти нет компаний , которые предлагают услуги по юзабилити на профессиональном уровне usabilitylab.ru, uimodeling.ru, usethics.ru, uidesign.ru, … кто еще?
  • 16. 5 способов испортить сайт и потерять прибыль www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Из за того , что Вы не знаете что такое юзабилити Все говорят что знают , а на самом деле?
  • 17. 5 способов испортить сайт и потерять прибыль www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Поручить заботу о юзабилити дизайнеру или программисту
    • Спросить друзей/знакомых/коллег, написать вопросы на форумах
    • Получить «бесплатный» совет «специалиста»
    • Делать сайт, который нравится мне
    • Поручить работу приличной студии и забыть
  • 18. ГЛАВНЫЙ СЕКРЕТ www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Никто кроме Вашей аудитории не может знать как должен выглядеть и работать Ваш сайт Никакие критерии , кроме прямых продаж не измерят качество дизайна Если Вы не наблюдали за поведением пользователей… То Вы ничего о них не знаете.
  • 19. Направления увеличения продаж на корпоративном сайте www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Помочь с выбором товара или услуги.
    • Облегчение взаимодействия с сайтом
    • Построение механизмов обратной связи
    • Оптимизация процесса заказа
    • Сегментация аудитории
    • Дать повод вернуться
    • Предоставить аргументы к покупке
    • Обоснование цены
  • 20. Что мешает понять? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Особенности аудитории:
    • В первую очередь ценят качество информации
    • Не читают, а «сканируют»
    • Хотят все сразу — здесь и сейчас.
    • Пользователи хотят полного контроля ситуации
    • Привыкли к наличию альтернативы
    • Внимание дорого!
    • Пользователи не принимают оптимальных решений и ведут себя нерационально.
    • То что пользователь говорит и что он делает чаще всего отличается.
  • 21. Что мешает понять? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Взгляд человека движется не так , как вы предполагаете
  • 22. Что делать? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Стандарты
    • Общие
    • Отраслевые
    • Для сегмента аудитории
    • Анализ конкурентов и их аудитории
    • Анализ поведения аудитории на сайте и коррекция действий
    • Фокус-группы
  • 23. Что входит в юзабилити? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Проектирование ( User Story + User cases )
    • Анализ аудитории (Стереотипы , поведение , ассоциации)
    • Анализ конкурентов (Сложившиеся стандарты и тенденции)
    • Анализ поведения пользователей на сайте (Аналитика , eye tracking )
    • Предположения и гипотезы
    • Проверка (Тестирование , split-testing)
    • Коррекция и анализ результата
    • Юзабилити – постоянный процесс – увеличения конверсии сайта
  • 24. Ваша аудитория. Что нужно знать. www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев И нужно ли? 1)Возраст 2) Пол 3) Навыки работы с Интернет 4) Уровень лояльности 5) Модель поведения (что искал и как нашел) 6) Стереотипы 7) Привычные сценарии 8) Ресурсы, которые любит посещать 9) Ресурсы, которые не нравятся 10) Что раздражает
  • 25. Место юзабилити в разработке сайта www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Формулировка целей и задач
    • Описание аудитории и ее сегментация
    • Разработка user story для каждого типа аудитории (персонажа) и для каждой задачи
    • Прототипирование
    • Тестирование
    • Корректировка
    • Разработка
    • Тестирование
    • ПОСТОЯННАЯ РАБОТА
  • 26. Что такое прототип? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 27. Что такое прототип? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 28. Принципы юзабилити-подхода www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Не заставляйте меня думать! Стивен Круг
  • 29. Принципы юзабилити-подхода в проектировании www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Правило 7+2 (количество элементов)
    • Правило 2 секунд
    • Правило 3-х кликов
    • Правило Парето (20 % посетителей дают 80% продаж) для кого сайт?
    • Логичность (принцип ожидаемого результата)
    • Привило последовательной подачи
    • Обратимость любого действия
    • Контролируемость
  • 30. Принципы юзабилити-подхода в проектировании www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Перевернутая пирамида - метод подачи информации
    • Удовлетворенность пользователя
    • «Синдром утенка»
    • Значение ситуации «по умолчанию»
    • «Баннерная слепота»
    • Пользователь должен чувствовать, что все под его контролем.
    • Как можно меньше загружайте кратковременную память.
  • 31. Баннерная слепота www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 32. 7 элементов? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 33. 7 элементов? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 34. Что мы поймем за 2 секунды? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 35. Что мы поймем за 2 секунды? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 36. Что мы поймем за 2 секунды? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 37. По умолчанию www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 38. Обратимость любого действия www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 39. Ожидаемость результата www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев А что дальше?
  • 40. Ожидаемость результата www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 41. Не грузим память! www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 42. Пирамида и сквозное чтение www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 43. Принцип целей www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Каждая страница имеет свою цель , лучше если цель ОДНА Запомнить Перейти на другую страницу Заполнить форму Позвонить Заказать … .
  • 44. Принцип целей www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 45. Стандарты юзабилити www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Какие существуют стандарты?
  • 46. Стандарты юзабилити www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев На самом деле никаких стандартов того КАК ДОЛЖЕН ВЫГЛЯДЕТЬ WEB САЙТ не существует…
  • 47. Но все таки… www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 1) Где я- что я смогу сделать – к чему это приведет 2) Предоставьте максимум возможностей по сортировке 3) Поиск на видном месте 4) Логотип в одном и том же месте 5) Контактная информация доступна 6) 404 страница 7) Результаты поиска есть всегда 8) Не больше 3-х цветов , не больше 3-х гарнитур
  • 48. Где я? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 49. Что я могу сделать? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 50. Почему я должен что-то делать? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 51. Ошибок быть не может www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Дайте человеку уверенность
  • 52. Ошибок быть не может www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 404?
  • 53. Ошибок быть не может www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 404?
  • 54. Ошибок быть не может www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 404?
  • 55. Ошибок быть не может www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 404?
  • 56. Простые движения www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 9) Формы как можно выше 10) Любая страница должна иметь концовку. Планируйте точки принятия решений. 11) Стимулируйте пользователя к действию 12) Ссылки отличаются от текста 13) Используйте «беглый просмотр» 14) Никаких сплэш страниц. 15) Осторожнее с анимацией 16) Легко и быстро понять о чем сайт 17) Управляйте взглядом
  • 57. Точки принятия решений www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Конец страницы о доставке в магазине.
  • 58. Не подчеркнуты ссылки www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 59. Перенасыщение информацией www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 60. Куда это я попал? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 61. Стимулируем к принятию решения www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 62. Стимулируем к принятию решения www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 63. Простые движения www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 17) Фоновая музыка – это уже неприлично 18) Мерцающий текст , мигающая анимация – уже ужасно. 19) Навигация должна быть текстовой 20) Выделяйте ссылки , по которым пользователь уже ходил 21) Не отвлекайте от контента 22 ) Разрешение сайта – должно совпадать с расширением экрана пользователя
  • 64. Главная страница корпоративного сайта www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
    • Четкое определение конкурентных преимуществ
    • Четкое и конкретное предложение
    • Указание на то, что можно найти и сделать на сайте
    • Заголовок и текст
    • Инструменты для сегментирования аудитории
    • Призыв к действию
    • Не больше одного яркого цветового пятна
    • Четкие формулировки текстов
    • Четкое предложение обратной связи
  • 65. Бывает так www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 66. Бывает так www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 67. Или по-другому… www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 68. А зачем шапка? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 69. А зачем шапка? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 70. Идеальное решение www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 71. Навигация www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 1) Добраться до продающей страницы в 1 клик из любой точки 2) Не использовать длинное меню — 5-7 пунктов максимум 3) Выделять посещенные ссылки 4) Дублировать основную навигацию 5) Разделять меню по логическим признакам 6) Используйте текстовую навигацию 7) Разделяйте значимость ссылок
  • 72. Навигация www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев 8 ) Навигация единообразна 9) Интуитивно понятна 10) Легко узнаваема 11) Можно использовать возможности футера
  • 73. Элементы навигации ЗАМЕТНЫ www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 74. Футер существует не просто так www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 75. Рекомендует Webdesigner Depot www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 76. Максимум возможностей по сортировке www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 77. Как не упустить с сайта www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 78. Юзабилити тестирование www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев новая гипотеза — проектирование - проверка — анализ результатов — внедрение — новая гипотеза Методы: Тестирование на живой аудитории Тестирование на фокус-группах Eye tracking Использование прототипов
  • 79. Откуда берутся гипотезы? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев ?
  • 80. Юзабилити тестирование www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Онлайн-тестирование. Сплит-методики ( Google Website Optimizer или самостоятельные решения) Запись действий пользователя и их анализ ( WebWisor, crazyegg, clickheat) Инструменты аналитики (Яндекс-метрика , Google Anlytics)
  • 81. Eye-Tracking www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 82. Eye-Tracking www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев
  • 83. Что делать www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Соблюдение стандартов Анализ аудитории и конкурентов Разработка гипотез Внедрение и тестирование Анализ результата Повышение продаж
  • 84. Что почитать? www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев Алан Купер «Психбольница в руках пациентов» Стивен Круг «Не заставляйте меня думать» Джесс Гаррет «Вэб дизайн: элементы взаимодействия» Якоб Нильсен – все , что найдете
  • 85. Спасибо www.eshopsales.ru – маркетинг интернет-магазинов. Петр Пономарев А теперь, самое интересное: Ваши вопросы... Пономарев Петр – независимый бизнес-консультант usability, интернет-маркетинг , нестандартные способы продвижения , повышение продаж , реклама в интернете [email_address] – маркетинг интернет-магазинов www.web-effect.ru – блог о разработке сайтов www.twitter.com/eshopsales +7 (921) 9073280