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

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

Upload: denis-esakov

Post on 15-Jun-2015

3.228 views

Category:

Education


2 download

TRANSCRIPT

Page 1: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

сайта

Денис Есаков

для Empatika Open

Page 2: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

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

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

Page 3: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

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

Page 4: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

WindowIconMenuPointing device

DoWhatIMean

Page 5: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

Accessibility

Page 6: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

Аффорданс

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

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

Page 7: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open
Page 8: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 9: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open
Page 10: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 11: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 12: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 13: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

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

Page 14: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Tobii x120 Tobii T60

Page 15: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 16: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 17: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

• Карта сайта

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

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

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

Page 18: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 19: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

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

Page 20: (Идеаполис) Юзабилити сайтов, презентация для Empatika Open

Вопросы

Денис Есаков[email protected]

Литература:

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

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

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