Top-Rated Free Essay

Graphical User Interface

Powerful Essays
eGraphical user interface
From Wikipedia, the free encyclopedia
Jump to: navigation, search
"GUI" redirects here. For other uses, see GUI (disambiguation).

A screenshot of the GNOME Shell GUI.

The Xerox Alto was the first device to use a graphical user interface.
In computing,[1] graphical user interface (GUI, sometimes pronounced 'gooey ')[2] is a type of user interface that allows users to interact with electronic devices through graphical icons and visual indicators such as secondary notation, as opposed to text-based interfaces, typed command labels or text navigation. GUIs were introduced in reaction to the perceived steep learning curve of command-line interfaces (CLI),[3][4][4] which require commands to be typed on the keyboard.
The actions in GUI are usually performed through direct manipulation of the graphical elements.[5] Besides in computers, GUIs can be found in hand-held devices such as MP3 players, portable media players, gaming devices, household appliances, office, and industry equipment. The term GUI is usually not applied to other low-resolution types of interfaces with display resolutions, such as video games (where HUD[6] is preferred), or not restricted to flat screens, like volumetric displays[7] because the term is restricted to the scope of two-dimensional display screens able to describe generic information, in the tradition of the computer science research at the PARC (Palo Alto Research Center).
Contents
* 1 History * 1.1 Precursors * 1.2 PARC user interface * 1.3 Evolution * 2 Components * 3 Post-WIMP interfaces * 4 User interface and interaction design * 5 Comparison to other interfaces * 5.1 Command-line interfaces * 6 Three-dimensional user interfaces * 6.1 Technologies * 6.2 In science fiction * 7 See also * 8 References * 9 External links
History

An early-1990s style Unix desktop running the X Window System graphical user interface
Main article: History of the graphical user interface
Precursors
A precursor to GUIs was invented by researchers at the Stanford Research Institute, led by Douglas Engelbart. They developed the use of text-based hyperlinks manipulated with a mouse for the On-Line System (NLS). The concept of hyperlinks was further refined and extended to graphics by researchers at Xerox PARC‍ and specifically Alan Kay, who went beyond text-based hyperlinks and used a GUI as the primary interface for the Xerox Alto computer. Most modern general-purpose GUIs are derived from this system.
Ivan Sutherland developed a pointer-based system called the Sketchpad in 1963 . It used a light-pen to guide the creation and manipulation of objects in engineering drawings.
PARC user interface
The PARC user interface consisted of graphical elements such as windows, menus, radio buttons, check boxes and icons. The PARC user interface employs a pointing device in addition to a keyboard. These aspects can be emphasized by using the alternative acronym WIMP, which stands for windows, icons, menus and pointing device.
Evolution

