usability barcamp

44
Юзабилити или Удобный для покупателя сайт

Upload: ivansevostianov

Post on 24-May-2015

204 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Usability barcamp

Юзабилити или

Удобный для покупателя сайт

Page 2: Usability barcamp

Основные вопросы

1. Философия. Зачем вам нужен сайт? Продавать или "для галочки"?

2. Эффективный с точки зрения продаж сайт: критерии, компоненты

3. Что такое юзабилити?4. Зачем юзабилити для сайта и бизнеса?5. Как быстро и дешево протестировать

юзабилити

2

Page 3: Usability barcamp

Зачем компании сайт?

Продавать?

илиДля «галочки?

Page 4: Usability barcamp

? Зачемвам сайт …Философские вопросы

Основной вопрос, который НАДО задать себе еще ДО

разработки сайта: «зачем нашей компании сайт?»

И второй вопрос: «какие цели мы преследуем, создавая

сайт?»

Без осознания первого и второго велик риск

ошибок

4

Page 5: Usability barcamp

Зачемнашей компании…сайт

• Генеральному директору нужен сайт• Чтобы был (ведь у конкурентов есть)• Так модно (у всех есть сайты, а у нас нет)

• Информирование и поддержка наших клиентов и партнеров

• Продажи наших услуг через сайт

5

Page 6: Usability barcamp

…Какие цели

• Создать сайт и разместить на нем обращение генерального директора

• Создать сайт, чтобы получать через интернет 100 звонков в день от наших потенциальных клиентов

• Создать сайт «номер один» по туризму • Привлечь новых партнеров, обеспечить продажи

через сайт• Создать сайт и продавать на нем рекламу

6

Page 7: Usability barcamp

- Что такое интернет сайт ?для компании

Интернет-сайт – основной бизнес-инструмент компании

Каким должен быть сайт: Удобным и понятным (юзабилити) Контентным (максимум информации о товарах или

услугах и самой компании) Сделанным для клиента и на его языке

Цель сайта (коммерческого) – информировать и продавать

7

Page 8: Usability barcamp

Эффективный сайт

:Критерии1. Много информации ( ). о товарах услугах Информация

, четко структурирована легко воспринимается людьми2. , Понятная пользователю структура легкая

навигация3. Функциональный дизайн. , Графика присутствует но

ей не злоупотребляют4. Четко выделенныеконтактные данные: , телефоны

, адрес схема проезда5. , Сайт содержащий ответына все вопросы

посетителя ( )потенциального покупателя6. Быстрая загрузка даже на медленном соединении

(GPRS, )модем7. Высокий уровень удобства (пользования usability)

сайта

8

Page 9: Usability barcamp

Пример эффективногосайта

9

Page 10: Usability barcamp

…Тоже эффективный сайт

10

Page 11: Usability barcamp

« »Сайт для галочки

:Критерии1. Лишь несколько страницконтента2. Сложная и запутанная структура3. Злоупотребление графикой , и анимацией либо

неопрятный дизайн4. Контактные данные сразу не

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

5. Большинство вопросов посетителя остается безответа

6. Сайт долго грузится7. Средний или низкий уровеньюзабилити

( ) удобства пользования сайта8. Сайт лишен здравого смысла, « сделан на

»коленке11

Page 12: Usability barcamp

Пример неэффективногосайта

12

Page 13: Usability barcamp

« » Тоже продающий сайт

13

Page 14: Usability barcamp

Что такое юзабилити?

Page 15: Usability barcamp

…Юзабилити это

1. Удобство использования чего-либо

2. Возможность использования

3. Эргономичность

4. Способность быть использованным

15

Page 16: Usability barcamp

Точного перевода на русский нет!

Юзабилити = удобство

Page 17: Usability barcamp

Зачемнужно?юзабилити

Каждый потраченный наюзабилити 10 100 доллар возвращает от до

долларов прибыли или сэкономленных

. средств

17

Page 18: Usability barcamp

…Позитивныйвклад

1. : Разработка Снижение расходов и ;уменьшение времени

2. : ;Продажи Увеличение доходов3. : Пользователи Повышение

, эффективности продуктивности ;и удовлетворенности

4. Снижение затрат на внедрение( ) за счет сокращения обучения и

.на поддержку пользователей

18

Page 19: Usability barcamp

Экономияпри!разработке

1. Снижение затрат на разработку 2. Сокращение времени на разработку3. Снижение расходов на поддержку

