8.5 Контрольные вопросы

8.1 Какие особенности присущи интерфейсу WEB-приложений?

8.2 Какие компоненты определяют интерфейс большинства Web-страниц?

8.3 Какие пассивные и интерактивные элементы присущи интерфейсу WEB-приложений?

8.4 Что собой представляют сенсорные карты?

8.5 Как организовываются поисковые системы?

8.6 Что такое таблицы стилей?

8.7 Стандартизация в разработке Web-страниц?

8.8 Особенности пользовательского интерфейса для систем реального времени.

8.9 Какие применяются средства для разработки Web-документов?

Рисунок 8.3 – Классификация инструментов разработки Web-приложений

9 Практика

9.1 Лабораторная работа №1

Тема: Описание и проектирование диалога пользователя с программным средством

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

Методические указания к выполнению работы

Принципы разработки интерфейса – это высокоуровне­вые концепции и представления, которые могут использо­ваться при проектировании программного обеспечения.

Учитывая, что интерфейс разрабатывается в большей степени для пользователей самых различных уровней под­готовки, необходимо использовать средства привлечения и активизации внимания пользователей при работе с программными продуктами.

Визуальное восприятие элементов интерфейса про­граммного продукта требует привлечения внимания че­ловека. Чаще всего окна имеют прямоугольную форму, близкие соотношению золотого сечения.

«Золотое сечение» – это самая комфортная для глаза пропорция. Форма, в основе построения которой лежит сочетание симметрии и «золотого сечения», способствует наилучшему зрительному восприятию и появлению ощу­щения красоты и гармонии.

«Геометрия владеет двумя сокровищами: одно из них – это тео­рема Пифагора, а другое – деление отрезка в среднем и крайнем отношении... Первое можно сравнить с мерой золота; второе же больше напоминает драгоценный камень» И. Кеплер.

В математике пропорцией называют равенство двух отношений:

a : в = с : d.

Отрезок прямой АВ можно разделить точкой С на две части следующими способами:

• на две равные части АВ : АС = АВ : ВС;

• на две неравные части в любом отношении (такие час­ти пропорции не образуют);

• когда АВ : ВС = ВС : АС.

Последнее и есть золотое деление или деление отрезка в крайнем и среднем отношении.

«Золотое сечение» – это такое пропорциональное деле­ние отрезка на неравные части, при котором весь отрезок так относится к большей части, как большая часть относится к меньшей, или другими словами, меньший от­резок так относится к большему, как больший ко всему (рисунок 9.1).

а : в = в : с или с : в = в : а

Отрезки золотой пропорции выражаются бесконечной иррациональной дробью 0,618..., если с принять за еди­ницу, a = 0,382. Отношение же отрезков в и а составляет 1,618.

Рисунок 9.1 – Деление отрезка на части

Прямоугольник с таким отношением сторон стали на­зывать золотым прямоугольником. Он также обладает ин­тересными свойствами. Если от него отрезать квадрат, то останется вновь золотой прямоугольник. Этот процесс можно продолжать до бесконечности. А если провести диа­гонали первого и второго прямоугольников, то точка их пересечения будет принадлежать всем получаемым золо­тым прямоугольникам.

Есть и золотой треугольник (равнобедренный треуголь­ник, у которого отношение длины боковой стороны к дли­не основания равняется 1,618), и золотой кубоид (прямо­угольный параллелепипед с ребрами, имеющими длины 1,618, 1 и 0,618).

Принцип «золотого сечения» был открыт людьми в глубокой древности. Знаменитые египетские пирамиды в Гизе основаны на пропорциях «золотого се­чения».

«Золотое сечение» не является искусственным явле­нием. Оно очень широко распространено в природе: «золотое сечение» можно найти в пропорциях тел многих рас­тений и животных, а также морских раковин и птичьих яиц. Но наиболее впечатляющий пример «применения» природой принципа «золотого сечения» – человеческое тело. Оно це­ликом и его части (лицо, руки, кисти рук и т. п.) насквозь пронизаны пропорцией 1,618.

С развитием дизай­на и технической эсте­тики действие закона «золотого сечения» рас­пространилось на кон­струирование машин, мебели и т. д. Проекти­рование компьютерных интерфейсов – не ис­ключение. Формы диа­логовых окон и элемен­тов управления, сторо­ны которых относятся как 1,618, очень привле­кательны для пользова­телей.

Хотя пользователь не воспринимает ком­пьютер как полноценного собеседника, тем не менее, обмен информацией между пользователем и компьютером (точ­нее, его программным обеспечением) по всем формальным признакам соответствует понятию «диалог» в общепри­нятом смысле. Основные правила, которые должны со­блюдаться, чтобы диалог оказался конструктивным:

• участники диалога должны понимать язык друг друга;

• они не должны говорить одновременно;

