ЛАБОРАТОРНАЯ РАБОТА № 17

Тема: Разработка интерфейса пользователя

Цель: формирование навыков проектирования и разработки пользовательского интерфейса
программного средства с учетом требований ТЗ и ТП.

Краткий теоретический блок

Графический интерфейс пользователя (GUI) — разновидность пользовательского

интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.), представленные
пользователю на дисплее, исполнены в виде графических изображений.
В GUI пользователь имеет произвольный доступ (с помощью устройств ввода — клавиатуры,
мыши, джойстика и т. п.) ко всем видимым экранным объектам (элементам интерфейса) и
осуществляет непосредственное манипулирование ими.
Графический интерфейс пользователя является частью пользовательского интерфейса и
определяет взаимодействие с пользователем на уровне визуализированной информации.
Интерфейс является «рычагами» взаимодействия между пользователем и машинным кодом.
Чем лучше интерфейс, тем эффективнее взаимодействие.

Предварительные этапы разработки пользовательского интерфейса

Предметная область и сфера применения (описаны в Пояснительной записке). Правильное

определение этих аспектов является основой для разработки графического интерфейса в частности и
всего приложения в целом.
Определение целевой аудитории – выделение из общей массы группы (или групп)
потенциальных пользователей разрабатываемой программы со своими целями, задачами,
способностями и возможностями.
Модель пользователя, или профиль, формируется в результате анализа целевых групп. Она
отражает наиболее общие черты, характерные для представителей группы и может представлять
следующую информацию о пользователе:
 Социальные и демографические характеристики (возраст, пол, основной язык, род
занятий, потребности, привычки и т.п.).
 Уровень компьютерной грамотности.
 Цель и задачи, решаемые пользователем.
 Окружение (рабочее место, конфигурация оборудования, используемая операционная
система и т.п.)
 Требования, специфичные для конкретной целевой группы (основные цели, задачи и
возможности и связанные с ними права доступа).
После выделения одного или нескольких основных профилей пользователей и определения
задач, стоящих перед ними, переходят к следующему этапу проектирования. Он связан с составлением
пользовательских сценариев.
Сценарий — это описание действий, выполняемых пользователем в рамках решения
конкретной задачи на пути достижения его цели. Очевидно, что достигнуть некоторой цели можно,
решая ряд задач. Каждую из них пользователь может решать несколькими способами, следовательно,
должно быть сформировано несколько сценариев. Чем больше их будет, тем ниже вероятность того,
что некоторые ключевые объекты и операции будут упущены.
Карта навигации. Информация на карте навигации аналогична разделу «Содержание»
обычной книги. В карте представлен полный перечень разделов и/или всех страниц, имеющихся на
сайте. Нередко заголовки страниц в списке служат ссылками на эти страницы.
Примеры карт навигации для разработанных программных продуктов представлены на рисунке.

1
 Ход работы
Задание 1. Исходя из описания предметной области и сферы применения программного
средства, определите целевую аудиторию потенциальных пользователей разрабатываемого
приложения. Опишите профиль пользователя или групп пользователей, при необходимости
предварительно выделив группы пользователей, разграничив цели, задачи и возможности этих групп.
Задание 2. Создайте карту навигации для проектируемой системы. На карте в зависимости от
специфики системы выделите разделы, доступные различным пользователям в зависимости от роли,
опишите условия перехода из различных разделов (при необходимости).
Задание 3. Вспомните основные принципы проектирования пользовательского интерфейса.
Проанализируйте компоненты и их количество, необходимые для создания интерфейса программного
средства.
Задание 4. Используя графический редактор на выбор, создайте макеты графического
интерфейса пользователя.
Задание 5. Для разработанных макетов подготовьте их текстовое описание в следующем виде:
Название Тип Условия Условия доступности Описание
элемента видимости (кто может
управления (кто видит) редактировать)
Формат, допустимые значения, макси-
мальная и минимальная длина, поведение
Задание 6. Составьте пользовательские сценарии для различных профилей пользователей.
Задание 7. Приступите к созданию пользовательского интерфейса разрабатываемого
программного средства.
Задание 8. Оформите отчет по лабораторной работе. Проиллюстрируйте отчет скрином
разработанной главной формы приложения.
Контрольные вопросы:
1. Дайте определение понятию «пользовательский интерфейс».
2. Перечислите основные принципы построения пользовательских интерфейсов.
3. Поясните понятие «карта навигации».