(Идеаполис) Юзабилити сайтов, презентация для empatika open

Юзабилити (usability)

сайта

Денис Есаков

для Empatika Open

Удобство использования

Минимальные усилия для достижения цели

Откуда ноги растут?

Пользовательский интерфейс

• Средства отображения информации• Устройства и технологии ввода данных• Диалоги с пользователем• Обратная связь

Основная концепция

WindowIconMenuPointing device

DoWhatIMean

Accessibility

Аффорданс

Дональд Норман (Donald Norman)

Джеймс Дж. Гибсон(James Jerome Gibson)

Зачем делать сайты удобными?

Что должен сделать посетитель на вашем сайте?

Как добиться необходимого действия от пользователя?

Акцентирование

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

Технология eye-tracking с 1878 года

Исследование Eye-traking’2009

Tobii x120 Tobii T60

Золотой треугольник

Анализ данных eye-tracking

Что требуется от хорошей системы навигации?

• Карта сайта

• Основной навигационный блок (меню)

• Кнопки, иконки, пиктограммы, логотип

• Служебный блок ссылок

Неплохой вариант навигационного меню

Так лучше не делать

Вопросы

Денис Есаковinfo@ideapolis.ru

Литература:

1. Web-дизайн: удобство использования Web-сайтов (Якоб Нильсен, Хоа Лоранжер)

2. Веб-дизайн: книга Стива Круга или «не заставляйте меня думать!» (Стив Круг)

3. Дизайн привычных вещей (Дональд А. Норман)