Список элементов графического пользовательского интерфейса

Список общих элементов графического интерфейса пользователя

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

В этой статье объясняются наиболее распространенные элементы интерфейсов визуального языка, встречающиеся в парадигме WIMP («окно, значок, меню, указатель»), хотя многие из них также используются в других графических интерфейсах пост-WIMP . Эти элементы обычно воплощаются в интерфейсе с использованием набора инструментов виджетов или среды рабочего стола .

Конструктивные элементы

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

Окно

Окно — это область на экране, которая отображает информацию, причем ее содержимое отображается независимо от остальной части экрана. Примером окна является то, что появляется на экране при щелчке по значку «Мои документы» в Microsoft Windows . Пользователь может легко управлять окном: его можно показывать и скрывать, щелкая по значку или приложению , и его можно перемещать в любую область, перетаскивая его (то есть, щелкая в определенной области окна — обычно в строке заголовка вверху — и удерживая кнопку указывающего устройства нажатой, а затем перемещая указывающее устройство). Окно можно размещать перед или за другим окном, его размер можно регулировать, а полосы прокрутки можно использовать для навигации по разделам внутри него. Несколько окон также могут быть открыты одновременно, и в этом случае каждое окно может отображать другое приложение или файл — это очень полезно при работе в многозадачной среде. Системная память является единственным ограничением на количество окон, которые могут быть открыты одновременно. Существует также много типов специализированных окон. ^[1]

Контейнерное окно заключает в себе другие окна или элементы управления. При его перемещении или изменении размера вложенные элементы перемещаются, изменяют размер, переориентируются или обрезаются контейнерным окном.
Окно браузера позволяет пользователю просматривать и перемещаться по коллекции элементов, таких как файлы или веб-страницы . Веб-браузеры являются примером таких типов окон.
Текстовые терминальные окна представляют собой основанные на символах, управляемые командами текстовые пользовательские интерфейсы в общем графическом интерфейсе. Примерами таких типов окон являются консоли MS-DOS и Unix . Терминальные окна часто соответствуют соглашениям о горячих клавишах и отображении терминалов на основе ЭЛТ, которые предшествовали графическим интерфейсам, таким как VT-100.
Дочернее окно открывается автоматически или в результате действий пользователя в родительском окне. Всплывающие окна в Интернете могут быть дочерними окнами.
Окно сообщений или диалоговое окно — это тип дочернего окна. Обычно это небольшие и простые окна, которые открываются программой для отображения информации пользователю и/или получения информации от пользователя. Они почти всегда имеют одну или несколько кнопок, которые позволяют пользователю закрыть диалог утвердительным, отрицательным или нейтральным ответом.

Меню позволяют пользователю выполнять команды, выбирая из списка вариантов. Параметры выбираются с помощью мыши или другого указывающего устройства в графическом пользовательском интерфейсе. Также может использоваться клавиатура. Меню удобны, поскольку они показывают, какие команды доступны в программном обеспечении . Это ограничивает объем документации, которую пользователь читает для понимания программного обеспечения. ^[2]

Строка меню отображается горизонтально в верхней части экрана и/или вдоль верхней части некоторых или всех окон. С этим типом меню обычно связано выпадающее меню. Когда пользователь нажимает на опцию меню, выпадает меню. ^[3]^[4]
Меню имеет видимое название в строке меню. Его содержимое отображается только тогда, когда пользователь выбирает его с помощью указателя. Затем пользователь может выбирать элементы в раскрывающемся меню. Когда пользователь щелкает в другом месте, содержимое меню исчезает. ^[5]
Контекстное меню невидимо, пока пользователь не выполнит определенное действие мыши, например, нажатие правой кнопки мыши. Когда происходит действие мыши, специфичное для программного обеспечения, меню появится под курсором. ^[3]
Дополнительные блюда в меню — это отдельные пункты внутри меню или рядом с ним.

Иконки

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

Элементы управления (или виджеты)

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

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

Вкладки