The Xerox Star Workstation introduced the first commercial GUI O>S as shown above.
Following PARC the first GUI-centric computer operating model was the Xerox 8010 Star Information System in 1981,[8] followed by the Apple Lisa (which presented the concept of menu bar as well as window controls) in 1983, the Apple Macintosh 128K in 1984, and the Atari ST and Commodore Amiga in 1985.
The early GUI commands, until the advent of IBM Common User Access, [9] used different command sequences for different programs. A command like the F3 function key activated help in WordPerfect, but exited an IBM program. The menus were accessed by different keys (control in WordStar, Alt or F10 in Microsoft programs, "/" in Lotus 1-2-3, F9 in Norton Commander to name a few common ones).
To this end, the early software came with keyboard overlays. These are plastic or wooden masks which sit over the empty space between the keys, providing the user with the named application 's use of various keys. Even today, different keystrokes exist with radically different calls. For example, the Control-Alt-Delete interface is intercepted in Windows and Ubuntu to invoke a task menu. In other Unix PC-systems, this usually invokes an automatic shutdown.
The GUIs familiar to most people today (as of the early 2000s) are Microsoft Windows, Mac OS X, and the X Window System interfaces for desktop and laptop computers, and Symbian, BlackBerry OS, Android, Windows Phone, Palm OS / Web OS, and Apple 's iOS for handheld ("smartphone") devices.
Apple, IBM and Microsoft used many of Xerox 's ideas to develop products, and IBM 's Common User Access specifications formed the basis of the user interface found in Microsoft Windows, IBM OS/2 Presentation Manager, and the Unix Motif toolkit and window manager. These ideas evolved to create the interface found in current versions of Microsoft Windows, as well as in Mac OS X and various desktop environments for Unix-like operating systems, such as Linux. Thus most current GUIs have largely common idioms.
Components
Main article: Elements of graphical user interfaces
Further information: WIMP (computing), Window manager, and Desktop environment
A GUI uses a combination of technologies and devices to provide a platform that the user can interact with, for the tasks of gathering and producing information.
A series of elements conforming a visual language have evolved to represent information stored in computers. This makes it easier for people with few computer skills to work with and use computer software. The most common combination of such elements in GUIs is the WIMP ("window, icon, menu, pointing device") paradigm, especially in personal computers.
The WIMP style of interaction uses a virtual input device to control the position of a pointer, most often a mouse, and presents information organized in windows and represented with icons. Available commands are compiled together in menus, and actions are performed making gestures with the pointing device. A window manager facilitates the interactions between windows, applications, and the windowing system. The windowing system handles hardware devices such as pointing devices and graphics hardware, as well as the positioning of the pointer.
In personal computers all these elements are modeled through a desktop metaphor, to produce a simulation called a desktop environment in which the display represents a desktop, upon which documents and folders of documents can be placed. Window managers and other software combine to simulate the desktop environment with varying degrees of realism.
Post-WIMP interfaces
Main article: Post-WIMP
Smaller mobile devices such as PDAs and smartphones typically use the WIMP elements with different unifying metaphors, due to constraints in space and available input devices. Applications for which WIMP is not well suited may use newer interaction techniques, collectively named as post-WIMP user interfaces.[10]
As of 2011, some touch-screen-based operating systems such as Apple 's iOS (iPhone) and Android use the class of GUIs named post-WIMP. These support styles of interaction using more than one finger in contact with a display, which allows actions such as pinching and rotating, which are unsupported by one pointer and mouse.[11]
User interface and interaction design
Main article: User interface design
Designing the visual composition and temporal behavior of GUI is an important part of software application programming in the area of human-computer interaction. Its goal is to enhance the efficiency and ease of use for the underlying logical design of a stored program, a design discipline known as usability. Methods of user-centered design are used to ensure that the visual language introduced in the design is well tailored to the tasks.
The visible graphical interface features of an application are sometimes referred to as "chrome" or "Gui" (Goo-ee).[12][13] Typically, the user interacts with information by manipulating visual widgets that allow for interactions appropriate to the kind of data they hold. The widgets of a well-designed interface are selected to support the actions necessary to achieve the goals of the user. A model-view-controller allows for a flexible structure in which the interface is independent from and indirectly linked to application functionality, so the GUI can be easily customized. This allows the user to select or design a different skin at will, and eases the designer 's work to change the interface as the user needs evolve. Good user interface design relates to the user, not the system architecture.
Large widgets, such as windows, usually provide a frame or container for the main presentation content such as a web page, email message or drawing. Smaller ones usually act as a user-input tool.
A GUI may be designed for the requirements of a vertical market as application-specific graphical user interfaces. Examples of application-specific GUIs are: * Automated teller machines (ATM) * Point-Of-Sale touchscreens at restaurants [14] * Self-service checkouts used in a retail store * Airline self-ticketing and check-in * Information kiosks in a public space, like a train station or a museum * Monitors or control screens in an embedded industrial application which employ a real time operating system (RTOS).
The latest cell phones and handheld game systems also employ application specific touchscreen GUIs. Newer automobiles use GUIs in their navigation systems and touch screen multimedia centers.
Comparison to other interfaces
Command-line interfaces

