Интерфейс пользователя (pptx)

Современные
компоненты интерфейса
пользователя
Основы построения
интерфейсов

HCI - это аббревиатура
английского HumanComputer Interaction, что
переводится как
"взаимодействие
человека и компьютера".
составными частями HCI являются:



человек
(пользователь);
компьютер;
их взаимодействие.

Пользовательский интерфейс (англ. user
interface, UI) является коммуникационным
каналом, по которому осуществляется
взаимодействие пользователя и
компьютера.
Элемент управления


средство, при помощи которого
пользователь взаимодействует с
компьютерной программой.
Качество взаимодействия зависит от двух
аспектов:
–
–
соответствия элемента управления
выполняемой им задаче;
от последовательности правил, по которым
функционирует элемент управления.
Элементы интерфейса, приемы




не использовать в программе нестандартные
элементы интерфейса;
преимущества стандартного интерфейса
отражены в принципах последовательности,
равенства системы;
не использовать слишком большое количество
элементов;
одинаковое расстояние между элементами
управления.
Элементы управления интерфейсом
пользователя









Заголовок окна (формы)
Командные кнопки
Текстовые подписи
Меню
Списки
Флажки и переключатели
Панели инструментов
Вкладки
Всплывающие подсказки
Заголовок окна (формы)


определяется свойством Заголовок
(Caption) объекта Форма (Form);
используется для вывода информации о
двух вещах: названии программы и
названии документа.
Командные кнопки


не рекомендуется использовать графику;
командная кнопка - элемент управления,
для которого применяется динамически
изменяемое свойство disable, т. е.
отключение кнопки.
Текстовые подписи


масштабирование шрифтов: свойство
AutoSize имеет значение True;
значение True свойству Transparent
приведет к тому, что фон подписи станет
прозрачным.
Меню



список команд по работе с программой,
предлагаемых на выбор пользователя;
даже простая программа должна иметь
меню, содержащее как минимум пункт
Файл;
пункт Справка рекомендуется включать в
любое меню.
Списки


элемент управления Список (ListBox);
в окне ListView возможно присутствие
горизонтальной линейки прокрутки.
Флажки и переключатели

Флажки (CheckBoxes) и переключатели
(Option Buttons) используются для одной
цели: для выбора из группы
предложенных вариантов.
Панели инструментов

кнопочные панели инструментов
(Toolbars).
Вкладки

Вкладки (Tabs) широко используются при
проектировании интерфейсов
современных программ, позволяя
логически группировать большое
количество информации, позволяя
пользователю комфортно воспринимать
ее.
Всплывающие подсказки (ToolTips)

дополнение к другим элементам
управления, выдавая пояснение
относительно назначения
соответствующего элемента.
Домашнее задание



\\Server\230103_51\3 курс\Разработка и эксплуатация
АИС.
Выполнить практические работы №1,2: практическая
работа, тренинг, тест.
Оформление:
–
–

Практическая работа №1. Основы Object Pascal.
Практическая работа №2. Создание проекта. Размещение
компонентов на форме. Определение свойств и обработка
событий.
Записать в тетрадь, проблемы, которые возникли в
процессе работы, пути их решения; ответы теста в
развернутом виде.