• очередное высказывание должно учитывать как общий контекст диалога, так и последнюю информацию, полученную от собеседника.

Если собеседники обсуждают вопросы, относящиеся к какой-либо специальной области, они должны придержи­ваться единой терминологии, если же один из них пытается что-то объяснить другому, ему следует сначала пояснить основные термины и понятия.

Таким образом, при проектировании пользовательско­го интерфейса необходимо определить:

• применяемую терминологию;

• структуру диалога;

• возможный сценарий развития диалога;

• содержание управляющих сообщений и данных, которыми могут обмениваться человек и приложе­ние (семантику сообщений);

• визуальные атрибуты отображаемой информации (синтаксис сообщений).

Выбор структуры диалога – это первый из этапов, ко­торый должен быть выполнен при разработке интерфейса. Существует несколько вариантов структуры диалога типа «вопрос-ответ», но каждая из них имеет свои особенности и наиболее удобна для определенного класса задач.

Структура диалога типа «вопрос-ответ» основана на аналогии с обычным интервью. Система берет на себя роль интервьюера и получает информацию от пользователя в виде ответов на вопросы. Диалог в виде вопросов и ответов в достаточной степе­ни обеспечивает поддержку пользователя, так как даже краткий наводящий вопрос при разумном построении мо­жет быть самопоясняющим.

Диалог на основе меню является наиболее популярным вари­антом организации запросов на ввод данных во время диа­лога, управляемого компьютером.

Существует несколько основных форматов представ­ления меню на экране:

• список объектов, выбираемых прямым указанием, либо указанием номера;

• меню в виде строки данных;

• меню в виде блока данных;

• меню в виде пиктограмм.

Меню можно применять для ввода, как управляющих сообщений, так и данных.

Диалог на основе экранных форм допускает обработку на одном шаге диалога несколь­ких ответов. На практике формы используются в основном там, где учет какой-либо деятельности требует ввода дос­таточно стандартного набора данных.

Одним из типов заполнения форм являются также многовариантные меню. В таких меню пользователю предос­тавляется список вариантов, и он не ограничен возможно­стью единственного выбора, может указать несколько ва­риантов.

Диалог на основе командного языка часто используется в операционных системах и распола­гается на другом конце спектра структур диалога по отно­шению к структуре типа «меню». Исторически это первая из реализованных структур диалога.

При такой организации диалога программная система не выводит ничего, кроме постоянной подсказки (пригла­шения на ввод команды), которая означает готовность сис­темы к работе. Каждую команду вводят с новой строки и обычно заканчивают нажатием клавиши «Ввод». Ответ­ственность за правильность задаваемых команд ложится на пользователя.

Развитие диалога во времени можно рассматривать как последовательность переходов системы из одного состояния в другое. Очевидно, что ни одно из этих состояний не должно быть «тупиковым», т.е. пользователь должен иметь возможность перейти из любого текущего состояние диа­лога в требуемое (за один или несколько шагов). Для это­го в ходе разработки интерфейса необходимо определить все возможнее состояния диалога и пути перехода из од­ного состояния в другое. Другими словами, необходимо разработать сценарий диалога.

Целями разработки сценария диалога являются:

• выявление и устранение возможных тупиковых си­туаций в ходе развития диалога;

• выбор рациональных путей перехода из одного состояния диалога в другое (из текущего в требуемое);

• выявление неоднозначных ситуаций, требующих оказания дополнительной помощи пользователю.

Сложность разработки сценария определяется в основ­ном двумя факторами: функциональными возможностями создаваемого приложения (т.е. числом и сложностью реа­лизуемых функций обработки информации) и степенью неопределенности возможных действий пользователя.

В свою очередь, степень неопределенности действий пользователе зависит от выбранной структуры диалога. Наибольшей вариантностью обладает диалог на основе меню, наименьшей – диалог типа «вопрос – ответ», управляемый пользователем.

Сценарий диалога, можно упростить, снизив степень неопределенности действий пользователя. Возможными способами решения этой за­дачи являются:

• использование смешанной структуры диалога (при­менение меню с целью «ограничения свободы» пользователя там, где это возможно);

• применение входного контроля вводимой информации (команд и данных).

Дополнительные возможности по снижению неопре­деленности действий пользователя предоставляет объ­ектно-ориентированный подход к разработке интерфей­са, при котором для каждого объекта заранее устанавли­вается перечень свойств и допустимых операций. Наибо­лее эффективен такой подход при создании графическо­го интерфейса.

Способ описания сценария диалога зависит от степени его сложности.

Независимо от способа описания сценария его основ­ной структурной единицей является шаг диалога, соот­ветствующий одному акту взаимодействия пользователя с системой. Сценарий диалога позволяет описать процесс взаимо­действия пользователя с приложением на уровне решаемой им прикладной задачи. При разработке шага диалога указываются не­посредственно участники и содержание сообщений.