Теория:

Взаимодействие компьютера с пользователем с каждой новой версией операционной системы становится проще и понятнее. Это означает, что создатели пользовательского интерфейса, набора инструментов, позволяющих пользователю взаимодействовать с компьютером, создают всё более сложные программы. А сам интерфейс становится более дружественным. Про такой говорят, что он сделан по принципу DWIM (Do What I Mean – делай то, что я имею ввиду).
Современные операционные системы имеют графический интерфейс. Это значит, что команды управления устройством скрываются за графическими элементами, которыми управляет пользователь. В специальной литературе графический интерфейс иногда называют WIMP — это аббревиатура от Windows, Icons, Menus, Pointer — окна, иконки, меню, указатель.
WIMP-интерфейс — позволяет пользователю управлять программными и аппаратными ресурсами компьютера через окна, иконки, меню и указатели.
Графический интерфейс очень удобен для рядового пользователя, но для профессионального программиста он имеет некоторые недостатки, например, сама графическая оболочка занимает много места и замедляет работу компьютера. Кроме того, графические интерфейсы разных операционных систем затрудняют совместную работу.
Рассмотрим основные элементы графического интерфейса. Иллюстрировать наше исследование будем с помощью примеров операционной системы Windows.
Основными элементами графического интерфейса являются окна и меню.
Окна
Рассмотрим четыре основных вида окон: Рабочий стол, Диалоговое окно, Окно папки и Окно документа.
Рабочий стол — ключевое окно графической среды. В нем мы увидим такие элементы управления, как Главное меню, Значки, Ярлыки, Панель задач.
Кнопка Пуск открывает Главное меню операционной системы.
Главное меню — это элемент управления рабочего стола, предназначенный для быстрого доступа к программам, документам, средствам настройки и поиска, избранным папкам и объектам. Завершение работы с операционной системой выполняется только с помощью главного меню. Открывается кнопкой Пуск.
Значки — обозначают программы и документы. Для запуска выполняется двойной щелчок мышью.
Ярлыки внешне отличаются от значков стрелкой в левом нижнем углу, но предоставляют быстрый доступ к программе, которая хранится в файловой системе, а на рабочий стол выведен Ярлык для её быстрого запуска.
 
Скриншот 18-12-2021 010420.jpg
Рис. \(1\). Рабочий стол
Панель задач — элемент управления, отображает кнопку Пуск, значки запущенных приложений, индикаторы, время.
Диалоговые окна бывают разными, в зависимости от способа взаимодействия с пользователем. Это могут быть окна сообщений, в которых из управляющих элементов присутствуют только Кнопки — элемент управления, при нажатии служит для выполнения действия, которое обозначено надписью на кнопке.
 
Скриншот 18-12-2021 010720.jpg
Рис. \(2\). Диалоговое окно
  
Или более сложные окна настройки параметров. В них больше различных элементов управления. Рассмотрим элементы управления на примере окна настройки параметров Шрифт и Табуляция.
 
Скриншот 18-12-2021 011036.jpg
Рис. \(3\). Настройки параметров

Списки
Элемент управления, служит для выбора из команд, доступных для выполнения.
Раскрывающиеся списки
То же назначение, что и у списков, но для доступа к командам необходимо раскрыть список с помощью стрелки.
Переключатели
Элемент управления, служит для выбора одного из нескольких вариантов.
Флажки
Элемент управления, служит для выбора нескольких из нескольких вариантов.
Кнопки
Элемент управления, при нажатии служит для выполнения действия, которое обозначено надписью на кнопке.
Счётчики
Элемент управления, который при помощи пары стрелок увеличивает или уменьшает значение в связанном с ним поле.
Ползунки
То же, что и счетчик, но значение в поле меняется плавно.
Вкладки
Элемент управления, служит для отображения нескольких страниц, относящихся к одному диалоговому окну.
 
Скриншот 18-12-2021 011751.jpg
Рис. \(4\). Окно папки
 
Строка меню
Перечень команд, которые можно выполнить в данном окне.
Кнопки управления состоянием окна
Кнопки, позволяющие управлять окном: закрыть, развернуть/восстановить, свернуть на панель задач.
Панель навигации
Представляет объекты файловой системы для быстрого перехода к ним из текущей папки.
Адресная строка
Указывает путь доступа к текущей папке, содержит раскрывающийся список для удобного перемещения по файловой системе.
Рабочая область
Окна и папки отображаются значками объектов.
Могут появляться полосы прокрутки.
Полосы прокрутки
Позволяет прокручивать рабочую область по вертикали или по горизонтали.
Границы окна
Рамка, ограничивающая окно со всех сторон.
Строка состояния
Для дополнительной справочной информации.
Область поиска
Служит для ввода информации о файле, который необходимо найти.

Окно документа — здесь мы увидим все те же элементы графического интерфейса, с которыми уже успели познакомиться.
 
Скриншот 18-12-2021 013229.jpg
Рис. \(5\). Окно документа
 
Значок приложения
Содержит заголовок активного документа.
Строка заголовка
Указывает активное приложение.
Панель инструментов
Содержит значки инструментов, которые наиболее часто применяет пользователь. 
Линейка
Один из специальных инструментов текстового редактора.
Меню
Графический интерфейс применяет два вида меню: Главное меню и контекстное. С понятием и назначением Главного меню мы уже познакомились, когда обсуждали элементы Рабочего стола.
Контекстное меню — список команд, который вызывается пользователем для выбора необходимого действия над выбранным объектом.
Вызывается контекстное меню правой кнопкой мыши, команды контекстного меню относятся только к тому объекту для которого это меню вызвано.
 
Скриншот 18-12-2021 013755.jpg
Рис. \(6\). Контекстное меню
 
На рисунке ты видишь контекстное меню, вызванное к слову «команды», в меню перечислены все возможные действия, которые можно сделать с этим словом.
Источники:
Рис. 1. Рабочий стол. Автор: Операционная система и большая часть программ принадлежит Microsoft Corp. Остальные программы принадлежат G5 Entertainment AB, Gameloft SE, king.com Ltd, MyTona, Playrix Games, и Yandex. - скриншот, Добросовестное использование, https://ru.wikipedia.org/w/index.php?curid=5928961 (Дата обращения: 18.12.2021)
Рис. 2. Диалоговое окно. © ЯКласс.
Рис. 3. Настройки параметров. © ЯКласс.
Рис. 4. Окно папки. © ЯКласс.
Рис. 5. Окно документа. © ЯКласс.
Рис. 6. Контекстное меню. © ЯКласс.