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

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
2
Шевченко А. В.
Роль пользовательского интерфейса
Алгоритмы
Данные
Пользователи
Данные
Интерфейс
пользователя

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
3
Шевченко А. В.
Эволюция пользовательских интерфейсов
20 лет назад...
Сейчас...

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
4
Шевченко А. В.
Способы организации человеко-машинного диалога

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
5
Шевченко А. В.
Способы организации человеко-машинного диалога

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
6
Шевченко А. В.
Современные пользовательские интерфейсы
Принцип непосредственного манипулирования
Событийный принцип диалога
(Event-driven dialog)
WYSIWYG
(What You See Is What You Get)
WIMP-интерфейс
(Windows, Icons, Menus, Pointers)

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
7
Шевченко А. В.
Уровни пользовательского интерфейса
Внешний
Концептуальный
Логический

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
8
Шевченко А. В.
Внешний уровень интерфейса - метафора
Понятие метафоры
Ассоциация, позволяющая пользователю эффективно интерпретировать данные, представленные в интерфейсе

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
9
Шевченко А. В.
Внешний уровень интерфейса - стиль

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
10
Шевченко А. В.
Концептуальный уровень пользовательского интерфейса
Элементы интерфейса
Простые
Композиционные
Декоративные
Представление
данных
Управляющие

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
11
Шевченко А. В.
Элементы для представления данных

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
12
Шевченко А. В.
Элементы для представления данных (продолжение)

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
13
Шевченко А. В.
Декоративные элементы

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
14
Шевченко А. В.
Управляющие элементы

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
15
Шевченко А. В.
Композиционные элементы

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

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
17
Шевченко А. В.
Реакция элементов интерфейса на изменение размера
Элемент
Свойство
AutoSize
Родитель

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
18
Шевченко А. В.
Пример изменения размеров элементов
Элемент
Родитель

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
19
Шевченко А. В.
Выравнивание элементов
Right
Bottom
Client
Свойство
Align
None
Left
Top

Right
Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
20
Шевченко А. В.
Использование выравнивания при компоновке экранов
Client
Client
Top
Top
Client
Bottom

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
21
Шевченко А. В.
Видимость элементов
Свойство
Visible
order_info->Visible = true;
...
order_info->Visible = false;

Программирование и основы алгоритмизации
Тема 2. Проектирование пользовательского интерфейса
22
Шевченко А. В.
Чувствительность элементов
Свойство
Enabled
create_button->Enabled = false;
open_button->Enabled = false;
list_button->Enabled = false;
...
create_button->Enabled = true;
open_button->Enabled = true;
list_button->Enabled = true;