www.techart.ru МАРКЕТИНГОВЫЙ КОНСАЛТИНГ И АУТСОРСИНГ Юзабилити в вопросах и ответах 26 / 06 / 2014 Ирина Логунова Promo.TechArt
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) [email protected]://twitter.com/techart/http://www.facebook.com/techartgroup
Ирина ЛогуноваPromo.TechArt