2. СОДЕРЖАНИЕ
Понятие юзабилити
Связь SEO и юзабилити
Поисковым системам важно, как
выглядит Ваш сайт
Как сделать сайт
эффективнее(общие принципы)
Юзабилити-ошибки интернетмагазинов
Юзабилити-ошибки контентных
сайтов
Инструменты для анализа
пользователей
2
4. ПОНЯТИЕ ЮЗАБИЛИТИ
степень эффективности, продуктивности и
удовлетворенности, с которой продукт
может использоваться определенным
пользователем, в определенном
контексте использования, для
достижения определенных целей.
4
7. КОНТЕКСТ ИСПОЛЬЗОВАНИЯ
Отправив мужа на работу, Анна зашла в комнату к малышу, в это время
ребенок спал. Воспользовавшись свободной минутой, Анна села за
компьютер и зашла в интернет пообщаться в социальных сетях, почитать
форумы, написать несколько электронных писем старым знакомым по
университету. На одном из форумов её внимание привлекло фото
нового вида глоксинии. Анна стала читать о понравившемся растении,
заметила рекламу о его продаже в интернет-магазине и перешла по
ссылке на страницу каталога сайта, где продается глоксиния.
7
20. ПОИСКОВЫМ МАШИНАМ ВАЖНО
Как оформлены тексты.
Стоит обратить внимание на дизайн текстов. Разделены ли они на абзацы. Есть ли
между ними достаточные промежутки, обеспечивающие удобство чтения.
Насколько велики/малы эти абзацы. Имеется ли тег <h1> в заголовках.
Объем текстовой информации, а также процентное содержание ключевых слов на
странице. Помните, что, если в тексте содержится более 5% ключевых слов,
поисковый робот может с легкостью посчитать их за спам.
Присутствуют ли в тексте гипер-ссылки и куда они ведут. Робот в состоянии
проверить такую информацию. Если проставлять в тексте ссылки на ту же
страницу, на которой расположен сам текст - гипер-ссылкой это считаться не
будет.
20
23. КОНТАКТНАЯ ИНФОРМАЦИЯ
Укажите все свои
контактные данные:
телефон, e mail,
Skype, ICQ и т.д.
Указывать точное
время работы
оператора и офиса.
Наглядный пример
можем наблюдать
на сайте 21vek.by
23
24. КНОПКА «КУПИТЬ» («ЗАКАЗАТЬ»)
Решении купить
товар
осуществляется с
помощью кнопки
«Купить» либо
«Заказать». Если
ее нет –
покупателя тоже
нет.
Как не стоит делать. Пример как было реализовано на сайте collettobianco.com.
24
25. ПЕРЕХОД В КОРЗИНУ С ЛЮБОЙ СТРАНИЦЫ
Покупатель в
любой момент
должен иметь
возможность
посмотреть, какой
товар он уже
выбрал.
25
27. ЦЕНА РЯДОМ С КАЖДЫМ ТОВАРОМ
Возможно с точки продвижения это хороший ход, но к сожалению с точки
зрения юзабилити так поступать нельзя. Пример взят с сайта oz.by
27
28. ИНФОРМАЦИЯ ОБ ОПЛАТЕ И ПОЛУЧЕНИИ
ТОВАРА
Посетители сайта интересуются
информацией о получении и
оплате товара как при входе на
сайт, так и в процессе
перемещения по нему. Неплохая
реализация на сайте
fruktovoz.ru.
28
30. ОБНОВЛЕНИЕ НОВОСТЕЙ И ОТОБРАЖЕНИЕ
В БРАУЗЕРАХ
То, что удобно и красиво в одном
браузере, может оказаться
совершенно непонятно в другом.
Не обновляемый раздел
«Новости» вызывает вопросы
работает ли сайт и
предоставляет ли он услуги.
30
31. КАРТОЧКА ТОВАРА
Знакомство с товарами в
интернете происходит
через их фотографии и
текстовое описание.
Удачный пример на сайте 24moda.by
31
55. БОЛЬШОЙ ВЫБОР
Не оставляйте покупателя
наедине со списком из 200
товаров, десятком фильтров
и сортировок. Чем больше
нужно выбирать, тем
меньше вероятность
покупки.
55
60. КАРТОЧКА ТОВАРОВ
Решение «не купить» всегда
принять значительно проще,
чем купить. Пример как
делать не стоит posuda.ru.
60
61. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА
Базовый принцип юзабилити. Человек должен всегда понимать,
что его ждет после требуемого действия. Поэтому при
оформлении заказа название кнопок «Дальше» либо
«Продолжить» не говорят ни о чем.
61
62. ПРИНЦИП ОЖИДАЕМОГО РЕЗУЛЬТАТА
Лучше всего
указывать
количество
шагов и то, к
какому из них
ты
переходишь.
Хорошая
реализация на
сайте
nextstore.ru.
62
66. НА ЧТО СТОИТ ОБРАЩАТЬ ВНИМАНИЕ?
источник посещаемости,
поисковые запросы,
технические параметры компьютера,
вебвизор,
карта посещений,
диаграмма путей.
66
67. НА ЧТО СТОИТ ОБРАЩАТЬ ВНИМАНИЕ?
Конструктор отчетов
67
68. НА ЧТО СТОИТ ОБРАЩАТЬ ВНИМАНИЕ?
Карта скроллинга
68
70. ПОЛЕЗНЫЕ РЕСУРСЫ
Книги:
Алан Купер - «Психбольница в руках пациентов»
Стив Круг - «Веб-дизайн: книга Стива Круга, или `не заставляйте меня
думать!`»
Сайты:
http://usability.by - сообщество специалистов по юзабилити, проектированию
пользовательских интерфейсов и user experience Беларуси
http://fresh.gui.ru - блог компании UIDesign Group
http://www.youtube.com/user/usabilitylab - канал компании UsabilityLab
http://www.jvetrau.com – блог Юрия Ветрова об интерфейсах
70