Computer-human-interface
   HOME

TheInfoList



OR:

In the industrial design field of
human–computer interaction Human–computer interaction (HCI) is research in the design and the use of computer technology, which focuses on the interfaces between people (users) and computers. HCI researchers observe the ways humans interact with computers and design te ...
, a user interface (UI) is the space where interactions between humans and machines occur. The goal of this interaction is to allow effective operation and control of the machine from the human end, while the machine simultaneously feeds back information that aids the operators' decision-making process. Examples of this broad concept of user interfaces include the interactive aspects of computer
operating system An operating system (OS) is system software that manages computer hardware, software resources, and provides common services for computer programs. Time-sharing operating systems schedule tasks for efficient use of the system and may also i ...
s, hand tools,
heavy machinery Heavy equipment or heavy machinery refers to heavy-duty vehicles specially designed to execute construction tasks, most frequently involving earthwork operations or other large construction tasks. ''Heavy equipment'' usually comprises five e ...
operator controls and
process A process is a series or set of activities that interact to produce a result; it may occur once-only or be recurrent or periodic. Things called a process include: Business and management *Business process, activities that produce a specific se ...
controls. The design considerations applicable when creating user interfaces are related to, or involve such disciplines as,
ergonomics Human factors and ergonomics (commonly referred to as human factors) is the application of psychological and physiological principles to the engineering and design of products, processes, and systems. Four primary goals of human factors learnin ...
and
psychology Psychology is the scientific study of mind and behavior. Psychology includes the study of conscious and unconscious phenomena, including feelings and thoughts. It is an academic discipline of immense scope, crossing the boundaries between ...
. Generally, the goal of
user interface design User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the ...
is to produce a user interface that makes it easy, efficient, and enjoyable (user-friendly) to operate a machine in the way which produces the desired result (i.e. maximum usability). This generally means that the operator needs to provide minimal input to achieve the desired output, and also that the machine minimizes undesired outputs to the user. User interfaces are composed of one or more layers, including a human-machine interface (HMI) that interfaces machines with physical input hardware such as keyboards, mice, or game pads, and output hardware such as computer monitors, speakers, and
printer Printer may refer to: Technology * Printer (publishing), a person or a company * Printer (computing), a hardware device * Optical printer for motion picture films People * Nariman Printer (fl. c. 1940), Indian journalist and activist * James ...
s. A device that implements an HMI is called a
human interface device A human interface device or HID is a type of computer device usually used by humans that takes input from humans and gives output to humans. The term "HID" most commonly refers to the USB-HID specification. The term was coined by Mike Van Fl ...
(HID). Other terms for human–machine interfaces are man–machine interface (MMI) and, when the machine in question is a computer, human–computer interface. Additional UI layers may interact with one or more human senses, including: tactile UI (
touch In physiology, the somatosensory system is the network of neural structures in the brain and body that produce the perception of touch ( haptic perception), as well as temperature ( thermoception), body position (proprioception), and pain. It ...
), visual UI (
sight Visual perception is the ability to interpret the surrounding environment through photopic vision (daytime vision), color vision, scotopic vision (night vision), and mesopic vision (twilight vision), using light in the visible spectrum reflecte ...
), auditory UI (
sound In physics, sound is a vibration that propagates as an acoustic wave, through a transmission medium such as a gas, liquid or solid. In human physiology and psychology, sound is the ''reception'' of such waves and their ''perception'' b ...
), olfactory UI ( smell), equilibria UI (
balance Balance or balancing may refer to: Common meanings * Balance (ability) in biomechanics * Balance (accounting) * Balance or weighing scale * Balance as in equality or equilibrium Arts and entertainment Film * ''Balance'' (1983 film), a Bulgaria ...
), and gustatory UI (
taste The gustatory system or sense of taste is the sensory system that is partially responsible for the perception of taste (flavor). Taste is the perception produced or stimulated when a substance in the mouth reacts chemically with taste receptor ...
). Composite user interfaces (CUIs) are UIs that interact with two or more senses. The most common CUI is a ''
graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inst ...
'' (GUI), which is composed of a tactile UI and a visual UI capable of displaying graphics. When sound is added to a GUI, it becomes a ''multimedia user interface'' (MUI). There are three broad categories of CUI: ''standard'', ''virtual'' and ''augmented''. Standard CUI use standard human interface devices like keyboards, mice, and computer monitors. When the CUI blocks out the real world to create a
virtual reality Virtual reality (VR) is a simulated experience that employs pose tracking and 3D near-eye displays to give the user an immersive feel of a virtual world. Applications of virtual reality include entertainment (particularly video games), e ...
, the CUI is virtual and uses a ''virtual reality interface''. When the CUI does not block out the real world and creates augmented reality, the CUI is augmented and uses an ''augmented reality interface''. When a UI interacts with all human senses, it is called a qualia interface, named after the theory of
qualia In philosophy of mind, qualia ( or ; singular form: quale) are defined as individual instances of subjective, conscious experience. The term ''qualia'' derives from the Latin neuter plural form (''qualia'') of the Latin adjective '' quālis'' () ...
. CUI may also be classified by how many senses they interact with as either an X-sense virtual reality interface or X-sense augmented reality interface, where X is the number of senses interfaced with. For example, a
Smell-O-Vision Smell-O-Vision was a system that released odor during the projection of a film so that the viewer could " smell" what was happening in the movie. The technique was created by Hans Laube and made its only appearance in the 1960 film ''Scent of Myst ...
is a 3-sense (3S) Standard CUI with visual display, sound and smells; when ''virtual reality interfaces'' interface with smells and touch it is said to be a 4-sense (4S) virtual reality interface; and when ''augmented reality interfaces'' interface with smells and touch it is said to be a 4-sense (4S) augmented reality interface.