Вкладка обычно представляет собой прямоугольное небольшое поле, которое обычно содержит текстовую метку или графический значок, связанный с панелью просмотра. При активации панель просмотра или окно отображает виджеты, связанные с этой вкладкой; группы вкладок позволяют пользователю быстро переключаться между различными виджетами. Это используется во всех современных веб-браузерах . ^[6]^[7]^[8]^[9]^[10] С помощью этих браузеров вы можете одновременно открывать несколько веб-страниц в одном окне и быстро перемещаться между ними, нажимая на вкладки, связанные со страницами. Вкладки обычно размещаются группами в верхней части окна, но также могут быть сгруппированы сбоку или снизу окна. Вкладки также присутствуют в панелях настроек многих приложений. Например, Microsoft Windows использует вкладки в большинстве диалогов панели управления.

Элементы взаимодействия

Некоторые общие идиомы для взаимодействия развились в визуальном языке, используемом в GUI. Элементы взаимодействия — это объекты интерфейса, которые представляют состояние текущей операции или преобразования, либо как визуальные остатки намерения пользователя (например, указатель), либо как возможности, показывающие места, где пользователь может взаимодействовать.

Курсор

Курсор — это индикатор, используемый для отображения положения на мониторе компьютера или другом устройстве отображения, которое будет реагировать на ввод текста с помощью устройства ввода или указательного устройства.

Указатель

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

Точка вставки

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

Выбор

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

Регулировочная ручка

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

Смотрите также

Ссылки

^ "Определение окна". Linfo.org. 9 августа 2004 г. Получено 19 сентября 2006 г.
^ "menu". Foldoc.org . Получено 19 сентября 2006 г. .
^ ab "Как использовать меню". Java.sun.com . Получено 19 сентября 2006 г. .
^ "контекстно-зависимое меню". Foldoc.org . Получено 19 сентября 2006 г. .
^ "выпадающее меню". Foldoc.org. 19 сентября 2006 г.
^ "Использование вкладок в Chrome". Справка Google Chrome . Google Inc. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.
^ Участники mozilla.org. "Используйте вкладки для организации множества веб-сайтов в одном окне". Поддержка Mozilla . Корпорация Mozilla . Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г. {{cite web}}: |author=имеет общее название ( помощь )
^ "Использование вкладок для веб-страниц в Safari на Mac". Руководство пользователя Safari . Apple Inc. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.
^ Хоффман, Крис (28 октября 2020 г.). «Как включить и использовать вертикальные вкладки в Microsoft Edge». How-To Geek . LifeSavvy Media. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.
^ "7 функций Opera, которые упрощают управление множеством вкладок". Блоги Opera . Программное обеспечение Opera . 18 ноября 2015 г. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.

[1] "Определение окна". Linfo.org. 9 августа 2004 г. Получено 19 сентября 2006 г.

[2] "menu". Foldoc.org . Получено 19 сентября 2006 г. .

[java-3] "Как использовать меню". Java.sun.com . Получено 19 сентября 2006 г. .

[4] "контекстно-зависимое меню". Foldoc.org . Получено 19 сентября 2006 г. .

[5] "выпадающее меню". Foldoc.org. 19 сентября 2006 г.

[6] "Использование вкладок в Chrome". Справка Google Chrome . Google Inc. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.

[7] Участники mozilla.org. "Используйте вкладки для организации множества веб-сайтов в одном окне". Поддержка Mozilla . Корпорация Mozilla . Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г. {{cite web}}: |author=имеет общее название ( помощь )

[8] "Использование вкладок для веб-страниц в Safari на Mac". Руководство пользователя Safari . Apple Inc. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.

[9] Хоффман, Крис (28 октября 2020 г.). «Как включить и использовать вертикальные вкладки в Microsoft Edge». How-To Geek . LifeSavvy Media. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.

[10] "7 функций Opera, которые упрощают управление множеством вкладок". Блоги Opera . Программное обеспечение Opera . 18 ноября 2015 г. Архивировано из оригинала 14 декабря 2020 г. Получено 14 декабря 2020 г.