20
Юзабилити (usability) сайта Денис Есаков

Введение в Usability

Embed Size (px)

DESCRIPTION

Доклад Дениса Есакова для Empatika Open #15

Citation preview

Page 1: Введение в Usability

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

сайта

Денис Есаков

Page 2: Введение в Usability

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

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

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

Page 3: Введение в Usability

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

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

Page 4: Введение в Usability

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

WindowIconMenuPointing device

DoWhatIMean

Page 5: Введение в Usability

Accessibility

Page 6: Введение в Usability

Аффорданс

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

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

Page 7: Введение в Usability
Page 8: Введение в Usability

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

Page 9: Введение в Usability
Page 10: Введение в Usability

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

Page 11: Введение в Usability

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

Page 12: Введение в Usability

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

Page 13: Введение в Usability

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

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

Page 14: Введение в Usability

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

Tobii x120 Tobii T60

Page 15: Введение в Usability

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

Page 16: Введение в Usability

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

Page 17: Введение в Usability

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

• Карта сайта

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

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

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

Page 18: Введение в Usability

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

Page 19: Введение в Usability

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

Page 20: Введение в Usability

Вопросы

Денис Есаков

[email protected]

Литература:

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

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

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