Modern CLI
Since the commands available in command line interfaces can be numerous, complicated operations can be completed using a short sequence of words and symbols. This allows for greater efficiency and productivity once many commands are learned,[3][4][4] but reaching this level takes some time because the command words may not be easily discoverable or mnemonic. In addition, using the command line can become slow and error-prone when the user needs to enter very long commands, comprising many parameters and/or several different filenames at once. WIMPs ("window, icon, menu, pointing device"), on the other hand, present the user with numerous widgets that represent and can trigger some of the system 's available commands.
On the other hand, GUIs can be made quite hard by burying dialogs deep in the system, or moving dialogs from place to place. Also, dialog boxes are considerably harder for the user to script.
WIMPs extensively use modes as the meaning of all keys and clicks on specific positions on the screen are redefined all the time. Command line interfaces use modes only in limited forms, such as the current directory and environment variables.
Most modern operating systems provide both a GUI and some level of a CLI, although the GUIs usually receive more attention. The GUI is usually WIMP-based, although occasionally other metaphors surface, such as those used in Microsoft Bob, 3dwm or File System Visualizer (FSV).
Applications may also provide both interfaces, and when they do the GUI is usually a WIMP wrapper around the command-line version. This is especially common with applications designed for Unix-like operating systems. The latter used to be implemented first because it allowed the developers to focus exclusively on their product 's functionality without bothering about interface details such as designing icons and placing buttons. Designing programs this way also allows users to run the program non-interactively, such as in a shell script.
Three-dimensional user interfaces
For typical computer displays, three-dimensional is a misnomer—their displays are two-dimensional. Semantically, however, most graphical user interfaces use three dimensions - in addition to height and width, they offer a third dimension of layering or stacking screen elements over one another. This may be represented visually on screen through an illusionary transparent effect, which offers the advantage that information in background windows may still be read, if not interacted with. Or the environment may simply hide the background information, possibly making the distinction apparent by drawing a drop shadow effect over it.
Some environments use the methods of 3D graphics to project virtual three dimensional user interface objects onto the screen. These are often shown in use in sci-fi films (see below for examples). As the processing power of computer graphics hardware increases, this becomes less of an obstacle to a smooth user experience.
Three-dimensional graphics are currently mostly used in computer games, art and computer-aided design (CAD). A three-dimensional computing environment could also be useful in other scenarios, like molecular graphics and aircraft design.
Several attempts have been made to create a multi-user three-dimensional environment, including the Croquet Project and Sun 's Project Looking Glass.
Technologies
| This section relies largely or entirely upon a single source. Relevant discussion may be found on the talk page. Please help improve this article by introducing citations to additional sources. (May 2012) |
The use of three-dimensional graphics has become increasingly common in mainstream operating systems, from creating attractive interfaces—eye candy— to functional purposes only possible using three dimensions. For example, user switching is represented by rotating a cube whose faces are each user 's workspace, and window management is represented via a Rolodex-style flipping mechanism in Windows Vista (see Windows Flip 3D). In both cases, the operating system transforms windows on-the-fly while continuing to update the content of those windows.
Interfaces for the X Window System have also implemented advanced three-dimensional user interfaces through compositing window managers such as Beryl, Compiz and KWin using the AIGLX or XGL architectures, allowing for the usage of OpenGL to animate the user 's interactions with the desktop.
Another branch in the three-dimensional desktop environment is the three-dimensional GUIs that take the desktop metaphor a step further, like the BumpTop, where a user can manipulate documents and windows as if they were "real world" documents, with realistic movement and physics.
The Zooming User Interface (ZUI) is a related technology that promises to deliver the representation benefits of 3D environments without their usability drawbacks of orientation problems and hidden objects. It is a logical advancement on the GUI, blending some three-dimensional movement with two-dimensional or "2.5D" vector objects. In 2006, Hillcrest Labs introduced the first zooming user interface for television.[15]
In science fiction
Three-dimensional GUIs appeared in science fiction literature and movies before they were technically feasible or in common use. For example; the 1993 American film Jurassic Park features Silicon Graphics ' three-dimensional file manager File System Navigator, a real-life file manager for Unix operating systems. The film Minority Report has scenes of police officers using specialized 3d data systems. In prose fiction, three-dimensional user interfaces have been displayed as immersible environments like William Gibson 's Cyberspace or Neal Stephenson 's Metaverse. Many futuristic imaginings of user interfaces rely heavily on object-oriented user interface (OOUI) style and especially object-oriented graphical user interface (OOGUI) style.[16]
See also | Computer Science portal | | Information technology portal | * Apple Computer, Inc. v. Microsoft Corporation * Computer icon * Distinguishable interfaces * Ergonomics * General graphics interface * Look and feel * Natural user interface * Ncurses * Object-oriented user interface * Organic User Interface * Rich Internet application * Skeuomorph * Skin (computing) * Text entry interface * User interface engineering * Vector-Based GUI
References
1. ^ "Definition of GUI at Dictionary.com". Retrieved January 2010. 2. ^ Martinez, W. L. (2011), Graphical user interfaces. WIREs Comp Stat, 3: 119–133. doi: 10.1002/wics.150 3. ^ a b Computerhope.com 4. ^ a b c d Technet.com 5. ^ "window manager Definition". PC Magazine. Ziff Davis Publishing Holdings Inc. Retrieved 12 November 2008. 6. ^ Greg Wilson (2006). "Off With Their HUDs!: Rethinking the Heads-Up Display in Console Game Design". Gamasutra. Retrieved February 14, 2006. 7. ^ "GUI definition". Linux Information Project. October 1, 2004. Retrieved 12 November 2008. 8. ^ The first GUIs 9. ^ IBM, Systems Application Architecture: Common User Access: Basic Interface Design Guide, Document SC26-4583-00 [1], 1992. 10. ^ IEEE.org. 11. ^ Tufts.edu 12. ^ The Jargon Book, "Chrome" 13. ^ Jakob Nielsen. "Browser and GUI Chrome". 14. ^ The ViewTouch restaurant system by Giselle Bisson 15. ^ Macworld.com November 11, 2006. Dan Moren. CES Unveiled@NY ‘07: Point and click coming to set-top boxes? 16. ^ Dayton, Tom. "Object-Oriented GUIs are the Future". OpenMCT Blog. Retrieved 23 August 2012.

