Общая структура окна Windows
Подавляющее большинство окон операционной системы Windows имеют одну и ту же структуру, состоят из одних и тех же элементов. Окно в полноэкранной и нормальной формах состоит из двух основных частей: заголовка окна и рабочей зоны. Окно документа в свернутой форме имеет только заголовок. Кнопка программного окна не имеет ни рабочей зоны, ни заголовка. Она представлена прямоугольником в панели задач, на котором находятся только название окна и соответствующий программе значок.
Заголовок окна занимает его верхнюю строчку. Если окно находится на переднем плане, то заголовок в стандартном цветовом наборе окрашен в синий цвет. У окон, находящихся на заднем плане, заголовок окрашен в серый цвет. Заголовок содержит (слева направо): кнопку вызова системного меню, название окна и три кнопки управления формой окна. Кнопка вызова системного меню занимает левый конец заголовка. Как уже отмечалось, она представлена значком, закрепленным за программой или документом. Далее размещается название окна, которое совпадает с названием программы, документа или команды операционной системы.
В правом конце заголовка находятся три кнопки, с помощью которых пользователь может выбирать нужную форму представления окна.
Кнопка, на которой изображен крестик, является кнопкой закрытия окна. Она всегда находится на крайней справа позиции. Кнопка, на которой нарисована черточка, символизирующая минимальные размеры окна, называется кнопкой свертывания (минимизации).
Кнопка, на которой изображены два прямоугольника, символизирующие возможность одновременного расположения на экране нескольких окон, называется кнопкой восстановления. Восстановить — это значит перейти к нормальной форме окна.
И, наконец, кнопка, на которой изображен только один прямоугольник, символизирующий полностью занимающее весь экран окно, называется кнопкой развертывания (максимизации). Развернуть — это значит перейти к полноэкранной форме.
В рассмотренных элементах управления формой окна достаточно просто ориентироваться, если внутри окна программы нет окон документов. Ситуация по-прежнему вполне простая и тогда, когда подчиненное окно находится в нормальной или свернутой формах. Каждое из окон имеет свой собственный, хорошо различимый заголовок. Если же подчиненное окно переведено в полноэкранное представление, то ориентация в элементах управления окнами затрудняется, так как окно документа, с одной стороны, не может выйти за пределы породившего его программного окна, а с другой — полноэкранное представление означает, что окно должно занимать максимально возможные размеры. Поэтому заголовки программного и подчиненного окон совмещаются и занимают две строки. Названия окон объединяются и располагаются в первой строке, в заголовке программного окна.
Здесь же размещаются кнопки вызова системного меню и управления формой программного окна. Во второй строке размещаются (слева направо): кнопка вызова системного меню окна документа, операционное меню программного окна и кнопки управления формой окна документа.
Рабочая зона. Рабочая зона — это внутренняя область окна, находящаяся под его заголовком. Рабочая зона используется для выполнения основных функций окна: размещения окон документов, ввода различной информации, подготовки текстов, таблиц, вычерчивания чертежей, рисунков, графиков, вывода результатов работы программы и т. д. Кроме того, в рабочей зоне окон могут находиться различные панели. В частности, в рабочей зоне программного окна почти во всех случаях находится панель, содержащая операционное меню программы, а также одна или несколько инструментальных панелей, которые содержат значки наиболее часто используемых команд операционного меню.
Заголовок окна в любом случае служит верхней границей для рабочей зоны. Три остальные границы рабочей зоны окна могут выглядеть различным образом и даже вообще отсутствовать. Поскольку в полноэкранной форме окно занимает весь экран, его рабочая зона имеет только одну постоянную верхнюю границу, присутствие трех остальных границ не является обязательным. Окно в полноэкранной форме имеет две границы — сверху и снизу, а боковые границы отсутствуют. У окна в нормальной форме рабочая зона имеет все границы.
Строка состояния. Нижней границей рабочей зоны окна обычно является так называемая строка состояния. Эта строка, как правило, содержит информацию о текущем состоянии окна. Кроме того, в строке состояния могут размещаться подсказки пользователю о назначении тех или иных элементов управления в окне, а также о возможных действиях пользователя.
Рекомендуется периодически обращать внимание на содержание строки состояния, так как это поможет избежать ошибок или выбрать более короткий путь к цели.
Полосы прокрутки. Если содержимое окна (текст документа, рисунок и т. д.) имеет размеры, превышающие текущие размеры рабочей зоны, то для того чтобы обеспечить доступ к непомещающимся в зоне частям содержимого окна, справа и снизу рабочей зоны могут размещаться вертикальная и/или горизонтальная полосы прокрутки. Эти полосы содержат элементы управления, служащие для перемещения содержимого в рабочей зоне окна. Если содержимое не помещается по ширине зоны, то выводится горизонтальная полоса, если по высоте, то вертикальная, и, наконец, если содержимое не умещается ни по ширине, ни по высоте, то окно имеет сразу две полосы прокрутки. В некоторых случаях окно имеет полосы прокрутки всегда, независимо от того, помещается или нет содержимое окна в его рабочей зоне.
Использование полос прокрутки для просмотра содержимого окна можно сравнить с просмотром, скажем, карты местности через увеличительное стекло (лупу) небольшого размера. Когда видный в лупу участок уже изучен, она перемещается на соседний, ранее скрытый участок. Просматривавшийся только что участок из поля зрения уходит. Аналогичного эффекта можно достичь, если перемещать не лупу, а карту под лупой. Карта как бы прокручивается под лупой в нужном направлении. Это и является практически полным аналогом перемещения содержимого окна в рабочей зоне с помощью полос прокрутки.
На верхнем и нижнем концах вертикальной полосы прокрутки находится по одной неподвижной кнопке со стрелками, направленными соответственно вверх и вниз. Эти кнопки называют кнопками вертикальной прокрутки. Между этими кнопками находится подвижный прямоугольник, который с помощью мыши может перемещаться вверх и вниз вдоль полосы. Этот прямоугольник называют бегунком или ползунком. Горизонтальная полоса прокрутки также имеет на концах неподвижные кнопки со стрелками, направленными вправо и влево, — кнопки горизонтальной прокрутки, и бегунок, который может перемещаться вдоль полосы прокрутки.
Глава 5. Проводник и окна Windows
Само название операционной системы Windows переводится с английского как окна. Работа в этой операционной системе построена на работе с ними. В этой главе разберем основные элементы.
Проводник — основная программа, которая служит для перемещения между файлами и папками, а также для работы с ними.
Как открыть проводник?
- Нажать сочетание клавиш WIN+E
- Нажать на иконку на Панели задач.
- Выбрать в меню Пуск.
- Воспользоваться Поиском.
Основные элементы окна
Вверху расположен заголовок. Если «ухватить» левой кнопкой мыши за него, то можно передвинуть окно в пределах рабочего стола.
Окно раздвигается в стороны просто ухватив за край мышью. В заголовке отображается название, и расположены три иконки управления:
- Первая кнопка, в виде линии, предназначена для «сворачивания» окна в Панель задач (то, которое находится внизу экрана). Нажав на неё окно не закрывается, а просто убирается с экрана. Чтобы вернуть его обратно, достаточно нажать по иконке этого окна в Панели задач Windows.
- Средняя кнопка, в виде квадратика, предназначена для «разворачивания» во весь экран. Если нажать кнопку ещё раз, окно примет первоначальный размер. Развернуть и свернуть окно можно двойным щелчком мыши по Заголовку.
- Последняя кнопка в виде крестика закрывает окно.
Ниже расположено меню, которое состоит из нескольких выпадающих списков. В этих списках, находятся действия, которые можно произвести с файлами. Большинство из них доступны по щелчку правой кнопкой мыши.
Вернёмся к этому меню в следующих главах, когда будем изучать действия с файлами.
Панель навигации предназначена для перемещения по иерархии папок в виде «туда-сюда» :), т. е.:
- стрелка назад, позволяет вернуться в предыдущую.
- Стрелка вперед позволяет вернуться из предыдущей папки.
- Стрелка вверх позволяет передвинуться вверх по иерархии.
Папки (или по другому каталоги) вложены друг в друга. На скриншоте выше приведён пример иерархии папок:
- На диске С расположен каталог Users,
- в нём создан каталог Артём,
- в нём Desktop,
- в нём Курс для начинающих,
- далее 1, 2, 3.
Как вы уже догадались, в проводнике каталоги разделяются косой чертой «\», называется «бэк слэш».
Мы находимся в папке 3.
Нажимая на стрелку вверх перемещаемся вверх по иерархии и в конце концов дойдем до диска С (попадем в корень диска или корневую папку (корневой каталог).
Поле адреса мы уже разобрали. Оно показывает путь к папке, в которой мы находимся. По умолчанию в Windows 10 отображается как на скриншоте. Чтобы появился реальный и полный путь щелкните левой кнопкой мыши по полю адреса.
Начните вводить имя файла или часть содержимого файла в Поле поиска. Windows произведет поиск в папке.
Проводник Windows расположен в левой части окна. Служит для перемещения по папкам. Содержимое текущей папки отображается в Рабочей области окна.
Самая главная и большая часть окна — Рабочая область. Здесь находится полезное содержимое: файлы и папки. Если рассматривать какую-нибудь программу, то в рабочей области производят основные действия: редактируют текст или изображение и т. п.
Внизу слева расположены кнопки управления Рабочей областью. С их помощью можно, например, изменить размер значков или включить область предварительного просмотра файлов.
Как сворачивать, разворачивать и закрывать окна в Windows?
Каждое окно имеет элементы, которые позволяют им управлять. Это кнопки, выполненные в виде черточки, квадратика и диагонального крестика. Они находятся в самом правом углу, вверху окна. Чтобы узнать, какое действие выполняет та или иная кнопка, нужно задержать на ней курсор мыши для появления подсказки.
Нажатие на кнопку «свернуть», изображенная в виде черточки, спрячет окно в панель задач, где оно будет указано в виде иконки программы или документа. Обратно же развернуть окно из панели задач, достаточно будет просто щелкнуть (кликнуть) по его иконке левой кнопкой мыши.
Нажатие на кнопку «развернуть», изображенную в виде квадратика, позволяет развернуть окно на весь экран монитора или возвращать рабочую область в режим окна. Кроме того, выполнять данные действия можно дважды щелкнув по строке заголовка окна или используя контекстное меню, щелкнув правой кнопкой мыши в строке заголовка и выбрав пункт меню «развернуть» или «восстановить».
При большом количестве открытых окон часто возникает необходимость свернуть их все сразу, что бы выйти на рабочий стол. В этом случае, щелчок мышью по кнопке сворачивания всех окон, уберет открытые окна в панель задач. В зависимости от версии Windows, кнопка сворачивания всех окон располагается в панели задач справа или слева. Сочетания клавиш «WINDOWS+D» также сворачивает или разворачивает все окна сразу.
Последняя кнопка в этом ряду – это кнопка закрытия окна, изображенная в виде диагонального крестика. Нажатие на нее прекращает работу программы или полностью закрывает окно, с которым вы работаете.
С чего началось использование [x] в дизайне графических интерфейсов
Немалую роль в дружественном взаимодействии пользователя и сайта играют привычные элементы управления. Например, крестик для закрытия окна. Последние несколько дней в интернете широко обсуждалась одна статья об истоках возникновения этого элемента пользовательского интерфейса и она даже привлекла внимание одного из первых разработчиков Windows 95, но об этом ниже.
В пользовательских интерфейсах мы видим X повсеместно. Этот могущественный символ способен закрывать рабочие и всплывающие окна, панели инструментов и вкладки, а также убрать вообще все, что только может создать вам помехи на экране.
Использование нажатия на [x] для того, чтобы закрыть тот или иной элемент превратилось в один из основных инстинктов, связанных с использованием компьютера и стало стандартом в дизайне веб-сайтов и компьютерных приложений. Может показаться, что вездесущий [x] всегда был частью интерфейсов, однако этот короткий и увлекательный экскурс в историю пользовательских графических интерфейсов показывает, что на самом деле дела обстоят иначе.
Итак, где и когда [х] впервые попал в лексикон интерфейсов?
Для того, чтобы вернуться назад к моменту появления [x], давайте начнем с текущего положения дел: Microsoft.
Если вы используете Windows, значит, вы прямо сейчас можете найти у себя на экране хотя бы один [х].
Однако Windows 1.0 вообще не использовала [x] для закрытия.
Ну а как насчет 3.0?
[x] не появлялась вплоть до выхода Windows 95, когда кнопка закрытия была перемещена на правую сторону, присоединившись к кнопкам «Свернуть» и «Развернуть».
Windows 95
Существует даже доказательство того, что это было позднее изменение в Windows 95. В ранней демонстрационной версии (под кодовым именем Chicago), кнопки «Свернуть» и «Развернуть» получили редизайн, однако кнопка «Закрыть» осталась такой же, располагаясь, как и раньше, слева.
Windows Chicago, August 1993
Так кто же отвечал за изменение решения в последний момент? Насколько я могу судить, этот человек ответственен за быстрое и широкое распространение использования [x] в дизайне пользовательских интерфейсов сегодня.
За разработкой Windows 95 с самого начала стояло намерение сделать так, чтобы компьютер появился на каждом рабочем столе, в каждом доме. Изменения дизайна в Windows 95 основывались прежде всего на обратной связи по юзабилити Windows 3.0. Необходимо было убедиться, что любой незнакомый с миром компьютеров человек смог бы изучить Windows 95.
И это сработало.
Windows 95 устранила все конкурирующие операционные системы. Ее стали использовать домашние пользователи и компании по всему миру.
Однако сегодня мы не ставим целью поймать тот момент, когда [x] стал популярен. Нам скорее нужно узнать, когда он впервые появился в мире UI-дизайна.
Можем ли мы найти более ранние примеры использования [x] в дизайне графических интерфейсов?
Mac OS не использовала [x] для закрытия. Впервые, он появился уже в OS X и то, отображался он только при наведении на красную кнопку закрытия.
Mac OS 2: Красивые цвета!
Пользовательские интерфейсы Linux также начали использовать этот символ только после выпуска Windows 95.
Оконная система X Window System
Нет, так мы далеко не уйдем. Давайте вернемся обратно к самому началу, когда еще не было ни Windows, ни Linux, ни Mac OS, к самому первому графическому пользовательскому интерфейсу, который полностью использовал хорошо знакомую всем нам образную аналогию «рабочего стола»: информационную систему 8010 от Xerox.
Xerox 8108
Xerox начала разработку системы 8101, также известной, как “The Xerox Star”, “ViewPoint”, или “GlobalView”, в 1977 году, впервые продав ее в 1981 года под названием «Dandelion» (одуванчик — прим. переводчика). Это и есть тот самый графический пользовательский интерфейс, который Apple, вдохновленная поездкой в штаб-квартиру Xerox в 1979, предположительно использовала для создания своих Lisa/Mac OS.
Однако, [х] здесь отсутствует:
Давайте вспомним, что [х] также нет и в ранних операционных системах Apple:
Никакого [х] не было и в графическом интерфейсе Visi On, первой интегрированной графической программной среде для IBM PC, выпущенного в 1983 году:
Пользовательский интерфейс GEM, разработанный компанией Digital Research для компьютеров на базе DOS в 1984 (и снова, его нет):
Стойте, что это?! Неужели это оно?
Atari TOS 1.0
Это скриншот Atari TOS 1.0, созданной компьютерным подразделением Atari Corp на основе системы GEM для последующего портирования на Atari ST в 1985 году. Это самый ранний пример использования кнопки [x], который я только смог найти.
Так почему же там? И почему именно тогда?
Это очередной пример того, как Atari, американская компания, позаимствовала идею из японской культуры. Первым таким примером, конечно же является само название Atari, японский термин из игры Го, который можно перевести как «попасть точно в цель».
Использование [x] для закрытия и [o] для открытия могло пойти от японских символов батсу и мару.
Maru (o) and Batsu (x)
Символ Батсу используется для обозначения чего-то неправильного и может переводится, как «ошибочный», «плохой», «неправильный» или словом «атака», тогда как мару (o) означает «правильный», «истинный», «хороший», «целый» или «очень ценный». Батсу и мару также часто употребляются как жесты. Скрестите руки на груди и получиться батсу, поднимите руки над головой и соедините их в форме круга — вы изобразили мару.
Другой пример использования мару и батсу можно найти в дизайне контроллера Playstation, где они используются в качестве «да» и «нет» соответственно:
Playstation Controller
Однако это, конечно же, всего лишь теория. Я не могу с уверенностью сказать — меня ведь там не было.
Для большей основательности подхода, давайте посмотрим, удастся ли нам еще больше углубиться в прошлое.
Самым первым строчным текстовым редактором был Quick Editor, или qed, написанный в 1965 году Кеном Томсоном, который позже помогал разрабатывать Unix. Qed использует [q] в качестве команды для выхода.
Первые текстовые редакторы использовали кучу самых разных команд для выхода: [q], [e], [c], и [ESC], однако [x] не был сколько-нибудь популярным вариантом. Ed, em и ex — ранние текстовые редакторы, отпочковавшиеся от qed где-то в 1971, не использовали [x].
Нет, в эти редакторах также не было никаких [x]. X обычно использовался для удаления символов в строке, но не для закрытия программы.
Символ [x] — самая настоящая икона. Он не является каким-то посланием. Он представляет из себя действие «закрыть», которое с самого начала и по сей день воспринималось именно так, независимо от уровня развития графических операционных систем. Первое появление символа [x] в дизайне пользовательских графических интерфейсов скорее всего произошло в Atari TOS, вероятно, под влиянием японских условных обозначений батсу и мару. А благодаря неожиданному изменению в дизайне Windows 95 и началу массового ее использования по всему миру, [x] превратился в стандартный символ для такого действия, как «закрыть» — символ, который сегодня господствует в дизайне веб-сайтов, приложений и программного обеспечения.
От переводчика: за время работы над переводом вышел апдейт к этой статье, с автором связался один из разработчиков Windows 95 и поделился некоторыми новыми подробностями.
Надо же, эта маленькая статья стала такой популярной! Я получил много хороших указаний, комментариев и ценной информации о том, откуда пошло использование [х], однако ни одно из этих сообщений не сравнится с письмом, которое мне прислал член команды разработчиков Windows 95 Дэниел Оран:
Мой друг переслал мне твою статью «Нажмите X, чтобы закрыть». Он вспомнил, что я работал над Windows 95 в Microsoft, а именно над кнопкой «Пуск» и панелью задач. Ему показалось, что мне это будет интересно. Так оно и есть! 🙂
Всегда интересно наблюдать за тем, как пишется история о тех давних событиях, которые ты пережил лично. Я начал работать в Microsoft в 1992 году, программным менеджером пользовательского интерфейса «Chicago», которая в конечном счете превратилась в Windows 95.
На самом деле оно не было сделано в последний момент. В течении всего 1993 года, мы рассмотрели множество вариантов дизайна кнопки «Закрыть». А идея была взята не у Atari, а у NeXT, которые разместили кнопку [х] в правом верхнем углу. Вместе с ней мы позаимствовали для Windows 95 и псевдо-трехмерное цветовое решение в серых тонах.
Я хотел расположить кнопку «Закрыть» слева сверху, однако этот вариант конфликтовал с существующих тогда в системе меню, которое появлялось при нажатии alt-пробел, а также новой иконкой программы, которая была позаимствована из OS/2, над которой Microsoft ранее работала вместе с IBM.
Я прилагаю к письму самое раннее изображение Chicago с кнопкой X для закрытия, которое только смог найти. Оно датирована 22 сентябрем 1993 года. (Прикрепляя файл к этому письму, я только сейчас понял, что оно настолько старое, что его имя может содержать не более восьми символов — ограничение, которое существовало до выхода Windows 95).
Спасибо вам за это увлекательное эссе!
Windows Chicago 9/22/1993