Тема 2. Проектирование пользовательского интерфейса

пользовательского интерфейса
Шевченко А. В.

пользовательского интерфейса
Алгоритмы
Данные
Пользователи
Данные
Интерфейс
пользователя

Эволюция пользовательских интерфейсов
20 лет назад...
Сейчас...

Способы организации человеко-машинного диалога

Способы организации человеко-машинного диалога

Современные пользовательские интерфейсы
Принцип непосредственного манипулирования
Событийный принцип диалога
(Event-driven dialog)
WYSIWYG
(What You See

WIMP-интерфейс
(Windows, Icons, Menus, Pointers)

Уровни пользовательского интерфейса
Внешний
Концептуальный
Логический

Внешний уровень интерфейса - метафора
Понятие метафоры
Ассоциация, позволяющая пользователю эффективно

Внешний уровень интерфейса - стиль

Концептуальный уровень пользовательского интерфейса
Элементы интерфейса
Простые
Композиционные
Декоративные
Представление
данных
Управляющие

Элементы для представления данных

Элементы для представления данных (продолжение)

Декоративные элементы

Управляющие элементы

Композиционные элементы

Геометрия элементов пользовательского интерфейса
Элемент
Свойства
Width, Height, Left, Top
Родитель
Смещение сверху (Top)
Ширина (Width)
Высота

Смещение
слева (Left)

Реакция элементов интерфейса на изменение размера
Элемент
Свойство
AutoSize
Родитель

Пример изменения размеров элементов
Элемент
Родитель

Выравнивание элементов
Right
Bottom
Client
Свойство
Align
None
Left
Top

Использование выравнивания при компоновке экранов
Client
Client
Top
Top
Client
Bottom

Видимость элементов
Свойство
Visible
order_info->Visible = true;

...

order_info->Visible = false;

Чувствительность элементов
Свойство
Enabled
create_button->Enabled = false;
open_button->Enabled = false;
list_button->Enabled = false;

...

create_button->Enabled

Реализация событийного принципа. Сценарии