31
Веб Дизайн Лекция 7, Тестирование Lo-Fi прототипов Vladimir Tomberg, PhD Estonian Entrepreneurship University Mainor Январь 2016 Picture source: http://usercenteredcontent.com

07. web design

Embed Size (px)

Citation preview

Page 1: 07. web design

Веб Дизайн

Лекция 7, Тестирование Lo-Fi прототипов Vladimir Tomberg, PhD

Estonian Entrepreneurship University Mainor

Январь 2016

Pict

ure

sour

ce: h

ttp:

//us

erce

nter

edco

nten

t.com

Page 2: 07. web design

10 Юзабилити Эвристик для Дизайна Интерфейса

ЯКОБ НИЛЬСЕН

Page 3: 07. web design

1. Отображение статуса системы

• Система всегда должна информировать пользователя о том, что происходит - давать обратную связь в реальном времени

Page 4: 07. web design

1. Отображение статуса системы

Page 5: 07. web design

1. Отображение статуса системы

Page 6: 07. web design

2. Соответствие между системой и реальным миром

• Система должна говорить с пользователем на понятном ему языке, понятными словами и фразами;

• Следите за тем, чтобы информация подавалась в логическом порядке

Page 7: 07. web design

2. Соответствие между системой и реальным миром

Page 8: 07. web design

2. Соответствие между системой и реальным миром

Page 9: 07. web design

2. Соответствие между системой и реальным миром

Page 10: 07. web design

2. Соответствие между системой и реальным миром

Page 11: 07. web design

11

3. Свобода действий и контроль

• При использовании функций системы пользователи часто совершают ошибки и нуждаются в «аварийном откате», чтобы избежать непоправимых изменений;

• Настройте функции отмены и повтора

Page 12: 07. web design

12

3. Свобода действий и контроль

Page 13: 07. web design

4. Единообразие и стандарты

• Однажды поняв принцип работы интерфейса, пользователь должен быть уверен, что в будущем система будет работать по тем же алгоритмам;

• Всегда следуйте одним и тем же правилам внутри продукта

Page 14: 07. web design

4. Единообразие и стандарты

Page 15: 07. web design

5. Профилактика ошибок

• Лучше всякого сообщения об ошибках будет тщательная работа по их предотвращению. Помните об этом в первую очередь

Page 16: 07. web design

5. Профилактика ошибок

Page 17: 07. web design

5. Профилактика ошибок

Page 18: 07. web design

5. Профилактика ошибок

Page 19: 07. web design

5. Профилактика ошибок

Page 20: 07. web design

20

6. Отсутствие необходимости вспоминать

• Делайте объекты, опции и действия видимыми;

• Пользователь не должен запоминать информацию, переходя от одного объекта к другому;

• Инструкции по использованию системы должны быть видимыми или легкодоступными

Page 21: 07. web design

21

6. Отсутствие необходимости вспоминать

Page 22: 07. web design

22

7. Гибкость и эффективность использования

• Функции, не видимые новичкам, зачастую могут ускорить процесс взаимодействия опытных пользователей с сайтом;

• Упрощайте функции, которыми ваши клиенты пользуются чаще всего

Page 23: 07. web design

23

7. Гибкость и эффективность использования

Page 24: 07. web design

8. Эстетика и минимализм

• Тексты не должны содержать явно лишнюю или неактуальную информацию;

• Каждая относительно бесполезная информация конкурирует с полезной и делает ее менее заметной

Page 25: 07. web design

8. Эстетика и минимализм

Page 26: 07. web design

9. Помогите пользователям распознавать, диагностировать и исправлять ошибки

• Сообщения об ошибках должны быть выражены простым языком (никакого кода), точно указывать на проблему и предлагать её решение

Page 27: 07. web design

9. Помогите пользователям распознавать, диагностировать и исправлять ошибки

Page 28: 07. web design

10. Помощь и документация

• Систему можно использовать, не прибегая к помощи документации, однако не стоит ей пренебрегать;

• Любую подобную информацию должно быть легко найти, она должна быстро выводить пользователя на искомый вопрос и состоять из малого количества шагов

Page 29: 07. web design

10. Помощь и документация

Page 30: 07. web design

10. Помощь и документация

Page 31: 07. web design

31

Пробуем методику в действии!