Книги / Попов А.А. Эргономика пользовательских интерфейсов в информационных системах

для быстрого запуска приложений, переключения между рабочими столами, а также вызова главного меню и автоматической уборки с экрана (рис. 12).

Рисунок 11 Рабочий стол Mate для Linux Mint 13

Рисунок 12 Рабочий стол Cinnamon для Linux Mint 13

21

Графическая оболочка Cinnamon, по мнению специалистов, является более удобной для пользователей-новичков, поскольку имеет более современный пользовательский интерфейс (напоминает Windows 7 из-за схожего расположения и организации меню на панели и более эстетичное оформление меню). В качестве оконного менеджера используется Mutter, а в качестве файлового менеджера Nemo [104, 106].

4. Unity - графическая оболочка разработана на основе GNOME и является средой по умолчанию для Ubuntu Netbook Edition (версия 10.10). Графическая оболочка позволяет эффективнее использовать экраны устройств с небольшой диагональю и предназначена для работы с мышью, тачпадом и клавиатурой. Интерфейс Unity состоит из следующих элементов (рис. 13) [107]:

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

Рисунок 13 Рабочий стол Unity для Linux Ubuntu 12.04

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

главное меню, Dash, позволяет воспользоваться как локальным поиском (установленные приложения, файлы и папки, музыка), так и удалённым (доступные для установки приложения, видео на внешних ресурсах);

22

глобальное меню - отображает заголовок открытого окна и (при наведении курсора) для приложений, развёрнутых на весь экран, также отображаются кнопки управления окном;

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

В качестве оконного менеджера используется Compiz, а в качестве файлового менеджера пока что используется Nautilus, но планируется разработать новый файловый менеджер.

5. LXDE (Lightweight X11 Desktop Environment) – графическая оболочка, созданная специально для компьютеров с низками техническими характеристиками, ноутбуков, нетбуков, а также просто для устаревшего оборудования и используемая по умолчанию для Linux Knoppix и Lubuntu. По умолчанию рабочий стол LXDE (рис. 14) [105]

содержит одну панель в нижней части экрана.

Рисунок 18 Рабочий стол LXDE для Linux Lubuntu

На панели размещается кнопка для вызова главного меню, переключатель рабочих столов. В правой части панели размещена область уведомлений (трей). Можно изменять фоновое изображение на рабочем столе, поддерживаются темы оформления. В качестве

23

оконного менеджера используется Openbox, а в качестве файлового менеджера PCManFM.

6. Enlightenment - графическая оболочка, используемая по умолчанию для Linux Bodhi, Mageia. Следует отметить, что рабочий стол Enlightenment не имеет системы конфигурирования [9]. По умолчанию интерфейс графической оболочки выглядит архаично и не очень привлекательно (серый фон, мелкие иконки и узкие панели управления) [101]. В состав пользовательского интерфейса Enlightenment DR17 (E17) по умолчанию входят: набор иконок на рабочем столе, нижнюю панель с обычным меню, виртуальные рабочие столы, панель задач, системный трей (рис. 15).

Рисунок 15 Рабочий стол Enlightenment DR17 (E17) для Linux Mageia

Для работы с интерфейсом E17 могут быть использованы все кнопки мыши. Для отображения основного меню необходимо нажать на левую кнопку мыши. Основное меню может содержать следующие пункты [9]:

Files - менеджер файлов;

Applications - список доступных программных приложений;

24

Windows - список для отображения всех открытых окон и быстрого переключения между ними;

Favorite Applications - настраиваемый список, предназначенный для запуска наиболее часто используемых программных приложений;

Run Command – интерфейс, предназначенный для ввода пользователем отдельных команд;

Configuration - панели управления рабочим столом, а также набор служебных утилит;

Desktop - интерфейс, предназначенный для добавления (удаления) рабочих столов и панелей.

Доступ ко всем запущенным программным приложениям может быть получен с помощью щелчка кнопкой мыши по свободному месту рабочего стола. Имеется также возможность для очистки рабочего стола в случае, если открыто много диалоговых окон и пользователь «запутался» в них. Если щелкнуть правой кнопкой мыши, то появится список Favourite Applications, содержащий перечень приложений, наиболее часто используемых пользователем (при этом перечень может редактироваться). Главным элементом пользовательского интерфейса является окно, в котором отображается запущенное программное приложение. Графическая оболочка E17 имеет следующее меню состояния окна [9]:

Window Locks - вызов диалога блокировки окна для защиты окна от случайного закрытия;