продукта4. Сокращение затрат на переделку

продукта

19

Page 20: Usability barcamp

Юзабилити = экономия

СилНервовДенег

Времени!

Page 21: Usability barcamp

Эффективный сайт с точки зрения продаж

Начинка…

Критерии…

Компоненты…

Page 22: Usability barcamp

Компонентыпродающегосайта

1. : , Информация полная, адаптированная отвечающаяна

вопросыклиента2. : , , Структура понятная удобная легкая3. : , Дизайн функциональный не

раздражающий4. Контактыкомпании: , телефоны

, адрес схема проезда5. : , Юзабилити удобство эргономичность6. Быстрая скорость работы

22

Page 23: Usability barcamp

Пример адаптированногоконтента

23

Page 24: Usability barcamp

Пример неадаптированного

контента

24

Page 25: Usability barcamp

Структура сайта

«3 »Принцип кликов « »Хлебные крошки Логичность структуры Понятность для посетителя

Очень важно тестировать на этапе!разработки

25

Page 26: Usability barcamp

« ». ХлебныекрошкиПример

26

Page 27: Usability barcamp

Дизайн продающегосайта

Функциональный дизайн Ничего отвлекающего посетителя

Очень важно тестировать на этапе!разработки

27

Page 28: Usability barcamp

Дизайн продающегосайта

28

Page 29: Usability barcamp

Дизайн продающегосайта

29

Page 30: Usability barcamp

Контактные данные

Должны быть видны посетителю( )размещение вверху сайта

Телефон должен быть с кодом города Схема проезда должна быть понятна

Очень важно тестировать на вашей!аудитории

30

Page 31: Usability barcamp

«Каменный век» юзабилити

Или как быстро и дешево протестировать Ваш сайт

Page 32: Usability barcamp

Тестирование сайта

Необходимо тестировать все в процессе разработки,

ибо потом будет уже поздно…

Что надо тестировать:• Тестирование дизайна (на пользователях)• Тестирование прототипа сайта (пользовательские

тесты)• Тестирование нагрузок и безопасности сайта

32

Page 33: Usability barcamp

?Какие естьметоды

1. Тестирование «на бабушке»

2. Тестирование силами 1 эксперта

3. Тестирование из 5 пользователей

33

Page 34: Usability barcamp

Ихпреимущества

1. Дешевле. Тест можно провести бесплатно или за небольшие деньги

2. Выявляется до 80% критических ошибок

3. Довольно быстро

4. Лучше, чем вообще без тестов

34

Page 35: Usability barcamp

Ихнедостатки

1. Менее точны, чем при использовании айтрекинга и спец оборудования

2. Не позволяют выявить все недочеты по юзабилити сайта

3. Достаточно примитивны

35

Page 36: Usability barcamp

Но лучше тестировать ТАК, чем НИКАК

95% сайтов не тестируют НИКАК!

Page 37: Usability barcamp

« Тестирование на»бабушке

1. Берем неопытного пользователя сети (или нескольких)

2. Определяем цели и задачи

3. Сажаем за компьютер

4. Смотрим, как ведет себя тестер, что говорит

37

Page 38: Usability barcamp

…Основной смысл теста

Если неопытный пользователь справляется с

поставленными задачами, то у сайт хороший уровень

Юзабилити.

38

Page 39: Usability barcamp

Тестирование силамиэксперта

1. Для теста привлекается эксперт по юзабилити

2. Он анализирует сайт по ряду критериев

3. Пишет письменные рекомендации по исправлению ошибок

Может быть привлечено несколько экспертов!

39

Page 40: Usability barcamp

5 Тест из пользователей

1. Приглашается 5 пользователей

2. Они выполняют заранее продуманные действия (заказ товара, поиск товара итп)

3. В процессе выполнения действий идет фиксация того, что они делают и говорят (лучше на видеокамеру)

4. Затем информация анализируется и формулируются рекомендации по юзабилити

Page 41: Usability barcamp

5 Почему?пользователей

Page 42: Usability barcamp

Резюмируя все…сказанное

Page 43: Usability barcamp

1. « Делайте сайт для вашего клиента и от»клиента

2. . Юзабилити экономит ваши деньги3. Размещайте максимум информации и ваших

услугах4. – Тестируйтеюзабилити узнаете о сайте

.много нового5. , « Постоянно развивайте сайт думая от

»клиента

Page 44: Usability barcamp

?Вопросы