1. __________________________________________________________________________________________
СТОП: распространенные ошибки в
usability сайтов

2. СОДЕРЖАНИЕ
__________________________________________________________________________________________
WTF?
Введение
Usability
Распространенные ошибки
Как анализировать сайты – правило «4U»
Рекомендованная литература

3. ВВЕДЕНИЕ
__________________________________________________________________________________________
Что такое usability и с чем его едят?

4. ВВЕДЕНИЕ
__________________________________________________________________________________________
USABILITY – это удобство использования
(от англ. usability — дословно «возможность использования», «способность быть
использованным», «полезность»):
1.понятие в микроэргономике, эргономическая характеристика, т.е. степени удобности
предмета для применения пользователями при достижении определённых целей в
некотором контексте.
2.научно-прикладная дисциплина, занимающаяся повышением эффективности,
продуктивности и удобства пользования инструментами деятельности.
3.Термин, рожденный в стенах SEO-Studio “Usability – это гармония между
удобством и простотой”.
Wiki

5. ВИДЫ САЙТОВ
__________________________________________________________________________________________
Условно сайты можно поделить на такие категории:
•Сайт-визитка, корпоративный сайт
•Offline-каталог
•Интернет-магазин, портал, сайт турагентства
Визитка
Каталог
iShop

6. USABILITY. Распространенные ошибки
__________________________________________________________________________________________
Детская школа изучения английского языка
•
•
•
В шапке сайта отсутствуют контактные номера телефонов.
Не представлены услуги центра раннего развития «лицом» через изображения, фотографии, видео.
Отсутствует призыв к действию (“Contact Us”, “Read more about staff”, “Starting a program” etc.) и специальные рекламные
блоки.

7. USABILITY. Распространенные ошибки
__________________________________________________________________________________________
Медицинский центр
•
•
В шапке сайта отсутствует графический логотип.
Изображения услуг не кликабельны, действия пользователей никак не
мотивируются.

8. USABILITY. Распространенные ошибки
__________________________________________________________________________________________
IТ интернет журнал
•
Статьи содержат длинные тексты, при этом отсутствует видимая возможность для быстрого перехода из нижней части страницы,
наверх. «Простыня» нечитабельного текста отпугивает посетителей, скорее всего они просто скролят страницу, не читая ее.

9. USABILITY. Распространенные ошибки
__________________________________________________________________________________________
Интернет-магазин матрасов и мягкой мебели
•
Текущее местонахождение пользователя можно
определить только, с помощью навигации «хлебные
крошки».

10. USABILITY. Распространенные ошибки
__________________________________________________________________________________________
Интернет-магазин канцтоваров
•
Нет названия компании и ее адреса,
размещен e-mail, но он не кликабельный
(1).
•
Указаны средства альтернативной связи
ICQ и Skype (2), при этом нет самого
номера ICQ и логина Skype.
•
В блоке «Доставка» указано время (3), но
не понятно, что это за время (график
работы службы доставки или время
доставки товаров покупателям, в какие
дни недели действует это время).
•
Указана информация о форме оплаты (4),
но не ясно назначение данного блока на
этой странице.
•
В форме обратной связи никак не
обозначена разница между необходимыми
и опциальными полями.
•
Информация об ошибке выдается вверху
страницы (5).

11. USABILITY. 1-е правило «4U»
__________________________________________________________________________________________
1.1. Главная страница должна:
a) Показать пользователю, что предлагается на данном сайте
b) Прорекламировать основные услуги компании
c)
Создать благоприятное впечатление
1.2. Шапка сайта должна содержать:
•
Заголовок (тег <title>)
•
Слоган
• Фавикон (сокр. от англ. FAVorites ICON — «значок для избранного», от
названия папки с закладками в IE)
•
Контактный номер телефона
Wiki

12. USABILITY. Пример главной страницы
__________________________________________________________________________________________

13. USABILITY. 2-е правило «4U»
__________________________________________________________________________________________
2.1. Навигационная структура
Пользователь должен понимать, где он находится
2.2. Основные требования к карточке товара:
a)Четкая иерархическая структура всех элементов контента
b)Описание, характеристики, отзыв
c)Наличие изображений продукции в различных ракурсах
d)Цена, кнопка призыва к действию «Купить», раздел «Оплата и
доставка» должны быть в видимой части экрана

14. USABILITY. Пример карточки товара
__________________________________________________________________________________________

15. USABILITY. 3-е правило «4U»
__________________________________________________________________________________________
Процесс оформления заказа:
Легкость, простота и удобство!
a) Форма быстрой покупки
a) Регистрация + преимущества
a) Страница благодарности

16. USABILITY. Форма быстрой покупки
__________________________________________________________________________________________

17. USABILITY. Регистрация + преимущества
__________________________________________________________________________________________

18. USABILITY. Страница благодарности
__________________________________________________________________________________________

19. USABILITY. 4-е правило «4U»
__________________________________________________________________________________________
Страница «Контакты»
a)Название компании
b)Телефон, e-mail + альтернативные средства связи
c)График работы
d) Адрес
e)Масштабируемая карта проезда
f)Форма обратной связи

20. USABILITY. Страница «Контакты»
__________________________________________________________________________________________

21. USABILITY. Хочу узнать больше!
__________________________________________________________________________________________
Стив Круг «Веб-дизайн или не заставляйте меня думать», 2е издание

22. __________________________________________________________________________________________
--THE END--