Юзабилити в вопросах и ответах

www.techart.ru

МАРКЕТИНГОВЫЙ КОНСАЛТИНГ И АУТСОРСИНГ

Юзабилити в вопросах и ответах

26 / 06 / 2014

Ирина ЛогуноваPromo.TechArt

Юзабилити в вопросах и ответах

ЧТО ТАКОЕ ЮЗАБИЛИТИ?

02/47

Юзабилити в вопросах и ответах

Чтооцениватьна своемсайте?

/ Доступность

/ Идентификация

/ Взаимодействие с аудиторией

/ Контент

/ Типографика

/ Навигация по сайту

/ Дизайн сайта

/ Доступность/ Идентификация

Взаимодействие с аудиторией

/ Контент

/ Типографика/ Навигация по сайту

/ Дизайн сайта03/47

ДОСТУПНОСТЬ САЙТА

04/47

Юзабилити в вопросах и ответах

Время загрузки в разумных пределах

Юзабилити в вопросах и ответах

05/47

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

06/47

Юзабилити в вопросах и ответах

Отсутствие битых ссылок

Юзабилити в вопросах и ответах

07/47

http://www.internetmarketingninjas.com/seo-tools/google-sitemap-generator/

http://www.indiabook.com/webmaster/link.html

http://www.creatingonline.com/site_promotion/broken_link_checker.htm

http://validator.w3.org/checklink

Сайт корректно отображается в популярных браузерах и на основных устройствах

08/47

Юзабилити в вопросах и ответах

09/47

ИДЕНТИФИКАЦИЯ

2Юзабилити в вопросах и ответах

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

Логотип компании на видном месте

10/47

Юзабилити в вопросах и ответах

Главную страницу можно осознать за 5 секунд

11/47

Юзабилити в вопросах и ответах

Текст на первом экране позволяет понять направление деятельности компании

12/47

/ ЧТО ВЫ ПРЕДЛАГАЕТЕ?

/ ДЛЯ КОГО?

/ В ЧЕМ ВАШИ ПРЕИМУЩЕСТВА?

/ ЧТО И КАК ДЕЛАТЬ ДАЛЬШЕ?

/ ПОЧЕМУ ИМЕННО СЕЙЧАС?

Юзабилити в вопросах и ответах

На сайте есть страницы «О нас» и «Контакты»

Юзабилити в вопросах и ответах

13/47

14/47

ВЗАИМО-ДЕЙСТВИЕ С АУДИТОРИЕЙ3

Юзабилити в вопросах и ответах

Заметные призывы к действию

Юзабилити в вопросах и ответах

К У П И Т ЬК У П И Т Ь Перезвонить ВамПерезвонить Вам

Заказать

Перезвонить Вам

ПЕРЕЗВОНИТЬ ОТПРАВИТЬ

15/47

В ыбрать

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

16/47

Юзабилити в вопросах и ответах

Наличие на сайте контактных форм обратной связи

17/47

Юзабилити в вопросах и ответах

/ ЗАДАТЬ ВОПРОС;

/ ОНЛАЙН- КОНСУЛЬТАНТ;

/ ЗАКАЗАТЬ ОБРАТНЫЙ ЗВОНОК И ДР.

Наличие на сайте возможности совершить покупку (заказать, купить и др.)

18/47

Юзабилити в вопросах и ответах

КОНТЕНТ — содержание и оформление4

Юзабилити в вопросах и ответах

19/47

Понятные и содержательные заголовки

Юзабилити в вопросах и ответах

20/47

Простой и понятный текст, написанный на языке аудитории

Юзабилити в вопросах и ответах

21/47

22/47

Описательные ссылки в тексте,отсутствие «тут» и «здесь»

Юзабилити в вопросах и ответах

тут здесь

23/47

ПРАВИЛЬНАЯ ТИПО-ГРАФИКА5

Юзабилити в вопросах и ответах

24/47

Юзабилити в вопросах и ответах

Читабельный размер шрифта 12–14 pt.

