USERUSER--интерфейсинтерфейс

Лекция 2Лекция 21 1 ©© Гудаев О.А.Гудаев О.А. 20132013

2

ПРЕЦЕДЕНТЫ ОШИБОК:Создадим c ошибками диалоги

графического пользовательского интерфейса для ОС WINDOWS

Лучше один раз показать, чем сто раз описать.

Конструирование модели сложной системы может быть в несколько раз проще чем создания её математического описание.

Джон фон Нейман

3

Когнитивный диссонанс

Неуловимые «взглядом» ошибки в графическом интерфейсе программы раздражают подсознание пользователя. Он не может высказать своими словами в чём «ошибка» интерфейса программы, так как не обладает специальными техническими знаниями дизайна, терминологией дизайна и пониманием правил «красоты» промышленного дизайна.

4

«Пузатость». Кнопки одной смысловой группы разного

размера

5

«Частокол». Длина кнопок подогнана по длине текста

надписи

6

«Воздух». Излишнее удлинение кнопки мешает

читать текст

7

«Беглый взгляд зигзагом».Движение глаз показано линиями и

точками остановаЧитать

8

Обоснование «зигзага» внимания

Чтение текста в европейской культуре связано с направление написания рукописных текстов: слева направо и сверху вниз.

Бывает: сверху вниз. «Китайский» вариант.

Бывает: справа налево и сверху вниз. «Восточный» вариант.

9

Плавное чтение. Направление просмотра текста

«вертикальное». Это быстро.

10

«Порядок». Пользователь запомнит порядок кнопок и будет читать в нужной зоне

Зона «Начальная» Зона «Остаток»

1 2 3 4

11

«Сужение». Текст не читается

Как бы«видно»

Фокус на кнопке.Теперь не видно.

12

«Разнобой». Кнопки расположены с разным отступом друг от друга

13

«Разнокалиберные». Шрифты разного размера.

14

Правильная окантовка отступов вокруг группы кнопок

15

Поля не пропорциональны.

16

«Хаос» надписей и полей ввода.

Смещение надписи поля «Год»

Линия выравнивания полей ввода

17

Корректный диалог

18

«Оторванный». Поле просмотра списка фамилий «валяется» вне

«приклеенной» зоны окна.

19

«Почти» правильный диалог

Точно

Измененный размер

Ошибкаразмещени

якнопки

20

Кнопка «Сохранить» приклеена к правой стороне

21

Спасибо за вниманиеСпасибо за внимание

©© Гудаев О.А. Гудаев О.А. 20132013

ДонНТУДонНТУкаф. ПОИСкаф. ПОИС