Remember – предназначено для вызова диалога запоминания состояния диалогового окна;

Borders – для вызова диалога выбора рамок окна;

Send to Desktop - для того, чтобы переместить диалоговое окно на другой рабочий стол;

Sticky - для того, чтобы переключить режима прилипания;

Skip Window List - для того, чтобы исключить окно из панели

задач.

Элемент интерфейса shelf предназначен для запуска приложений и отображения полезной информации и отображается в виде панели с значками (иконками).

Отметим, что в Linux пользователи могут работать несколькими виртуальными рабочими столами (например, в KDE и в GNOME по умолчанию – с четырьмя). Это создает у пользователя впечатление, что он работает одновременно с несколькими рабочими столами, расположенными на экранах нескольких мониторов. На каждом рабочем столе расположен свой набор ярлыков, иконок, открытых окон и т.п.

25

При этом между экранами можно переключаться в любой момент времени как с помощью клавиатуры («горячие» клавиши), так и с помощью мыши (наведя курсор на край нужного экрана).

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

Воперационной системе Mac OS X также имеется возможность работы с виртуальными рабочими столами, называемыми Spaces. В настройках ОС пользователь может задать произвольное число рабочих столов, а также прикрепить определенные программы на фиксированные столы. Каждому рабочему столу могут задаваться свои «обои» и анимированный переход между ними. Рабочим столам могут присваиваться имена и их отображение на самом этом столе в произвольном месте выбранным шрифтом. Вызов рабочего стола не отображает все запущенные программы, а отображает только те программы, которые ему «принадлежат».

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

Desktops 2.0, nSpaces, goScreen, VirtualWin, Dexpot, TaskSpace, WindowsPager, Virtual Dimension.

Впоследнее время часто используемым видом WIMPинтерфейсов стали веб-интерфейсы. Развитие таких интерфейсов обусловлено возникновением Интернет-технологий, технологии HTML (язык разметки гипертекста), позволяющих не только создавать значительные объемы текстов, но и сопровождать их картинками, которые сами по себе могут быть и ссылками на другие документы. Вебинтерфейс (WUI-интерфейс, Web User Interface) - это совокупность средств, при помощи которых пользователь взаимодействует с вебсайтом или с другим программным приложением через веб-приложение. Такие интерфейсы удобны тем, что позволяют вести совместную работу пользователям, не работающем в одном офисе (например, для заполнения различных веб-форм). В зависимости от структуры гиперссылок в WUI-интерфейсе (текстовые или визуальные гиперссылки) работа с пользователем происходит посредством отображения веб-страниц. При этом одна веб-страница соответствует

26

одной гиперссылке. Переход от одной страницы к другой с помощью гиперссылок - наиболее часто используемая функция WUI-интерфейса. Основные особенности программных приложений, использующих WUIинтерфейсы [81]:

информация отражается в одном окне веб-браузера; веб-браузер предоставляет меню для веб-приложения;

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

указатель мыши работает только для выбора элемента управления или для щелчка по нему мышью (концепция «захватить и перетащить», «grab and drag», не используется).

Пользователи работают с веб-страницами, которые отображаются внутри окна браузера. Браузер может быть однооконным или многооконным. При работе с браузером каждой открытой странице может соответствовать или новое окно браузера, или новые страницы могут открывать внутри текущего окна с помощью окна-вкладки. Взаимодействие пользователя с веб-страницами производится с помощью следующих элементов (рис. 16) [14]:

1.Меню с набором команд окна браузера, при помощи которых пользователь может влиять на настройку страницы (например, шрифт, соединение с Интернетом, параметры безопасности).

2.Заголовка диалогового окна (полоска в верхней части диалогового окна браузера, в которой отражена информация о странице).

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

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

5.Адресной строки диалогового окна браузера, в которой отражается URL (путь к текущей странице).

6.Полоса прокрутки диалогового окна браузера.

7.Внешнего представления веб-страницы и части внутреннего содержания страницы (HTML-коды), которые задаются в виде форм, которые должен заполнять пользователь, и используются для получения информации от пользователя и отправки информации на сервер (или для обработки с помощью JavaScript на пользовательском рабочем месте).

27

8.Также к элементам, с помощью которых организовывается взаимодействие веб-страниц с пользователями, относятся апплеты (внешние программные сущности, созданные при помощи языка Java, встраиваемые в страницу). Другим способом организации взаимодействия веб-страниц с пользователями является использование Adobe Flash, Silverlight. Также интерфейсная часть веб-приложений может формироваться с помощью технологии Ajax. При использовании Ajax пользовательский интерфейс перезагружается не целиком, а частично, с помощью загрузки необходимых данных. В результате увеличивается скорость работы пользователя с интерфейсом.

