Что такое графический интерфейс пользователя кратко
Графический интерфейс пользователя
Графи́ческий интерфе́йс по́льзователя (ГИП), графический пользовательский интерфейс (ГПИ) (англ. Graphical user interface, GUI ; сленг. ГУИ) — разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.), представленные пользователю на дисплее, исполнены в виде графических изображений.
В отличие от интерфейса командной строки, в ГПИ пользователь имеет произвольный доступ (с помощью устройств ввода — клавиатуры, мыши, джойстика и т. п.) ко всем видимым экранным объектам (элементам интерфейса) и осуществляет непосредственное манипулирование ими. Чаще всего элементы интерфейса в ГИ реализованы на основе метафор и отображают их назначение и свойства, что облегчает понимание и освоение программ неподготовленными пользователями.
Содержание
История
Благодаря исследованиям, проведённым в 60-е годы Дагом Энгельбартом в научно исследовательском институте Стэнфорда был изобретён графический интерфейс пользователя (GUI).
Впоследствии концепция ГИП была перенята учеными из исследовательской лаборатории Xerox PARC в 1970-х.
В 1973 году в лаборатории Xerox PARC собрали молодых учёных и дали свободу исследований. В результате, кроме всего прочего, на свет появляется концепция графического интерфейса WIMP (Windows, Icons, Menus, Point-n-Click). [1] В рамках этой концепции создаётся компьютер Alto.
В 1979 году Three Rivers Computer Corporation выпускает рабочую станцию PERQ, похожую по принципам построения на Alto. В 1981 году Xerox выпускает продолжение Alto — Star.
Коммерческое воплощение концепция ГИП получила в продуктах корпорации Apple Computer. В операционной системе AmigaOS ГИП с многозадачностью был использован в 1985 году. В настоящее время ГИП является стандартной составляющей большинства доступных на рынке операционных систем и приложений.
Хотя в подавляющем большинстве систем ГИП является надстройкой для операционной системы, существуют и независимые его реализации. Известен вариант графической программы BIOS Setup, когда, ещё до загрузки ОС, управление настройками IBM PC-совместимой ЭВМ производится мышью, аналогично полноценному ГИП. Впрочем, такой вариант BIOS не прошёл проверку временем. Также имеются ГИП для МК, не требующие ОС.
Классификация
Можно выделить следующие виды ГИП:
Одним из требований к хорошему графическому интерфейсу программной системы является концепция «делай то, что я имею в виду» или DWIM (англ. Do What I Mean ). DWIM требует, чтобы система работала предсказуемо, чтобы пользователь заранее интуитивно понимал, какое действие выполнит программа после получения его команды.
Примечания
См. также
Ссылки
Кнопка последовательного выбора • Двунаправленный счётчик • Выпадающий список • Комбинированный список • Флажок • Ползунок • Радиокнопка • Список • Таблица (Grid view) • Текстовое поле
Heads-up display (в играх • OSD) • Боковая панель • Заставка • Значок • Индикатор процесса • Информационная панель • Метка • Подсказка • Строка состояния • Тост • Троббер • Экран загрузки
Диалоговое окно • Диалоговое окно-предупреждение • Модальное окно • О программе • Окно инспектора объектов • Окно-палитра • Файловый диалог
WIMP • Библиотека элементов интерфейса • Внешний вид (Look and feel) • Менеджер разметки (Layout manager) • Наведение мыши
Полезное
Смотреть что такое «Графический интерфейс пользователя» в других словарях:
Графический интерфейс пользователя — графическая среда организации взаимодействия пользователя с вычислительной системой. Графический интерфейс позволяет управлять поведением вычислительной системы через визуальные элементы управления: окна, списки, кнопки, гиперссылки и т.д. По… … Финансовый словарь
ГРАФИЧЕСКИЙ ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ — (ГИП), КОМПЬЮТЕРНАЯ ПРОГРАММА, которая помогает пользователю работать с КОМПЬЮТЕРОМ посредством простых символов. В первых персональных компьютерах использовалась операционные системы (программы, осуществляющие накопление данных в компьютере и… … Научно-технический энциклопедический словарь
графический интерфейс пользователя — Интерфейс между операционной системой или прикладной программой и пользователем. Представляет на экране дисплея рабочую среду с использованием графических элементов (окна, папки, значки, ярлыки). Во многих графических интерфейсах, таких как… … Справочник технического переводчика
ГРАФИЧЕСКИЙ ИНТЕРФЕЙС ПОЛЬЗОВАТЕЛЯ — (ГИП) Разновидность пользовательского интерфейса, в котором элементы интерфейса (меню, кнопки, значки, списки и т. п.), представленные пользователю на дисплее, исполнены в виде графических изображений. В ГИП пользователь имеет произвольный доступ … Словарь бизнес-терминов
Кнопка (графический интерфейс пользователя) — Кнопка элемент графического интерфейса пользователя программ, выполненный похожим на кнопку бытовой техники. При клике по ней на экране отображается утапливание кнопки и происходит закреплённое за ней действие. В узком смысле слова кнопкой… … Википедия
Интерфейс пользователя — Возможно, эта статья содержит оригинальное исследование. Добавьте ссылки на источники, в противном случае она может быть выставлена на удаление. Дополнительные сведения могут быть на странице обсуждения. (25 мая 2011) … Википедия
Графический интерфейс — пользователя (ГИП), графический пользовательский интерфейс (ГПИ) (англ. Graphical user interface, GUI; сленг. ГУИ, ГУЙ) система средств для взаимодействия пользователя с компьютером, основанная на представлении всех доступных пользователю… … Википедия
Масштабируемый интерфейс пользователя — Просмотр исходного кода ядра Linux в среде Eagle Mode Масштабируемый интерфейс пользователя ( … Википедия
WIMP (графический интерфейс) — В человеко компьютерном взаимодействии, WIMP расшифровывается как window, icon, menu, pointing device (окно, значок, меню, манипулятор) и означает взаимодействие с компьютером на базе этих элементов. Оно было придумано Мерзугой Уильбертсом в 1980 … Википедия
Synergy (графический интерфейс) — У этого термина существуют и другие значения, см. Synergy. Synergy графический интерфейс в телефонах Motorola. Входит в состав ОС P2K. Выводится на экран с помощью специальной частью ОС UIS. UIS предоставляет систему диалогов для… … Википедия
Что такое пользовательский интерфейс
Расскажу о ценности интерфейсов, видах интерфейсов и этапах разработки с примерами и рекомендациями.
Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных компаниях Omega-R (агентство), iSpring Solutions (продуктовая) и со стартапами по всему миру. Преподаватель курсов «UI-дизайн и анимация интерфейсов» и «Веб-дизайн» в Институте программных систем и godesign.school.
Янв 18 · 10 мин читать
Кратко: Пользовательский интерфейс — это способ взаимодействия пользователя и программы. Давайте разбираться дальше зачем он нужен 🌿👇
«Хороший пользовательский интерфейс учитывает человеческие слабости, перекладывает работу на машину, минимизирует ошибки и раздражение пользователя». (с) Илья Бирман
Содержание:
Что такое пользовательский интерфейс
Пользовательский интерфейс — это все, что помогает людям управлять устройствами и программами с помощью голоса, нажатий, жестов, через командную строку и даже силой мысли (такое теперь тоже есть). Самый популярный вид интерфейсов сейчас — UI приложений.
UI (англ. user interface) переводится как «пользовательский интерфейс». UI охватывает не только графический интерфейс, а еще и тактильный, голосовой или звуковой.
Зачем нужен интерфейс
Интерфейс помогает двум объектам понимать друг друга и обмениваться информацией.
Интерфейс — это «язык общения», который понимают оба объекта, которые взаимодействуют друг с другом с целью решить определенный вопрос. 👌
Если каждое приложение или программа, установленная на компьютере, планшете или смартфоне, — это помощник, то интерфейс — это способ общаться (взаимодействовать) с ней, чтобы она помогала в вашем деле на работе и в жизни.
К примеру, у цифровых систем пользовательские интерфейсы бывают графические, голосовые, командной строки, жестовые — все это интерфейсы. Через пользовательский интерфейс мы получаем доступ к новым возможностям, которые дает приложение для обучения, работы, творчества, развлечений.
Также распространены программный, аппаратный, аппаратно-программный интерфейсы. Такие интерфейсы обеспечивают взаимодействие не только между человеком и машиной (устройством), но и между программами, оборудованием или компьютерами:
Виды пользовательского интерфейса
Пользовательские интерфейсы бывают жестовые, тактильные, голосовые, графические, командной строки и даже нейронные.
Интерфейс командной строки и текстовый интерфейс (Command Line Interface или CLI)
Командная строка все еще очень популярна среди системных администраторов и программистов. Это один из первых методов взаимодействия с компьютером. Она обладает особым шармом — создает ощущение общения тет-а-тет с машиной без посредников. Командная строка — как бесконечный лист A4, на котором пользователь вводит текст команд и получает результаты работы в виде текста.
Графический пользовательский интерфейс (Graphical User Interface или GUI)
Самый популярный тип UI. Представляет собой окошко с различными элементами управления. Пользователи взаимодействуют с ними с помощью клавиатуры, мыши и голосовых команд: жмут на кнопки, тыкают мышкой, смахивают пальцем.
Жестовый, голосовой, тактильный, нейронный
«Любая достаточно развитая технология неотличима от магии», — как-то сказал английский писатель-фантаст и футуролог Артур Кларк.
Например, через Voice User Interface вы можете отдавать команды своему смартфону через голосовых помощников: Siri от Apple, Alexa от Amazon или Алиса от Яндекса.
NUI (жестовые, естественные) применяют в играх для приставок Xbox, Nintendo Wii или PlayStation. Эту же технологию вы найдете в оборудовании «умного дома», например, при включении света или регулировании громкости Яндекс.Станции с помощью изменения положения руки.
Производители качают технологии и расширяют возможности машин, и наслаждаться новыми фишками гаджетов можно даже посылая мысли напрямую в компьютер.
Графический пользовательский интерфейс
Этим термином чаще обозначаются UI мобильных и веб-приложений, а также игр и сервисов для развлечений.
Мобильные интерфейсы
Выделяется в отдельную группу SIMP (Screen, Icon, Menu, Pointer). Подход к дизайну мобильных интерфейсов отличается от подхода к дизайну настольных приложений. Поведение пользователей при взаимодействии со смартфонами отличается от работы на компьютере из-за размера экрана и отсутствия отдельной клавиатуры с мышью/тачпадом. Элементы здесь заполняют экран полностью, а блоки и системы зависят от требований операционной системы.
Дизайн мобильных приложений также зависит от поведенческих паттернов пользователей, например того, как они держат смартфон в руке, какие действия удобно совершать на ходу и т.д.
Веб-интерфейсы
Технологии позволяет создавать полноценные веб-приложения, по функциональности не уступающие настольному ПО: Trello, Google Docs, Twitch, Яндекс.Дзен.
Преимущество таких приложений в том, что их не нужно устанавливать на компьютер — все функции доступны в браузере. Создают такие приложения с помощью JavaScript, HTML и CSS.
Игровой и материальный
Связан с механикой геймплея. Именно в нем лучше всего раскрывается сопровождающая роль интерфейса, так как игрок лучше ощущает, что движется к какой-то цели (например, победить босса и пройти уровень). Интерфейс зависит от игры: кнопки, жесты, движения мыши или взаимодействие с сенсором на экране или 3D интерфейс в VR, нажатие клавиш на джойстике.
Модель пользовательского интерфейса: реальный мир и ментальная модель пользователя
Программные продукты призваны увеличивать наши возможности в реальном мире. Каждый продукт — как супергерой, его задача — помочь нам в чем-либо: суперпамять, общение сквозь любые расстояния, максимум развлечений и так далее. Ко всем этим свойствам мы получаем доступ через интерфейсы.
Каждое приложение мы распахиваем в определенном контексте. Контекст подразумевает определенные ожидания от того, как все должно работать. Ожидания основаны на прошлом опыте. При знакомстве с новым продуктом мы бессознательно переносим на него сформировавшиеся ожидания и привычки, которые выстроились в прошлом вокруг другого схожего продукта (или способа решения схожей задачи).
Ментальная модель — это схема в нашей памяти с логикой «объект → принцип взаимодействия → результат». При этом от всех похожих объектов мы ожидаем похожего поведения и результата.
«В основе ментальной модели лежат убеждения, а не факты. Это значит, что нужно принять то, что пользователи уже знают (или думают что знают) о том, как работает ваш продукт. И взять это в работу».
Nielsen Norman Group
У каждого интерфейса под капотом находится определенная модель системы, которая призвана помогать пользователю достигать определенных целей.
Например, модель покупки дорогих автомобилей для постоянных клиентов автосалона в мобильном приложении может включать 4 шага: наполнить корзину, оформить заказ, подтвердить заказ, внести оплату.
Модель и Интерфейс тесно взаимосвязаны. Чтобы понять разницу между Моделью и Интерфейсом, задайте вопрос: откуда вообще взялась корзина? Разве клиенты добавляют автомобили в тележку пачками, как в супермаркете? Или все-таки нужна модель не корзины/тележки из супермаркета, а тест-драйва в автосалоне?
Т.е. мы в приложении можем вместо корзины сразу при выборе автомобиля предлагать записаться на тест-драйв или начать оформление покупки (в том числе в кредит). А теперь задайте вопрос: как часто покупатели дорогого автомобиля готовы менять авто и вписывается ли мобильное приложение в их жизненный контекст?
Выходит, что за любым объектом в реальном мире стоит модель, которая находится в нашем сознании — это наши представления о том, как эта штуковина перед нами должна работать. И эти представления возникают еще до того, как мы дотронулись до нее.
Элементы пользовательского интерфейса, синтаксис и другие особенности
Элементы интерфейса в GUI реализованы на основе метафор. Метафоры должны быть уже знакомы пользователям или вписываться в их культурный контекст (тогда их можно им обучить).
Метафоры в интерфейсах на базе ментальных моделей
Все элементы интерфейса вместе складываются в единую дизайн-концепцию (метафору). Например, Trello (система для управления задачами) визуально выглядит как доска для управления проектами по SCRUM (метафорично), на ней также можно таскать стикеры из одной колонки в другую. Trello изначально и придумали программисты, которым очень близка концепция SCRUM.
Пример элементов пользовательского интерфейса, синтаксис и другие особенности.
Популярные элементы интерфейса:
Кнопка, Ссылка, Иконка, Вкладка, Чекбокс, Радиокнопка, Переключатель, Выпадающий список, Ползунок, Поле ввода, Таблицы, Меню.
Интерфейсы конструируют по принципам атомарного дизайна
Атомарный дизайн — это подход к разделению системы любой сложности на части, маленькие элементы — атомы. Атомы можно использовать повторно и комбинировать друг с другом.
Атомы. Мельчайшие частицы, из которых состоит интерфейс: кнопки, поля ввода, чекбоксы, радиокнопки, стили для типографики.
Уровень атомов.
Молекулы (группы атомов). Если взять два атома и соединить друг с другом — получится молекула. Например, кнопка и поле ввода.
Уровень молекул.
Организмы. Если объединить несколько молекул, получится организм — крупная часть интерфейса. Например, сквозная навигация в шапке или боковой панели сайта.
Уровень организмов.
Шаблоны. Если объединить организмы друг с другом и создать шаблон — получится интерфейс, предназначенный для решения типовых задач.
Уровень шаблонов.
Этапы разработки пользовательского интерфейса — как проработать UI
В международной практике подход к дизайну интерфейсов уже стал стандартом. Процесс по дизайну интерфейсов включает следующие ключевые этапы. В этом блоке я опираюсь на материалы UX Mastery — партнера Interaction Design Foundation, крупнейшего в мире сообщества обучения UX-дизайну.
Правила и принципы разработки хорошего интерфейса
Базовые принципы можно проследить сквозь 24 года исследований в сфере интерфейсов: c 1987 до 2009 года. Эти принципы работают и сейчас.
Рекомендации по проектированию интерфейсов. Шнайдерман (1987 год) и Плейзент (2009 год):
Вывод и рекомендация
Попробовать себя в роли дизайнера интерфейсов на практике под руководством наставника вы можете на платформе Breezzly. Здесь вас встретят дизайн-проекты во всех популярных инструментах (Figma, InVision Studio, Principle) и на всех видах популярных у клиентов проектов. А полную траекторию обучения UI-дизайну вы можете найти, если загляните в обзор 5 лучших UI курсов →
Что такое графический интерфейс?
Что такое графический интерфейс?
Определение
GUI означает графический интерфейс пользователя. Это обычный пользовательский интерфейс, который включает в себя графическое представление, такое как кнопки и значки, и взаимодействие может осуществляться посредством взаимодействия с этими значками, а не обычного текстового или командного взаимодействия.
понимание
Как работает GUI?
1. Использование указателя, который служит в качестве навигации для взаимодействия с различными визуально привлекательными графическими значками.
3. Пользователь может использовать указатель, чтобы щелкнуть значок, который запускает серию действий.
4. Обычно приложение или функциональность запускаются.
5. Затем пользователь должен будет предоставить ввод или задачи для генерации желаемого действия из машины.
6. GUI фактически переводит пользовательский язык, который состоит из простых однострочных команд, одного щелчка и двойного щелчка, на машинный язык или язык ассемблера.
7. Машинный язык понимается машиной, и, следовательно, машина отвечает на инициированную задачу, которая переводится для использования языка и передается пользователю через графический интерфейс.
Примеры
преимущества
Недостатки
Недостатками GUI являются:
Как пользователь взаимодействует с GUI
1. Пользователь взаимодействует с GUI с помощью простых функций, таких как щелчок, который запускает GUI, чтобы понять, что пользователь хочет, и быстро переводит его на язык ассемблера, как показано на рисунке ниже.
2. Помимо перевода на машинный язык, GUI помогает отображать фактический процесс, который выполняется, ответ от машины, объем используемой памяти, размер файла, скорость процессора, мощность, используемая компьютером, какие задачи выполняются и многое другое.
3. Пользователь использует один щелчок, чтобы выбрать конкретный процесс.
4. Пользователь может дважды щелкнуть, чтобы запустить приложение.
5. Пользователь может щелкнуть правой кнопкой мыши, чтобы узнать свойства и другие детали приложения.
6. Пользователь может использовать указатель для получения информации и продолжения многозадачности желаемых операций.
Почему мы должны использовать графический интерфейс?
Есть несколько стандартов относительно того, как следует использовать графический интерфейс пользователя.
Как уже говорилось выше, существует множество стандартов и графических интерфейсов для программиста для проектирования и разработки графического интерфейса.
Зачем нам нужен графический интерфейс
1. Практически можно начать использовать компьютер с графическим интерфейсом.
2. Но на самом деле можно начать изучать и распутывать несколько видов опций, присутствующих в компьютере.
3. Кроме того, можно также начать понимать компьютер и его язык и настолько заинтересоваться им, что сам человек сможет выучить или даже создать язык программирования, который сделает компьютеры и его продукты еще проще для работы в будущем.
Как эта технология поможет вам в карьерном росте?
Вывод
1. До запуска GUI существовал CLI (интерфейс командной строки).
2. В то время никто не думал, что нормальные люди могут использовать компьютер.
3. Но теперь каждый владеет компьютером и имеет базовые знания о том, как его использовать.
4. Вот чего достиг GUI. Больше не просил у пользователя. Вместо этого он предоставил пользователю больше возможностей начать использовать компьютер.
5. Информационные технологии развивались благодаря нескольким предложениям рабочих мест, которые были представлены людям для проектирования и разработки GUI.
6. Будущие языки адаптировались и используются для разработки GUI.
7. GUI всегда будет иметь вечный охват на рынке труда, и GUI будет продолжать совершенствоваться и обновляться, превращаясь в более удобный и простой пользовательский интерфейс и изменяя мир, как это уже делалось в прошлом.
Рекомендуемые статьи
Что такое графический интерфейс пользователя кратко
Код ОГЭ: 1.4.2. Командное взаимодействие пользователя с компьютером, графический интерфейс пользователя.
Совокупность способов взаимодействия пользователя с программами и устройствами компьютера называется пользовательским интерфейсом. Он включает возможности задания команд (например, запуска программ), виды и способы вывода сообщений компьютера и т. п. Различают командный интерфейс (интерфейс командной строки, консольный режим, текстовый интерфейс) и графический интерфейс.
Командное взаимодействие с компьютером — одно из самых давних. Основным устройством управления в данном случае является клавиатура. Пользователь вводит специальные управляющие команды (текстовые инструкции) в определенную строку, называемую командной строкой. В начале такой строки выводятся специальные знаки — приглашения. Они указывают, что компьютер ждет команд от пользователя. Исполнение команды начинается после ее утверждения, например, нажатием клавиши Enter.
Графический интерфейс реализован с помощью графических средств. Это более сложный тип интерфейса, в котором в качестве органа управления кроме клавиатуры может использоваться мышь или другое устройство позиционирования.
Характерным признаком графического интерфейса служат окна. Окно — это прямоугольная область экрана, где отображается информация программы. Каждая программа имеет хотя бы одно окно для взаимодействия с пользователем.
Современный графический интерфейс — многооконный, он предназначен для одновременной работы с несколькими программами и обмена данными между ними. Пользователь может работать с программами попеременно, переключаясь из одного окна в другое. Но в один момент времени можно вводить информацию только в одном окне, которое называется активным в текущий момент. Оно размещается поверх других окон.
Окно может находиться в одном из трех состояний:
Существует несколько типов окон, вид которых определяются отображаемой в них информацией.
Основные типы окон:
Стандартные элементы, составляющие структуру окна любой папки:
Вертикальные и горизонтальные линейки прокрутки (скроллинг). Служат для просмотра документа по вертикали и горизонтали. Появляются, если размер окна слишком мал и не вмещает все объекты. Полоса прокрутки имеет «ползунок» и две концевые кнопки со стрелками.
Диалоговое окно
Диалоговое окно — это небольшое временное окно, которое отображается программой после определенного события или команды и служит для настройки параметров. Оно также выводит необходимые в процессе работы сообщения. Диалоговое окно содержит набор типовых объектов (элементов) управления. Перейти от одного элемента управления к другому можно с помощью клавиши Tab.
Наиболее часто встречаются элементы управления диалогового окна:
Различия между кнопками OK, Отменить, Применить в диалоговых окнах:
OK — сохраняет изменения и закрывает диалоговое окно;
Применить — сохраняет изменения и оставляет диалоговое окно открытым;
Отменить — отменяет изменения и закрывает диалоговое окно (аналог клавиши Esc).
В графическом интерфейсе различают главное, системное, контекстное меню и меню приложения. Главное меню предназначено для начала и окончания работы с компьютером, выбора программ для работы и проч. Системное меню позволяет управлять окнами — изменять их размеры, перемещать и т. д. Контекстное меню появляется при нажатии правой кнопки мыши. Оно содержит перечень свойств выделенного объекта и операций, разрешенных для него. Содержание контекстного меню зависит от позиции указателя мыши. Меню приложения предоставляет список команд конкретной программы.
Конспект урока по информатике «Графический интерфейс пользователя».