Overview

The user interface or ''human–machine interface'' is the part of the machine that handles the human–machine interaction. Membrane switches, rubber keypads and touchscreens are examples of the physical part of the Human Machine Interface which we can see and touch. In complex systems, the human–machine interface is typically computerized. The term ''human–computer interface'' refers to this kind of system. In the context of computing, the term typically extends as well to the software dedicated to control the physical elements used for
human–computer interaction Human–computer interaction (HCI) is research in the design and the use of computer technology, which focuses on the interfaces between people (users) and computers. HCI researchers observe the ways humans interact with computers and design te ...
. The engineering of human–machine interfaces is enhanced by considering
ergonomics Human factors and ergonomics (commonly referred to as human factors) is the application of psychological and physiological principles to the engineering and design of products, processes, and systems. Four primary goals of human factors learnin ...
(
human factors Human factors and ergonomics (commonly referred to as human factors) is the application of psychological and physiological principles to the engineering and design of products, processes, and systems. Four primary goals of human factors learnin ...
). The corresponding disciplines are
human factors engineering Human factors and ergonomics (commonly referred to as human factors) is the application of psychological and physiological principles to the engineering and design of products, processes, and systems. Four primary goals of human factors learnin ...
(HFE) and
usability engineering Usability engineering is a field that is concerned generally with human–computer interaction and specifically with devising human–computer interfaces that have high usability or user friendliness. It provides structured methods for achieving ...
(UE) which is part of systems engineering. Tools used for incorporating human factors in the interface design are developed based on knowledge of
computer science Computer science is the study of computation, automation, and information. Computer science spans theoretical disciplines (such as algorithms, theory of computation, information theory, and automation) to practical disciplines (includi ...
, such as
computer graphics Computer graphics deals with generating images with the aid of computers. Today, computer graphics is a core technology in digital photography, film, video games, cell phone and computer displays, and many specialized applications. A great de ...
, operating systems,
programming language A programming language is a system of notation for writing computer programs. Most programming languages are text-based formal languages, but they may also be graphical. They are a kind of computer language. The description of a programming ...
s. Nowadays, we use the expression
graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inst ...
for human–machine interface on computers, as nearly all of them are now using graphics.
Multimodal interface Multimodal interaction provides the user with multiple Modality (human–computer interaction), modes of interacting with a system. A multimodal interface provides several distinct tools for input and output of data. Introduction Multimodal hu ...
s allow users to interact using more than one
modality Modality may refer to: Humanities * Modality (theology), the organization and structure of the church, as distinct from sodality or parachurch organizations * Modality (music), in music, the subject concerning certain diatonic scales * Modaliti ...
of user input.


Terminology

There is a difference between a user interface and an operator interface or a human–machine interface (HMI). * The term "user interface" is often used in the context of (personal) computer systems and
electronic devices The field of electronics is a branch of physics and electrical engineering that deals with the emission, behaviour and effects of electrons using electronic devices. Electronics uses active devices to control electron flow by amplification ...
. ** Where a network of equipment or computers are interlinked through an MES (Manufacturing Execution System)-or Host to display information. ** A human–machine interface (HMI) is typically local to one machine or piece of equipment, and is the interface method between the human and the equipment/machine. An operator interface is the interface method by which multiple pieces of equipment, linked by a host control system, are accessed or controlled. ** The system may expose several user interfaces to serve different kinds of users. For example, a computerized library database might provide two user interfaces, one for library patrons (limited set of functions, optimized for ease of use) and the other for library personnel (wide set of functions, optimized for efficiency). * The user interface of a
mechanical Mechanical may refer to: Machine * Machine (mechanical), a system of mechanisms that shape the actuator input to achieve a specific application of output forces and movement * Mechanical calculator, a device used to perform the basic operations of ...
system, a vehicle or an
industrial Industrial may refer to: Industry * Industrial archaeology, the study of the history of the industry * Industrial engineering, engineering dealing with the optimization of complex industrial processes or systems * Industrial city, a city dominate ...
installation is sometimes referred to as the human–machine interface (HMI). HMI is a modification of the original term MMI (man–machine interface). In practice, the abbreviation MMI is still frequently used although some may claim that MMI stands for something different now. Another abbreviation is HCI, but is more commonly used for
human–computer interaction Human–computer interaction (HCI) is research in the design and the use of computer technology, which focuses on the interfaces between people (users) and computers. HCI researchers observe the ways humans interact with computers and design te ...
. Other terms used are operator interface console (OIC) and operator interface terminal (OIT). However it is abbreviated, the terms refer to the 'layer' that separates a human that is operating a machine from the machine itself. Without a clean and usable interface, humans would not be able to interact with information systems. In
science fiction Science fiction (sometimes shortened to Sci-Fi or SF) is a genre of speculative fiction which typically deals with imaginative and futuristic concepts such as advanced science and technology, space exploration, time travel, parallel uni ...
, HMI is sometimes used to refer to what is better described as a direct neural interface. However, this latter usage is seeing increasing application in the real-life use of (medical)
prostheses In medicine, a prosthesis (plural: prostheses; from grc, πρόσθεσις, prósthesis, addition, application, attachment), or a prosthetic implant, is an artificial device that replaces a missing body part, which may be lost through trau ...
—the artificial extension that replaces a missing body part (e.g.,
cochlear implants A cochlear implant (CI) is a surgically implanted neuroprosthesis that provides a person who has moderate-to-profound sensorineural hearing loss with sound perception. With the help of therapy, cochlear implants may allow for improved speech unde ...
). In some circumstances, computers might observe the user and react according to their actions without specific commands. A means of tracking parts of the body is required, and sensors noting the position of the head, direction of gaze and so on have been used experimentally. This is particularly relevant to immersive interfaces.


History

The history of user interfaces can be divided into the following phases according to the dominant type of user interface:


1945–1968: Batch interface

In the batch era, computing power was extremely scarce and expensive. User interfaces were rudimentary. Users had to accommodate computers rather than the other way around; user interfaces were considered overhead, and software was designed to keep the processor at maximum utilization with as little overhead as possible. The input side of the user interfaces for batch machines was mainly
punched card A punched card (also punch card or punched-card) is a piece of stiff paper that holds digital data represented by the presence or absence of holes in predefined positions. Punched cards were once common in data processing applications or to di ...
s or equivalent media like paper tape. The output side added
line printer A line printer prints one entire line of text before advancing to another line. Most early line printers were impact printers. Line printers are mostly associated with unit record equipment and the early days of digital computing, but the ...
s to these media. With the limited exception of the system operator's console, human beings did not interact with batch machines in real time at all. Submitting a job to a batch machine involved, first, preparing a deck of punched cards describing a program and a dataset. Punching the program cards wasn't done on the computer itself, but on
keypunch A keypunch is a device for precisely punching holes into stiff paper cards at specific locations as determined by keys struck by a human operator. Other devices included here for that same function include the gang punch, the pantograph punch, ...
es, specialized typewriter-like machines that were notoriously bulky, unforgiving, and prone to mechanical failure. The software interface was similarly unforgiving, with very strict syntaxes meant to be parsed by the smallest possible compilers and interpreters. Once the cards were punched, one would drop them in a job queue and wait. Eventually, operators would feed the deck to the computer, perhaps mounting
magnetic tapes Magnetic tape is a medium for magnetic storage made of a thin, magnetizable coating on a long, narrow strip of plastic film. It was developed in Germany in 1928, based on the earlier magnetic wire recording from Denmark. Devices that use magne ...
to supply another dataset or helper software. The job would generate a printout, containing final results or an abort notice with an attached error log. Successful runs might also write a result on magnetic tape or generate some data cards to be used in a later computation. The
turnaround time Turnaround time (TAT) is the amount of time taken to complete a process or fulfill a request. The concept thus overlaps with lead time and can be contrasted with cycle time. Meaning in computing In computing, turnaround time is the total time t ...
for a single job often spanned entire days. If one was very lucky, it might be hours; there was no real-time response. But there were worse fates than the card queue; some computers required an even more tedious and error-prone process of toggling in programs in binary code using console switches. The very earliest machines had to be partly rewired to incorporate program logic into themselves, using devices known as
plugboard A plugboard or control panel (the term used depends on the application area) is an array of jacks or sockets (often called hubs) into which patch cords can be inserted to complete an electrical circuit. Control panels are sometimes used to di ...
s. Early batch systems gave the currently running job the entire computer; program decks and tapes had to include what we would now think of as
operating system An operating system (OS) is system software that manages computer hardware, software resources, and provides common services for computer programs. Time-sharing operating systems schedule tasks for efficient use of the system and may also i ...
code to talk to I/O devices and do whatever other housekeeping was needed. Midway through the batch period, after 1957, various groups began to experiment with so-called " load-and-go" systems. These used a monitor program which was always resident on the computer. Programs could call the monitor for services. Another function of the monitor was to do better error checking on submitted jobs, catching errors earlier and more intelligently and generating more useful feedback to the users. Thus, monitors represented the first step towards both operating systems and explicitly designed user interfaces.


1969–present: Command-line user interface

Command-line interfaces (CLIs) evolved from batch monitors connected to the system console. Their interaction model was a series of request-response transactions, with requests expressed as textual commands in a specialized vocabulary. Latency was far lower than for batch systems, dropping from days or hours to seconds. Accordingly, command-line systems allowed the user to change his or her mind about later stages of the transaction in response to real-time or near-real-time feedback on earlier results. Software could be exploratory and interactive in ways not possible before. But these interfaces still placed a relatively heavy
mnemonic A mnemonic ( ) device, or memory device, is any learning technique that aids information retention or retrieval (remembering) in the human memory for better understanding. Mnemonics make use of elaborative encoding, retrieval cues, and imag ...
load on the user, requiring a serious investment of effort and learning time to master. The earliest command-line systems combined
teleprinter A teleprinter (teletypewriter, teletype or TTY) is an electromechanical device that can be used to send and receive typed messages through various communications channels, in both point-to-point and point-to-multipoint configurations. Init ...
s with computers, adapting a mature technology that had proven effective for mediating the transfer of information over wires between human beings. Teleprinters had originally been invented as devices for automatic telegraph transmission and reception; they had a history going back to 1902 and had already become well-established in newsrooms and elsewhere by 1920. In reusing them, economy was certainly a consideration, but psychology and the Rule of Least Surprise mattered as well; teleprinters provided a point of interface with the system that was familiar to many engineers and users. The widespread adoption of video-display terminals (VDTs) in the mid-1970s ushered in the second phase of command-line systems. These cut latency further, because characters could be thrown on the phosphor dots of a screen more quickly than a printer head or carriage can move. They helped quell conservative resistance to interactive programming by cutting ink and paper consumables out of the cost picture, and were to the first TV generation of the late 1950s and 60s even more iconic and comfortable than teleprinters had been to the computer pioneers of the 1940s. Just as importantly, the existence of an accessible screen — a two-dimensional display of text that could be rapidly and reversibly modified — made it economical for software designers to deploy interfaces that could be described as visual rather than textual. The pioneering applications of this kind were computer games and text editors; close descendants of some of the earliest specimens, such as rogue(6), and vi(1), are still a live part of
Unix Unix (; trademarked as UNIX) is a family of multitasking, multiuser computer operating systems that derive from the original AT&T Unix, whose development started in 1969 at the Bell Labs research center by Ken Thompson, Dennis Ritchie, an ...
tradition.


1985: SAA User Interface or Text-Based User Interface

In 1985, with the beginning of Microsoft Windows and other
graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inst ...
s, IBM created what is called the
Systems Application Architecture Systems Application Architecture (SAA), introduced in 1987, is a set of standards for computer software developed by IBM. The SAA initiative was started in 1987 under the leadership of Earl Wheeler, the "Father of SAA". The intent was to impleme ...
(SAA) standard which include the
Common User Access Common User Access (CUA) is a standard for user interfaces to operating systems and computer programs. It was developed by IBM and first published in 1987 as part of their Systems Application Architecture. Used originally in the MVS/ESA, VM/CMS ...
(CUA) derivative. CUA successfully created what we know and use today in Windows, and most of the more recent
DOS DOS is shorthand for the MS-DOS and IBM PC DOS family of operating systems. DOS may also refer to: Computing * Data over signalling (DoS), multiplexing data onto a signalling channel * Denial-of-service attack (DoS), an attack on a communicat ...
or Windows Console Applications will use that standard as well. This defined that a pulldown menu system should be at the top of the screen, status bar at the bottom, shortcut keys should stay the same for all common functionality (F2 to Open for example would work in all applications that followed the SAA standard). This greatly helped the speed at which users could learn an application so it caught on quick and became an industry standard.


1968–present: Graphical User Interface

* 1968 – Douglas Engelbart demonstrated NLS, a system which uses a mouse,
pointers Pointer may refer to: Places * Pointer, Kentucky * Pointers, New Jersey * Pointers Airport, Wasco County, Oregon, United States * The Pointers, a pair of rocks off Antarctica People with the name * Pointer (surname), a surname (including a lis ...
, hypertext, and multiple
windows Windows is a group of several proprietary graphical operating system families developed and marketed by Microsoft. Each family caters to a certain sector of the computing industry. For example, Windows NT for consumers, Windows Server for ser ...
. * 1970 – Researchers at
Xerox Palo Alto Research Center Xerox Holdings Corporation (; also known simply as Xerox) is an American corporation that sells print and digital document products and services in more than 160 countries. Xerox is headquartered in Norwalk, Connecticut (having moved from Sta ...
(many from
SRI Shri (; , ) is a Sanskrit term denoting resplendence, wealth and prosperity, primarily used as an honorific. The word is widely used in South and Southeast Asian languages such as Marathi, Malay (including Indonesian and Malaysian), Javanes ...
) develop
WIMP Wimp, WIMP, or Wimps may refer to: Science and technology * Weakly interacting massive particle, a hypothetical particle of dark matter * WIMP (computing), the "window, icon, menu, pointer" paradigm * WIMP (software bundle), the web stack of Wind ...
paradigm (Windows, Icons, Menus, Pointers) * 1973 –
Xerox Alto The Xerox Alto is a computer designed from its inception to support an operating system based on a graphical user interface (GUI), later using the desktop metaphor. The first machines were introduced on 1 March 1973, a decade before mass-market ...
: commercial failure due to expense, poor user interface, and lack of programs * 1979 – Steve Jobs and other
Apple An apple is an edible fruit produced by an apple tree (''Malus domestica''). Apple trees are cultivated worldwide and are the most widely grown species in the genus ''Malus''. The tree originated in Central Asia, where its wild ancestor, ' ...
engineers visit Xerox PARC. Though
Pirates of Silicon Valley ''Pirates of Silicon Valley'' is a 1999 American biographical drama television film directed by Martyn Burke and starring Noah Wyle as Steve Jobs and Anthony Michael Hall as Bill Gates. Spanning the years 1971–1997 and based on Paul Freiberge ...
dramatizes the events, Apple had already been working on developing a GUI, such as the Macintosh and Lisa projects, before the visit. * 1981 –
Xerox Star The Xerox Star workstation, officially named Xerox 8010 Information System, is the first commercial personal computer to incorporate technologies that have since become standard in personal computers, including a bitmapped display, a window-based ...
: focus on
WYSIWYG In computing, WYSIWYG ( ), an acronym for What You See Is What You Get, is a system in which editing software allows content to be edited in a form that resembles its appearance when printed or displayed as a finished product, such as a printed d ...
. Commercial failure (25K sold) due to cost ($16K each), performance (minutes to save a file, couple of hours to recover from crash), and poor marketing * 1982 –
Rob Pike Robert "Rob" Pike (born 1956) is a Canadian programmer and author. He is best known for his work on the Go (programming language), Go programming language and at Bell Labs, where he was a member of the Unix team and was involved in the creation o ...
and others at
Bell Labs Nokia Bell Labs, originally named Bell Telephone Laboratories (1925–1984), then AT&T Bell Laboratories (1984–1996) and Bell Labs Innovations (1996–2007), is an American industrial Research and development, research and scientific developm ...
designed Blit, which was released in 1984 by AT&T and
Teletype A teleprinter (teletypewriter, teletype or TTY) is an electromechanical device that can be used to send and receive typed messages through various communications channels, in both point-to-point and point-to-multipoint configurations. Init ...
as DMD 5620 terminal. * 1984 – Apple
Macintosh The Mac (known as Macintosh until 1999) is a family of personal computers designed and marketed by Apple Inc. Macs are known for their ease of use and minimalist designs, and are popular among students, creative professionals, and software en ...
popularizes the
GUI The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inste ...
. Super Bowl commercial shown twice, was the most expensive commercial ever made at that time * 1984 –
MIT The Massachusetts Institute of Technology (MIT) is a private land-grant research university in Cambridge, Massachusetts. Established in 1861, MIT has played a key role in the development of modern technology and science, and is one of the m ...
's
X Window System The X Window System (X11, or simply X) is a windowing system for bitmap displays, common on Unix-like operating systems. X provides the basic framework for a GUI environment: drawing and moving windows on the display device and interacting wi ...
: hardware-independent platform and networking protocol for developing GUIs on UNIX-like systems * 1985 –
Windows 1.0 Windows 1.0 is the first major release of Microsoft Windows, a family of graphical operating systems for personal computers developed by Microsoft. It was first released to manufacturing in the United States on November 20, 1985, while the Euro ...
– provided GUI interface to MS-DOS. No overlapping windows (tiled instead). * 1985 – Microsoft and IBM start work on OS/2 meant to eventually replace MS-DOS and Windows * 1986 – Apple threatens to sue
Digital Research Digital Research, Inc. (DR or DRI) was a company created by Gary Kildall to market and develop his CP/M operating system and related 8-bit, 16-bit and 32-bit systems like MP/M, Concurrent DOS, FlexOS, Multiuser DOS, DOS Plus, DR DOS and Gr ...
because their GUI desktop looked too much like Apple's Mac. * 1987 – Windows 2.0 – Overlapping and resizable windows, keyboard and mouse enhancements * 1987 – Macintosh II: first full-color Mac * 1988 –
OS/2 OS/2 (Operating System/2) is a series of computer operating systems, initially created by Microsoft and IBM under the leadership of IBM software designer Ed Iacobucci. As a result of a feud between the two companies over how to position OS/2 r ...
1.10 Standard Edition (SE) has GUI written by Microsoft, looks a lot like Windows 2


Interface design

Primary methods used in the interface design include prototyping and simulation. Typical human–machine interface design consists of the following stages: interaction specification, interface software specification and prototyping: * Common practices for interaction specification include
user-centered design User-centered design (UCD) or user-driven development (UDD) is a framework of process (not restricted to interfaces or technologies) in which usability goals, user characteristics, environment, tasks and workflow of a product, service or proc ...
,
persona A persona (plural personae or personas), depending on the context, is the public image of one's personality, the social role that one adopts, or simply a fictional character. The word derives from Latin, where it originally referred to a theatr ...
, activity-oriented design, scenario-based design, and resiliency design. * Common practices for interface software specification include
use cases In software and systems engineering, the phrase use case is a polyseme with two senses: # A usage scenario for a piece of software; often used in the plural to suggest situations where a piece of software may be useful. # A potential scenario ...
and constrain enforcement by interaction protocols (intended to avoid use errors). * Common practices for prototyping are based on libraries of interface elements (controls, decoration, etc.).


Principles of quality

In broad terms, interfaces generally regarded as user friendly, efficient, intuitive, etc. are typified by one or more particular qualities. For the purpose of example, a non-exhaustive list of such characteristics follows: # Clarity: The interface avoids ambiguity by making everything clear through language, flow, hierarchy and metaphors for visual elements. #
Concision Concision (also called brevity, laconicism, or conciseness) is a writing principle of eliminating redundancy.UNT Writing Lab. "Concision, Clarity, and Cohesion." Accessed June 19, 2012Link./ref> For example, this: * "It is a fact that most argum ...
: However ironically, the over-clarification of information—for instance, by labelling the majority, if not the entirety, of items displayed on-screen at once, and regardless of whether or not the user would in fact require a visual indicator of some kind in order to identify a given item—can, and, under most normal circumstances, most likely will lead to the obfuscation of whatever information. # Familiarity: Even if someone uses an interface for the first time, certain elements can still be familiar. Real-life metaphors can be used to communicate meaning. #
Responsiveness Responsiveness as a concept of computer science refers to the specific ability of a system or functional unit to complete assigned tasks within a given time. For example, it would refer to the ability of an artificial intelligence system to unde ...
: A good interface should not feel sluggish. This means that the interface should provide good feedback to the user about what's happening and whether the user's input is being successfully processed. # Consistency: Keeping your interface consistent across your application is important because it allows users to recognize usage patterns. #
Aesthetics Aesthetics, or esthetics, is a branch of philosophy that deals with the nature of beauty and taste, as well as the philosophy of art (its own area of philosophy that comes out of aesthetics). It examines aesthetic values, often expressed t ...
: While you don't need to make an interface attractive for it to do its job, making something look good will make the time your users spend using your application more enjoyable; and happier users can only be a good thing. # Efficiency: Time is money, and a great interface should make the user more productive through shortcuts and good design. # Forgiveness: A good interface should not punish users for their mistakes but should instead provide the means to remedy them.


Principle of least astonishment

The
principle of least astonishment The principle of least astonishment (POLA), aka principle of least surprise (alternatively a law or rule), applies to user interface and software design. It proposes that a component of a system should behave in a way that most users will expect it ...
(POLA) is a general principle in the design of all kinds of interfaces. It is based on the idea that human beings can only pay full attention to one thing at one time, leading to the conclusion that novelty should be minimized.


Principle of habit formation

If an interface is used persistently, the user will unavoidably develop
habit A habit (or wont as a humorous and formal term) is a routine of behavior that is repeated regularly and tends to occur subconsciously.
s for using the interface. The designer's role can thus be characterized as ensuring the user forms good habits. If the designer is experienced with other interfaces, they will similarly develop habits, and often make unconscious assumptions regarding how the user will interact with the interface.


A model of design criteria: User Experience Honeycomb

Peter Morville of
Google Google LLC () is an American Multinational corporation, multinational technology company focusing on Search Engine, search engine technology, online advertising, cloud computing, software, computer software, quantum computing, e-commerce, ar ...
designed the User Experience Honeycomb framework in 2004 when leading operations in user interface design. The framework was created to guide user interface design. It would act as a guideline for many web development students for a decade. # Usable: Is the design of the system easy and simple to use? The application should feel familiar, and it should be easy to use. # Useful: Does the application fulfill a need? A business's product or service needs to be useful. # Desirable: Is the design of the application sleek and to the point? The aesthetics of the system should be attractive, and easy to translate. # Findable: Are users able to quickly find the information they're looking for? Information needs to be findable and simple to navigate. A user should never have to hunt for your product or information. #
Accessible Accessibility is the design of products, devices, services, vehicles, or environments so as to be usable by people with disabilities. The concept of accessible design and practice of accessible development ensures both "direct access" (i. ...
: Does the application support enlarged text without breaking the framework? An application should be accessible to those with disabilities. # Credible: Does the application exhibit trustworthy security and company details? An application should be transparent, secure, and honest. # Valuable: Does the end-user think it's valuable? If all 6 criteria are met, the end-user will find value and trust in the application.


Types

# '' Attentive user interfaces'' manage the user attention deciding when to interrupt the user, the kind of warnings, and the level of detail of the messages presented to the user. # ''Batch interfaces'' are non-interactive user interfaces, where the user specifies all the details of the ''batch job'' in advance to
batch processing Computerized batch processing is a method of running software programs called jobs in batches automatically. While users are required to submit the jobs, no other interaction by the user is required to process the batch. Batches may automatically ...
, and receives the output when all the processing is done. The computer does not prompt for further input after the processing has started. # '' Command line interfaces'' (CLIs) prompt the user to provide input by typing a command string with the computer keyboard and respond by outputting text to the computer monitor. Used by programmers and system administrators, in engineering and scientific environments, and by technically advanced personal computer users. # '' Conversational interfaces'' enable users to command the computer with plain text English (e.g., via text messages, or chatbots) or voice commands, instead of graphic elements. These interfaces often emulate human-to-human conversations. # ''Conversational interface agents'' attempt to personify the computer interface in the form of an animated person, robot, or other character (such as Microsoft's Clippy the paperclip), and present interactions in a conversational form. # '' Crossing-based interfaces'' are graphical user interfaces in which the primary task consists in crossing boundaries instead of pointing. # ''
Direct manipulation interface In computer science, human–computer interaction, and interaction design, direct manipulation is an approach to interfaces which involves continuous representation of objects of interest together with rapid, reversible, and incremental actions a ...
'' is the name of a general class of user interfaces that allow users to manipulate objects presented to them, using actions that correspond at least loosely to the physical world. # '' Gesture interfaces'' are graphical user interfaces which accept input in a form of hand gestures, or
mouse gesture In computing, a pointing device gesture or mouse gesture (or simply gesture) is a way of combining pointing device or finger movements and clicks that the software recognizes as a specific computer event and responds to accordingly. They can b ...
s sketched with a computer mouse or a stylus. # ''
Graphical user interface The GUI ( "UI" by itself is still usually pronounced . or ), graphical user interface, is a form of user interface that allows users to interact with electronic devices through graphical icons and audio indicator such as primary notation, inst ...
s'' (GUI) accept input via devices such as a computer keyboard and mouse and provide articulated
graphical Graphics () are visual images or designs on some surface, such as a wall, canvas, screen, paper, or stone, to inform, illustrate, or entertain. In contemporary usage, it includes a pictorial representation of data, as in design and manufacture ...
output on the computer monitor. There are at least two different principles widely used in GUI design:
Object-oriented user interface In computing, an object-oriented user interface (OOUI) is a type of user interface based on an object-oriented programming metaphor, and describes most modern operating systems ("object-oriented operating systems") such as MacOS and Windows. In an ...
s (OOUIs) and application-oriented interfaces. # ''Hardware interfaces'' are the physical, spatial interfaces found on products in the real world from toasters, to car dashboards, to airplane cockpits. They are generally a mixture of knobs, buttons, sliders, switches, and touchscreens. # ' provide input to electronic or electro-mechanical devices by passing a finger through reproduced holographic images of what would otherwise be tactile controls of those devices, floating freely in the air, detected by a wave source and without tactile interaction. # '' Intelligent user interfaces'' are human–machine interfaces that aim to improve the efficiency, effectiveness, and naturalness of human–machine interaction by representing, reasoning, and acting on models of the user, domain, task, discourse, and media (e.g., graphics, natural language, gesture). # '' Motion tracking interfaces'' monitor the user's body motions and translate them into commands, currently being developed by Apple. # ''Multi-screen interfaces'', employ multiple displays to provide a more flexible interaction. This is often employed in computer game interaction in both the commercial arcades and more recently the handheld markets. # '' Natural-language interfaces'' are used for search engines and on webpages. User types in a question and waits for a response. # ''Non-command user interfaces'', which observe the user to infer their needs and intentions, without requiring that they formulate explicit commands. # ''
Object-oriented user interface In computing, an object-oriented user interface (OOUI) is a type of user interface based on an object-oriented programming metaphor, and describes most modern operating systems ("object-oriented operating systems") such as MacOS and Windows. In an ...
s (OOUI)'' are based on
object-oriented programming Object-oriented programming (OOP) is a programming paradigm based on the concept of "objects", which can contain data and code. The data is in the form of fields (often known as attributes or ''properties''), and the code is in the form of ...
metaphors, allowing users to
manipulate Manipulation may refer to: * Manipulation (psychology) - the action of manipulating someone in a clever or unscrupulous way *Crowd manipulation - use of crowd psychology to direct the behavior of a crowd toward a specific action ::* Internet mani ...
simulated objects and their properties. # ''Permission-driven user interfaces'' show or conceal menu options or functions depending on the user's level of permissions. The system is intended to improve the user experience by removing items that are unavailable to the user. A user who sees functions that are unavailable for use may become frustrated. It also provides an enhancement to security by hiding functional items from unauthorized persons. # ''Reflexive user interfaces'' where the users control and redefine the entire system via the user interface alone, for instance to change its
command verb In human–computer interaction, a command verb is a verb that appears in a user interface and is used for the user to tell the computer to do something (rather than vice versa). For instance, the words "edit" and "view" and "help" that appear in ...
s. Typically, this is only possible with very rich graphic user interfaces. # ''Search interface'' is how the search box of a site is displayed, as well as the visual representation of the search results. # ''
Tangible user interface A tangible user interface (TUI) is a user interface in which a person interacts with digital information through the physical environment. The initial name was Graspable User Interface, which is no longer used. The purpose of TUI development ...
s'', which place a greater emphasis on touch and physical environment or its element. # '' Task-focused interfaces'' are user interfaces which address the information overload problem of the
desktop metaphor In computing, the desktop metaphor is an interface metaphor which is a set of unifying concepts used by graphical user interfaces to help users interact more easily with the computer. The desktop metaphor treats the computer monitor as if it is ...
by making tasks, not files, the primary unit of interaction. # ''
Text-based user interface In computing, text-based user interfaces (TUI) (alternately terminal user interfaces, to reflect a dependence upon the properties of computer terminals and not just text), is a retronym describing a type of user interface (UI) common as an ear ...
s'' (TUIs) are user interfaces which interact via text. TUIs include command-line interfaces and text-based
WIMP Wimp, WIMP, or Wimps may refer to: Science and technology * Weakly interacting massive particle, a hypothetical particle of dark matter * WIMP (computing), the "window, icon, menu, pointer" paradigm * WIMP (software bundle), the web stack of Wind ...
environments. # ''
Touchscreen A touchscreen or touch screen is the assembly of both an input ('touch panel') and output ('display') device. The touch panel is normally layered on the top of an electronic visual display of an information processing system. The display is ofte ...
s'' are displays that accept input by touch of fingers or a stylus. Used in a growing amount of
mobile device A mobile device (or handheld computer) is a computer small enough to hold and operate in the hand. Mobile devices typically have a flat LCD or OLED screen, a touchscreen interface, and digital or physical buttons. They may also have a physica ...
s and many types of point of sale, industrial processes and machines, self-service machines, etc. # ''
Touch user interface A touch user interface (TUI) is a computer-pointing technology based upon the sense of touch ( haptics). Whereas a graphical user interface (GUI) relies upon the sense of sight, a TUI enables not only the sense of touch to innervate and activate ...
'' are graphical user interfaces using a
touchpad A touchpad or trackpad is a pointing device featuring a tactile sensor, a specialized surface that can translate the motion and position of a user's fingers to a relative position on the operating system that is made output to the screen. Touchp ...
or touchscreen display as a combined input and output device. They supplement or replace other forms of output with haptic feedback methods. Used in computerized simulators, etc. # ''
Voice user interface A voice-user interface (VUI) makes spoken human interaction with computers possible, using speech recognition to understand spoken commands and answer questions, and typically text to speech to play a reply. A voice command device is a device con ...
s'', which accept input and provide output by generating voice prompts. The user input is made by pressing keys or buttons, or responding verbally to the interface. # '' Web-based user interfaces'' or ''web user interfaces'' (WUI) that accept input and provide output by generating web pages viewed by the user using a
web browser A web browser is application software for accessing websites. When a user requests a web page from a particular website, the browser retrieves its files from a web server and then displays the page on the user's screen. Browsers are used o ...
program. # ''Zero-input interfaces'' get inputs from a set of sensors instead of querying the user with input dialogs.Sharon, Taly, Henry Lieberman, and Ted Selker.
A zero-input interface for leveraging group experience in web browsing
." Proceedings of the 8th international conference on Intelligent user interfaces. ACM, 2003.
# ''
Zooming user interface In computing, a zooming user interface or zoomable user interface (ZUI, pronounced zoo-ee) is a graphical environment where users can change the scale of the viewed area in order to see more detail or less, and browse through different document ...
s'' are graphical user interfaces in which information objects are represented at different levels of scale and detail, and where the user can change the scale of the viewed area in order to show more detail.


Gallery

File:P8-führerstand2.jpg, Historic HMI in the driver's cabin of a
German German(s) may refer to: * Germany (of or related to) ** Germania (historical use) * Germans, citizens of Germany, people of German ancestry, or native speakers of the German language ** For citizens of Germany, see also German nationality law **Ge ...
steam locomotive File:Ice3 leitstand.jpg, Modern HMI in the driver's cabin of a
German German(s) may refer to: * Germany (of or related to) ** Germania (historical use) * Germans, citizens of Germany, people of German ancestry, or native speakers of the German language ** For citizens of Germany, see also German nationality law **Ge ...
Intercity-Express The Intercity Express (commonly known as ICE ()) is a system of high-speed trains predominantly running in Germany. It also serves some destinations in Austria, Denmark (ceased in 2017 but planned to resume in 2022), France, Belgium, Switzerl ...
High-Speed Train File:Wireless toilet control panel w. open lid.jpg, The HMI of a toilette (in Japan) File:Google Glass detail.jpg,
Voice user interface A voice-user interface (VUI) makes spoken human interaction with computers possible, using speech recognition to understand spoken commands and answer questions, and typically text to speech to play a reply. A voice command device is a device con ...
of a
wearable computer A wearable computer, also known as a body-borne computer, is a computing device worn on the body. The definition of 'wearable computer' may be narrow or broad, extending to smartphones or even ordinary wristwatches. Wearables may be for general ...
(''here:
Google Glass Google Glass, or simply Glass, is a brand of smart glasses developed and sold by Google. It was developed by X (previously Google X), with the mission of producing an ubiquitous computer. Google Glass displays information to the wearer using ...
'') File:Engineer at audio console at Danish Broadcasting Corporation.png, HMI for audio mixing File:Mesa de vídeo 1.JPG, HMI for
video production Video production is the process of producing video content for video. It is the equivalent of filmmaking, but with video recorded either as analog signals on videotape, digitally in video tape or as computer files stored on optical discs, hard dri ...
File:00-bma-automation-operator-panel-with-pushbuttons.JPG, HMI of a machine for the sugar industry with pushbuttons File:CNC panel Sinumerik.jpg, HMI for a Computer numerical control (CNC) File:CNC panel.jpg, slightly newer HMI for a CNC-machine File:Not-Aus Betätiger.jpg, emergency switch/panic switch File:Teletype_DMD_5620.jpg, DMD 5620 Terminal


See also

* Adaptive user interfaces *
Brain–computer interface A brain–computer interface (BCI), sometimes called a brain–machine interface (BMI) or smartbrain, is a direct communication pathway between the brain's electrical activity and an external device, most commonly a computer or robotic limb. B ...
*
Computer user satisfaction Computer user satisfaction (and closely related concepts such as ''system satisfaction'', ''user satisfaction'', ''computer system satisfaction'', '' end user computing satisfaction'') is the attitude of a user to the computer system they employ in ...
*
Direct voice input Direct voice input (DVI), sometimes called voice input control (VIC), is a style of human–machine interaction "HMI" in which the user makes voice commands to issue instructions to the machine through speech recognition. In the field of milita ...
* Distinguishable interfaces *
Ergonomics Human factors and ergonomics (commonly referred to as human factors) is the application of psychological and physiological principles to the engineering and design of products, processes, and systems. Four primary goals of human factors learnin ...
and
human factors Human factors and ergonomics (commonly referred to as human factors) is the application of psychological and physiological principles to the engineering and design of products, processes, and systems. Four primary goals of human factors learnin ...
– the study of designing objects to be better adapted to the shape of the human body *
Flat design Flat design is a minimalist design language or design style commonly used in graphical user interfaces (GUI) (such as web applications and mobile apps), and also in graphical materials such as posters, arts, guide documents and publishing pro ...
* History of the GUI *
Icon design Icon design is the process of designing a graphic symbol that represents some real, fantasy or abstract motive, entity or action. In the context of software applications, an icon often represents a program, a function, data or a collection of data o ...
*
Information architecture Information architecture (IA) is the structural design of shared information environments; the art and science of organizing and labelling websites, intranets, online communities and software to support usability and findability; and an emerging ...
– organizing, naming, and labelling information structures *
Information visualization Information is an abstract concept that refers to that which has the power to inform. At the most fundamental level information pertains to the interpretation of that which may be sensed. Any natural process that is not completely random, a ...
– the use of sensory representations of abstract data to reinforce cognition * Interaction design *
Interaction technique An interaction technique, user interface technique or input technique is a combination of hardware and software elements that provides a way for computer users to accomplish a single task. For example, one can go back to the previously visited pa ...
* Kinetic user interface *
Knowledge visualization Visualization or visualisation (see spelling differences) is any technique for creating images, diagrams, or animations to communicate a message. Visualization through visual imagery has been an effective way to communicate both abstract and ...
– the use of visual representations to transfer knowledge *
Natural user interface In computing, a natural user interface (NUI) or natural interface is a user interface that is effectively invisible, and remains invisible as the user continuously learns increasingly complex interactions. The word "natural" is used because most c ...
s * Organic user interface *
Post-WIMP In computing, post-WIMP ("windows, icons, menus, pointer") comprises work on user interfaces, mostly graphical user interfaces, which attempt to go beyond the paradigm of windows, icons, menus and a pointing device, i.e. WIMP interfaces. The r ...
*
Tangible user interface A tangible user interface (TUI) is a user interface in which a person interacts with digital information through the physical environment. The initial name was Graspable User Interface, which is no longer used. The purpose of TUI development ...
*
Unified Code for Units of Measure The Unified Code for Units of Measure (UCUM) is a system of codes for unambiguously representing measurement units. Its primary purpose is machine-to-machine communication rather than communication between humans. The code set includes all units de ...
* Usability links *
User assistance User assistance is a general term for guided assistance to a user of a software product. The phrase incorporates all forms of help available to a user. Assistance can also automatically perform procedures or step users through the procedure, depen ...
* User experience *
User experience design User experience design (UX design, UXD, UED, or XD) is the process of defining the experience a user would go through when interacting with a digital product or website. Design decisions in UX design are often driven by research, data analysis, an ...
*
User interface design User interface (UI) design or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the ...
*
User interface specification A user interface specification (UI specification) is a document that captures the details of the software user interface into a written document. The specification covers all possible actions that an end user may perform and all visual, auditory an ...
* Useware *
Virtual artifact A virtual artifact (VA) is an immaterial object that exists in the human mind or in a digital environment, for example the Internet, intranet, virtual reality, cyberspace, etc. Background The term "virtual artifact" has been used in a variety of ...
* Virtual user interface


References


External links


Conferences
covers a wide area of user interface publications

{{DEFAULTSORT:User Interface User interface techniques Virtual reality Human communication Human–machine interaction