9.Элементы навигации - список гиперссылок для пользователя и его доступа к информации сайта:

блоки для перехода на главную страницу, поиска, быстрого перехода, авторизации;

блоки вторичной навигации, навигации по выборке; горизонтальные, вертикальные, древовидные, выпадающие меню; вкладки; нижние колонтитулы (функциональные) – для отображения карты

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

10.Элементы содержания веб-страницы, входящие в состав информационных, сервисных и рекламных блоков компоновки вебстраниц:

текст – завершенная последовательность предложений, слов, знаков, находящихся на веб-странице;

поля ввода – компоненты веб-страниц, посредством которых пользователь передает информацию системе (чекбоксы, списки, выпадающие списки, радиокнопки, текстбоксы);

кнопки – элементы немедленного действия; метки – надписи для отображения текста в диалоговом окне;

гиперссылки – элемент для перемещения пользователя к другим веб-страницам;

пиктограммы – элементы для обозначения в виде графического изображения каких-либо стандартных действий пользователя;

колонтитулы для отображения информации, которая должна присутствовать на веб-странице и побуждать пользователя задержаться на данной странице (сведения о фирмах, поддерживающих, сайт, записи, текущие комментарии);

всплывающие подсказки и пузыри – предназначены для информирования пользователя при подведении курсора мыши к интересую-

28

щему объекту на веб-странице или при возникновении какого-либо события;

баннеры - визуальные заголовки, отображаемые на веб-странице. 11. Элементы оформления веб-страницы (цвет фона, шрифт, цвет

шрифта, фон, вид границ элементов диалогового окна).

Рисунок 16 WUI-интерфейс пользователя

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

Следующим этапом является внедрение сенсорных технологий для работы с WIMP-интерфейсами. Планшетные персональные компьютеры не оснащаются физическими клавиатурами и предусматривают необходимость сенсорного управления. При этом скорость сенсорного ввода информации на экране в лучшем случае достигает половины скорости ввода на физической клавиатуре. Поэтому для выполнения работы требуются дополнительные усилия, время и обдумывание, что

29

представляет собой существенную проблему. По этой причине физическая клавиатура остается до сих пор очень востребованной.

Появились программные приложения, предоставляющие пользователям возможность работы не только с помощью клавиатуры и мыши, но и с помощью сенсорного управления. Например, в Windows Vista и Windows 7 внедрена возможность такой работы. После выпуска Windows Vista и Windows 7 внешний вид пользовательского интерфейса Windows опять существенно изменился в связи с появлением визуального стиля Aero (Authentic, Energetic, Reflective, Open:

подлинный, энергичный, отражающий и открытый). В интерфейсе Aero содержится ряд опций [102]:

Aero Shake – сворачивает все окна оригинальным способом, попробуйте ухватить окно за верхнюю полоску левой клавишей и удерживая кнопку буквально «потрясти» окно. Активное окно (которое «трясли») останется открытым, а остальные свернутся.

Aero Peek – эта опция дает возможность увидеть миниокошки свернутых окон, при наведении курсора мыши в Панели задач, а также свернуть все окна наведя курсор мыши на крайнюю правую область Панели задач.

Windows Flip и Windows Flip 3D – позволяет переключаться между окнами при помощи горячих клавиш Alt+Tab (для Windows Flip) и Win+Tab (для Windows Flip 3D). Их разница заключается в том, что Windows Flip 3D показывает нам открытые окна в объемном изображении и переключение происходит как тасовка колоды карт, а Windows Flip переключается стандартно – в плоскости.

Aero Snap – выравнивает окно по левой или правой части экрана. Необходимо ухватить окно за верхнюю полоску и перетащить до упора влево или вправо, при перетаскивании окна вверх, оно разворачивается на весь экран.

Aero Glass – эффект матового стекла окон и панелей, то есть изображение находящееся за активным окном мутно проглядывается за активным окном.

Стиль Aero призван отвлечь от элементов окна и дать пользователям сосредоточиться на содержимом экрана. Благодаря этому стилю взгляд сосредоточен не на заголовках и рамках окон, а на самой важной части приложения.

В операционной системе Windows 7 претерпели значительные изменения ключевые компоненты пользовательского интерфейса. Изменения были сконцентрированы вокруг модернизации панели задач. Также значительные изменения были внесены в меню «Пуск» и работу с

30