
- •10.04.2013
- •Инструкция пользователя
- •Методология проектирования Модели программ и их представления
- •Функциональная модель
- •Алгоритмическая модель
- •Информационная модель
- •Событийная модель (структура состояний и переходов)
- •Пример разработки модели системы
- •Виды интерфейса:
- •Шаги реализации пользовательского интерфейса
- •Шаг 1. Знакомство с пользователем.
- •Шаг 2. Определение функционального назначения интерфейса
- •Шаг 3. Применение принципов хорошего интерфейса (приятных визуализаций)
- •Шаг 4. Определение количества, составов и параметров окон интерфейса (Для оконного интерфейса)
- •Окно свойств
- •Диалоговое окно (окно справки)
- •Окно сообщений
- •Всплывающее окно
- •Шаг 5. Создание системного меню
- •Шаг 6. Определение состава и параметров аппаратных устройств управления интерфейсом и программным продуктам
- •Шаг 9. Выбор цветовой гаммы интерфейса и определения параметров надписей для его компонентов
- •Пример выполнения интерфейса для программы пополнения словаря
- •Отладка программного обеспечения
- •Тестирование программных продуктов
Шаг 2. Определение функционального назначения интерфейса
При реализации шага 2 на основе функциональной модели, а также алгоритмической (инфологической, событийной) определяется перечень функций и последовательность их взаимодействия с точки зрения реализации в интерфейсе (смотри шаг 4).
Шаг 3. Применение принципов хорошего интерфейса (приятных визуализаций)
При реализации шага 3 рекомендуется придерживаться следующих правил хорошего интерфейса:
Единообразие оконОкна интерфейса несущие равнозначную. Смысловую нагрузку должны иметь общие элементы дизайна и однотипные элементы управления.
Организация предложения начала работыЭлементы управления интерфейса следует располагать в порядке убывания по частоте их использования с учетом национально-психологических особенностей пользователя.
Максимально упрощённая навигацияЭкранные элементы управления интерфейса и приложения должны быть объединены в условные группы по логическому признаку, например по реализуемым функциям. При этом рекомендуется выделять такие группы условными границами.
Применение иерархии по степени важности функцииОпределяет порядок следования элементов управления с точки зрения зависимых и взаимозависимых функций. Если функция не может быть выполнена без выполнения другой, она считается зависимой и в интерфейсе располагается «ниже» той, от которой зависит. Если функция является компонентом другой, то такие функции называются взаимозависимыми и их взаимное расположение в интерфейсе определяется исходя изШАГ 2. Определение функционального назначения интерфейса.
Реализация принциповприятных реализаций (дружественного интерфейса)
СимметрияДолжно быть выставлены параллельно горизонтальной и вертикальной осям экрана
ЕдинообразиеЭлементы отвечающие за однотипные функции должны отображаться одинаковыми геометрическими фигурами.
Простота Следует избегать сложных геометрических фигур при создании элементов управления, кроме игровых и развивающих программ.
Пропорциональность При масштабировании окна интерфейса оконный-полноэкранный режим размеры элементов интерфейса должны оставаться соразмерными с размерами окна.
Предсказуемость Элементы управления реализующие одинаковые функции в разных окнах должны отображаться одинаково.
Шаг 4. Определение количества, составов и параметров окон интерфейса (Для оконного интерфейса)
При реализации шага 4 определяют основной набор и количество окон используемых в интерфейсе, следующим образом:
На основе функциональной структуры определяют функции, которые должны быть отображены самостоятельными окнами.
На основе логических структур определяют дополнительные функции взаимодействия компонентов интерфейса, которые должны быть представлены окнами.
Определяют типы этих окон исходя из следующего: При реализации пользовательского интерфейса существую 5 основных типов окон
Окно свойств
Диалоговое окно
Окно сообщений
Окно с палитрой
Всплывающее окно
Данная типизация является условной и допускает присутствие свойств одного типа в другом.
Окно свойств
Целью данного окна является предоставление пользователю информации о свойствах объектов интерфейса или процесса протекающего в программе. В общем случае окно свойств имеет вид:
Название свойства |
Х | |
Свойство |
Значение | |
Свойство 1 |
Значение 1 | |
…………………………. |
…………………………… | |
Свойство N |
Значение N |
Помимо указанных элементов управления кнопка «закрыть», данное окно может содержать дополнительные элементы управления, подтверждающий, что информация окна была воспринята пользователем (кнопка «ОК», «Принять» и т.п.). По необходимости данное окно может временно блокировать работу интерфейса. Особенностью данного окна является то, что информация, которая в нем отображена не может быть изменена в этом же окне.