БОЛЬШИЕ РАЗМЕРЫ ШРИФТОВ НЕ СЛЕДУЕТ ПРИМЕНЯТЬ К ОСНОВНОМУ ТЕКСТУ. ОСНОВНОЙ ТЕКСТ БУДЕТ ХОРОШО ЧИТАТЬСЯ С КЕГЛЕМ 12–14 pt.

ДЛЯ ЗАГОЛОВКОВ НУЖНО СДЕЛАТЬ ШРИФТ БОЛЬШЕГО РАЗМЕРА, НО ДЕЛАТЬ ЕГО СЛИШКОМ БОЛЬШИМ ТОЖЕ НЕ СТОИТ.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

Тип, размер и цвет шрифта для страниц сайтов.

25/47

Юзабилити в вопросах и ответах

Буквы должны иметь высокую различимость и быть без засечек

ДЛЯ ОСНОВНОГО ТЕКСТА НЕ ПОДХОДЯТ ДЕКОРАТИВНЫЕ ШРИФТЫ, целью которых является создание художественного образа, а не удобство чтения.

К тому же, далеко не каждый шрифт есть у каждого пользователя в его браузере. Шрифты, которые точно есть в каждом браузере:

Arial

Verdana

Trebuchet MS

26/47

Юзабилити в вопросах и ответах

Темный текст на светлом фоне

КОНТРАСТНОСТЬ ДОЛЖНА БЫТЬ ВЫРАЖЕННОЙ, А ТЕКСТ ЛЕГКО ЧИТАЕМ И НЕ ДОЛЖЕН СЛИВАТЬСЯ С ЦВЕТОМ ФОНА.

27/47

Юзабилити в вопросах и ответах

Длина строки текста

ДЛЯ ЧЕЛОВЕКА, ЧИТАЮЩЕГО ТЕКСТ НА САЙТЕ, СЛИШКОМ ДЛИННЫЕ И СЛИШКОМ КОРОТКИЕ СТРОКИ ТЕКСТА ОДИНАКОВО УЖАСНЫ.

СЧИТАЕТСЯ, ЧТО ОПТИМАЛЬНОЙ ЯВЛЯЕТСЯ СТРОКА ДЛИНОЙ ОТ 40 ДО 80 СИМВОЛОВ, ВКЛЮЧАЯ ПРОБЕЛЫ.

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

просто необычная идея, но и её не менее необычное воплощение. И, конечно, любая вещь создается человеком для человека, а потому должна стать частью его

жизни, как недостающий пазл. AdMe.ru отобрал для вас лучшие работы дизайнеров, которые появились или стали известны в мае.

Среди сотен и тысяч

работ, появляющихся

ежедневно на сайтах

о дизайне, не так много

тех, которые заслужи-

вают отдельного

внимания.

Крутой дизайн — это не

просто необычная идея,

но и её не менее

необычное воплощение.

И, конечно, любая вещь

создается человеком для

человека, а потому

должна стать частью его

жизни, как недостающий

пазл.

28/47

Юзабилити в вопросах и ответах

Разумное использование выделений жирным шрифтом

29/47

Юзабилити в вопросах и ответах

Использование форматирования в тексте

/ РАЗБИВАЙТЕ ТЕКСТ НА АБЗАЦЫ.

/ ИСПОЛЬЗУЙТЕ ПОДЗАГОЛОВКИ.

/ ПИШИТЕ КЛЮЧЕВЫЕ СЛОВА В НАЧАЛЕ АБЗАЦА И ВЫДЕЛЯЙТЕ ИХ.

/ ИСПОЛЬЗУЙТЕ СПИСКИ.

/ ВЫРАВНИВАЙТЕ ТЕКСТ ПО ЛЕВОМУ КРАЮ.

30/47

Юзабилити в вопросах и ответах

Межстрочный интервал

МЕЖСТРОЧНЫЙ ИНТЕРВАЛ СИЛЬНО ВЛИЯЕТ НА ЧИТАБЕЛЬНОСТЬ ТЕКСТА,

УЛУЧШАЕТ ЕГО ВНЕШНИЙ ВИД И ПОМОГАЕТ ЧИТАТЕЛЮ СЛЕДИТЬ ЗА СТРОКОЙ.