References: 2. ^ Martinez, W. L. (2011), Graphical user interfaces. WIREs Comp Stat, 3: 119–133. doi: 10.1002/wics.150 3 6. ^ Greg Wilson (2006). "Off With Their HUDs!: Rethinking the Heads-Up Display in Console Game Design". Gamasutra. Retrieved February 14, 2006. 7. ^ "GUI definition". Linux Information Project. October 1, 2004. Retrieved 12 November 2008.

You May Also Find These Documents Helpful

  • Good Essays

    Graphical User Interface

    • 559 Words
    • 3 Pages

    Week 3 Course Project (BIS450) Topic: Interface and Processing Required User interface: The user interface shall be built to provide an easy-to-use graphical interface that includes dropdown menu, labels, summit button, icons, pull-down menus, buttons, and hyperlinks. It also should adhere to commonly accepted user interface guidelines on windowing systems. For instance a button should perform like a button and not like a checkbox. Buttons will be used for single independent actions that are…

    • 559 Words
    • 3 Pages
    Good Essays
  • Good Essays

    Graphical User Interface

    • 288 Words
    • 2 Pages

    of electrical equipment. Examples of these are the power symbol and the USB icon, which are found on a wide variety of electronic devices. The standardization of electronic icons is an important safety-feature on all types of electronics, enabling a user to more easily navigate an unfamiliar system. As a subset of electronic devices, computer systems and mobile devices use many of the same icons; they are incorporated into the design of both the computer hardware and on the software. On the hardware…

    • 288 Words
    • 2 Pages
    Good Essays
  • Powerful Essays

    SPSS Modeler Tutorial 1 – The Drug Project Data Warehousing and Data Mining March 2013 SPSS Modeler (formerly Clementine) is the SPSS enterprise-strength data mining workbench. It helps organizations to improve customer and citizen relationships through an in-depth understanding of data. Organizations use the insight gained from SPSS Modeler to retain profitable customers, identify cross-selling opportunities, attract new customers, detect fraud, reduce risk, and improve government service delivery…

    • 1442 Words
    • 6 Pages
    Powerful Essays
  • Good Essays

    VBScript Input/Process/Output Lab Objectives In this lab, students will complete the following objectives. 1 • Create a VBScript Program using NotePad++. 2 • Learn various objects and methods used for data input. 3 • Learn various objects and methods used for the display of data. Element K Network Connections For this lab, we only need to connect to vlab-PC1. This is the computer on the left side. If you leave the cursor on the PC icon for a few seconds, a tool-tip message…

    • 2429 Words
    • 10 Pages
    Good Essays
  • Good Essays

    make up a computer system. Software is a general term for the programs that control the computer system. Systems software are programs that allow the hardware to run properly, e.g. operating systems. Applications software are programs that allow the user to do specific tasks, e.g. spreadsheets. The central processing unit (CPU) interprets and executes the commands from the hardware and software, it used to be made up of numerous small integrated circuits. Microprocessor is now used instead of CPU…

    • 1202 Words
    • 5 Pages
    Good Essays
  • Satisfactory Essays

    Programming in VB 2012 is different from traditional programming environments because first you should (A) (B) (C) (D) 2. write the code. input the data. name the buttons. draw the user interface. D GUI stands for (A) (B) (C) (D) graphical user interface. graphing user introduction. graphical unit interface. graphical user input. A 3. Visual Basic first appeared about ten years ago. (T/F) F 4. A mouse click is an example of an event. (T/F) T Section 2.2 Visual Basic Controls 1. Press F4 to (A)…

    • 1798 Words
    • 16 Pages
    Satisfactory Essays
  • Good Essays

    7/31/2014 Objectives • • Chapter 5 • • • Menus, Common Dialog Boxes, Sub Procedures, and Function Procedures McGraw-Hill 5-2 Copyr ight © 2011 by The McGraw-Hill Companies, Inc. All Rights Reserved. Defining Menus (1 of 2) Menus • • Menu Bar • Contains menus which drop down to display list of menu items – Can be used in place of or in addition to buttons • • Create menus and submenus for program control. Display and use the Window s common dialog boxes. Create context menus for controls…

    • 1542 Words
    • 16 Pages
    Good Essays
  • Better Essays

    User Interfaces

    • 1115 Words
    • 5 Pages

    analyze the importance of interface design and how much interface presents in our everyday life. The most of our daily tasks is accomplished with a use of at least one type of interface. The basic purpose of an interface is to help use to communicate with a machine. The three most common kinds of an interface are: touch sensitive interface, menu interface and graphical user interface. Using smart phones, laptops, going to the ATM machine is considered as using interface. Even writing this case study…

    • 1115 Words
    • 5 Pages
    Better Essays
  • Satisfactory Essays

    User Interface

    • 1122 Words
    • 5 Pages

    Objectives • Understand several fundamental user interface (UI) design principles. • Understand the process of UI design. • Understand how to design the UI structure. • Understand how to design the UI standards. • Understand commonly used principles and techniques for navigation design. • Understand commonly used principles and techniques for input design. • Understand commonly used principles and techniques for output design. • Be able to design a user interface. • Understand the affect of nonfunctional…

    • 1122 Words
    • 5 Pages
    Satisfactory Essays
  • Good Essays

    User Interfaces

    • 826 Words
    • 4 Pages

    Menu Interface This type of interface lets you interact with a computer or device by working your way through a series of screens or menus. Think about your iPod or mobile phone, they both use a menu driven interface. You are presented with a menu, you make a choice and then the next menu appears on the screen. You make another choice and so on. Menu driven interfaces can also be verbal rather than visual. Have you ever made a telephone call and been asked to 'press 1 for abc, press 2 for def…

    • 826 Words
    • 4 Pages
    Good Essays