Дисциплина "Моделирование и анализ программного обеспечения"

1. USERинтерфейс
Лекция 21 © Гудаев О.А. 2013

2. ПРЕЦЕДЕНТЫ ОШИБОК:
Создадим c ошибками диалоги
графического пользовательского
интерфейса для ОС WINDOWS
Лучше один раз показать, чем сто раз
описать.
Конструирование модели сложной
системы может быть в несколько раз
проще чем создания её математического
описание.
2

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

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

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

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

7. «Беглый взгляд зигзагом».
Движение глаз показано линиями и
точками останова
Читать
7

8. Обоснование «зигзага» внимания
Чтение текста в европейской культуре
связано с направление написания
рукописных текстов: слева направо и
сверху вниз.
Бывает: сверху вниз. «Китайский» вариант.
Бывает: справа налево и сверху вниз.
«Восточный» вариант.
8

9. Плавное чтение. Направление
просмотра текста
«вертикальное». Это быстро.
9

10. «Порядок». Пользователь
запомнит порядок кнопок и
будет читать в нужной зоне
1
Зона «Начальная»
2
3
4
Зона «Остаток»
10

11. «Сужение». Текст не читается
Как бы
«видно»
Фокус на кнопке.
Теперь не видно.
11

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

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

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

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

16. «Хаос» надписей и полей ввода.
Линия выравнивания полей ввода
Смещение надписи поля «Год»
16

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

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

19. «Почти» правильный диалог
Ошибка
размещени
я
кнопки
Точно
Измененный размер 19

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

21. © Гудаев О.А.
2013
ДонНТУ
каф. ПОИС
Спасибо за внимание
21