Рекомендуется задавать интерлиньяж на несколько (2–5) пунктов (pt) или пикселов (px)

больше размера шрифта, в зависимости от особенностей гарнитуры шрифта.

31/47

НАВИГАЦИЯ ПО САЙТУ6

Юзабилити в вопросах и ответах

Юзабилити в вопросах и ответах

Просто ориентироваться по сайту

В ЛЮБОЙ МОМЕНТ ВРЕМЕНИ ПОЛЬЗОВАТЕЛЬ ДОЛЖЕН ОСОЗНАВАТЬ,

В КАКОМ РАЗДЕЛЕ САЙТА ОН НАХОДИТСЯ.

32/47

33/47

Юзабилити в вопросах и ответах

Главную навигацию легко понять и распознать

Юзабилити в вопросах и ответах

Пункты в меню четко сформулированы и логичны

34/47

Юзабилити в вопросах и ответах

Поиск на сайте легко найти

35/47

У нас более 4 000 000 товаров в наличии

36/47

ДИЗАЙНСАЙТА7

Юзабилити в вопросах и ответах

Юзабилити в вопросах и ответах

Стили и цвета оформления постоянны

37/47

Юзабилити в вопросах и ответах

Умеренная цветовая гамма

38/47

ЦВЕТОВАЯ ГАММА

НЕ ДОЛЖНА ОТВЛЕКАТЬ

ОТ ОСНОВНОЙ ИНФОРМАЦИИ,

ЖЕЛАТЕЛЬНО ИСПОЛЬЗОВАТЬ

НЕ БОЛЕЕ 3-4 ЦВЕТОВ.

Юзабилити в вопросах и ответах

Качественные тематические изображения

39/47

40/47

Юзабилити в вопросах и ответах

АНАЛИТИКА8

41/47

ОСНОВНЫЕ КРИТЕРИИ ОЦЕНКИ:

/ показатель отказов;

/ время сессии;

/ глубина просмотра;

/ показатели страниц входа и выхода;

/ конверсия.

Анализ качества аудитории

МетрикаAnalytics

Юзабилити в вопросах и ответах

42/47

Юзабилити в вопросах и ответах

НЕ ПУТАТЬ С ЗАПРОСАМИ ИЗ ПОИСКОВОЙ СИСТЕМЫ!

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

Юзабилити в вопросах и ответах

ЗАПРОСЫ ДЛЯ САЙТА, ПРОДАЮЩЕГО ШИРОКОФОРМАТНУЮ ТЕХНИКУ:

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

43/47

Юзабилити в вопросах и ответах

ЯНДЕКС.МЕТРИКА — Вэбвизор

44/47

ЭФФЕКТИВНЕЕ ВЫДЕЛЯТЬ И АНАЛИЗИРОВАТЬ РАЗЛИЧНЫЕ СЕГМЕНТЫ:

/ изучить поведение новых посетителей;

/ поведение вернувшихся пользователей;

/ поведение посетителей, кто достиг целей на сайте и кто не достиг;

/ поведение пользователей с разных источников трафика или перешедших по конкретным ключевым словам.

ОСОБОЕ ВНИМАНИЕ УДЕЛЯЕМ:

/ работе посетителей с формами;

/ страницам входа/выхода;

/ пути пользователей, совершивших конверсию.

Юзабилити в вопросах и ответах

ЯНДЕКС.МЕТРИКА — Карта кликов

45/47

Юзабилити в вопросах и ответах

ЯНДЕКС.МЕТРИКА — Карта скроллинга

46/47

www.techart.ru

МАРКЕТИНГОВЫЙ КОНСАЛТИНГ И АУТСОРСИНГ

СПАСИБО ЗА ВНИМАНИЕ!ПОЖАЛУЙСТА,ЗАДАВАЙТЕ ВОПРОСЫ.

(495) 790-7591info@techart.ruwww.techart.ruhttp://twitter.com/techart/http://www.facebook.com/techartgroup

Ирина ЛогуноваPromo.TechArt