GUI — графический пользовательский интерфейс

Если вы нажимаете кнопки в приложении, отправляете файл в корзину, листаете фотографии в ленте, выходите в сеть или просто пользуетесь компьютером, то вы активно используете графический интерфейс. GUI (Graphical User Interface) — графический пользовательский интерфейс придуман для того, чтобы максимально упростить взаимодействие человека с приложением, сайтом, устройством.

В России GUI ещё часто называют ГИП (графический интерфейс пользователя). Графическим его обозвали, потому что он активно использует графику: иконки, кнопки, различные окна. Без ГИП работать в компьютере было бы мукой, пришлось бы постоянно использовать текстовые команды и код.

С GUI же всё просто, потому что графический дизайнер и UI/UX-дизайнер заранее продумали каждый ваш шаг и создали интерфейс, в котором вы разберётесь за несколько секунд. Без этих специалистов просмотр почты, онлайн-шопинг и прочие повседневные вещи были бы не такими приятными, поэтому их так высоко ценят на рынке. Если вы хотите освоить эту профессию и научиться создавать уникальные дизайны, приходите в школу Логомашина, а мы пока вернёмся к статье и разберём, что такое графический интерфейс, как он появился и какие у него есть преимущества, недостатки.

Представьте, что вам нужно скопировать папку с файлами. Сегодня вы просто нажимаете на неё мышкой и перетаскиваете, даже не задумываясь о своих действиях. Но раньше, когда графических интерфейсов ещё не существовало, пользователи сидели перед чёрным экраном и вводили команды вручную (программный механизм CLI). Для перемещения папки нужно было напечатать целую строку кода — ошиблись в одном символе, и команда не сработает. Никаких иконок, никаких кнопок — только текст.

Все окна, меню, значки, курсор, другие компоненты, которые вы видите при открытии гаджета — это всё элементы графического пользовательского интерфейса. ГИП сделал компьютер удобным, интуитивно понятным, доступным для большинства людей. Без него пользоваться гаджетами было бы попросту неудобно, люди бы путались во текстовых командах и коде.

Многие разработчики и специалисты приложили руку к созданию пользовательского интерфейса. До 1970 года компьютеры использовали преимущественно только опытные ИТ-специалисты, так как интерфейс сбивал с толку и требовал знания кода. В 1960 были предприняты первые попытки создать что-то похожее на GUI, но в массы это не пошло.

Первым значительным прорывом стал проект компании Xerox в 1981 году. Они выпустили Xerox Star — компьютер с GUI, разработанный для офисного использования. Он даже был оснащён иконками, окнами, кнопками и показывал пользователю именно то, что впоследствии печатал принтер. Эта функция называлась WYSIWYG — буквально «что видишь, то и получаешь».

В 1984 году Apple представила миру Macintosh, который стал настоящим хитом. Здесь уже поменяли многое:

Это был огромный шаг вперёд по сравнению с текстовыми интерфейсами. Год спустя Microsoft выпустила свою первую версию Windows, и GUI стал стандартом для персональных компьютеров.

Позже были разработаны различные ГИП для UNIX, других ОС. А появившиеся впоследствии разнообразные виды графического дизайна способствовали слиянию инженерии с творчеством, создавая удивительные вариации пользовательского интерфейса.

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

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

Графический интерфейс — это, по сути, абстракция, созданная для того, чтобы упростить сложные процессы и сделать их доступными для обычного пользователя. Цель — скрыть технические детали и представить только те элементы, которые нужны для удобного взаимодействия. В GUI это означает, что вместо работы с кодом и системными командами, пользователь видит иконки, кнопки, окна.

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

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

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

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

Примеры Graphical User Interface:

Дружелюбная система управления Graphical User Interface всё же имеет недостатки. К ним относится повышенное потребление системных ресурсов. Поэтому GUI:

Сегодня графические интерфейсы настолько интегрированы в нашу жизнь, что мы редко задумываемся об их значении. Разработка Graphical User Interface очень быстро приобрела массовый характер, сделала компьютеры, телефоны, планшеты незаменимой частью жизни большинства людей. Теперь это не гигантские машины, к которым боишься подойти, а незаменимые помощники для каждого из нас.

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