All Topics  
User interface design

 

   Email Print
   Bookmark   Link






 

User interface design



 
 
User interface design or user interface engineering is the design of computer
Computer

A computer is a machine that manipulates Data according to a list of Code .The first devices that resemble modern computers date to the mid-20th century , although the computer concept and various machines similar to computers existed earlier....
s, appliance
Appliance

Appliance may refer to a device with a narrow Function :* Home appliance, household machines, using electricity or some other energy input.** Small appliances...
s, machines, mobile communication devices
Communication

Communication is commonly defined as "the imparting or interchange of thoughts, opinions, or information by speech, writing, or signs...",, 1: an act or instance of transmitting and 3 a: "a process by which information is exchanged between individuals through a common system of symbols, signs, or beha...
, software applications, and website
Website

A Web site is a collection of related Web pages, images, videos or other digital assets that are hosted on one Web server, usually accessible via the Internet....
s with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design
User-centered design

In broad terms, user-centered design is a design philosophy and a process in which the needs, wants, and limitations of the end user of an user interface or document are given extensive attention at each stage of the design process....
. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself.






Discussion
Ask a question about 'User interface design'
Start a new discussion about 'User interface design'
Answer questions from other users
Full Discussion Forum



Encyclopedia


User interface design or user interface engineering is the design of computer
Computer

A computer is a machine that manipulates Data according to a list of Code .The first devices that resemble modern computers date to the mid-20th century , although the computer concept and various machines similar to computers existed earlier....
s, appliance
Appliance

Appliance may refer to a device with a narrow Function :* Home appliance, household machines, using electricity or some other energy input.** Small appliances...
s, machines, mobile communication devices
Communication

Communication is commonly defined as "the imparting or interchange of thoughts, opinions, or information by speech, writing, or signs...",, 1: an act or instance of transmitting and 3 a: "a process by which information is exchanged between individuals through a common system of symbols, signs, or beha...
, software applications, and website
Website

A Web site is a collection of related Web pages, images, videos or other digital assets that are hosted on one Web server, usually accessible via the Internet....
s with the focus on the user's experience and interaction. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals—what is often called user-centered design
User-centered design

In broad terms, user-centered design is a design philosophy and a process in which the needs, wants, and limitations of the end user of an user interface or document are given extensive attention at each stage of the design process....
. Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. Graphic design
Graphic design

The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation. Various methods are used to create and combine symbols, images and/or words to create a visual representation of ideas and messages....
 may be utilized to apply a theme or style to the interface without compromising its usability
Usability

Usability is a term used to denote the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal....
. The design process of an interface must balance the meaning of its visual elements
Symbology

Also known as processual symbolic analysis, symbology was developed by Victor Turner in the mid-1970s to refer to the use of symbols within cultural contexts, in particular ritual....
 that conform the mental model
Mental model

A mental model is an explanation of someone's thought process for how something works in the real world. It is a representation of the surrounding world, the relationships between its various parts and a person's intuitive perception about their own acts and their consequences....
 of operation, and the functionality from a technical engineering perspective, in order to create a system that is both usable and easy to adapt to the changing user needs.

User Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interaction yet also require some unique skills and knowledge. As a result, user interface designers tend to specialize in certain types of projects and have skills centered around their expertise, whether that be software design
Software design

Software design is a process of problem-solving and planning for a software solution. After the purpose and specifications of software are determined, software developers will design or employ designers to develop a plan for a solution....
, user research, web design
Web design

Web Page design requires conceptualizing, planning, modeling, and executing electronic media content and its delivery via the Internet using technologies suitable for rendering and presentation by web browsers or other web-based graphical user interfaces ....
, or industrial design
Industrial design

Industrial design is an applied art whereby the aesthetics and usability of mass-produced Product may be improved for marketability and Manufacturing....
.

Processes

There are several phases and processes in the user interface design some of which are more demanded upon than others depending on the project. (note for the remainder of this section the word system is used to denote any project whether it is a web site, application, or device)
  • Functionality requirements gathering – assembling a list of the functionality required of the system to accomplish the goals of the project and the potential needs of the users.
  • User analysis – analysis of the potential users of the system either through discussion with people who work with the users and/or the potential users themselves. Typical questions involve:
    • What would the user want the system to do?
    • How would the system fit in with the user's normal workflow
      Workflow

      A workflow is a depiction of a sequence of operations, declared as work of a person, work of a simple or complex mechanism, work of a group of persons, work of an organization of staff, or machines....
       or daily activities?
    • How technically savvy is the user and what similar systems does the user already use?
    • What interface look & feel styles appeal to the user?
  • Information architecture
    Information Architecture

    Information architecture is the art of expressing a model or concept of information used in activities that require explicit details of complex systems....
     – development of the process and/or information flow of the system (i.e. for phone tree systems, this would be an option tree flowchart and for web sites this would be a site flow that shows the hierarchy of the pages).
  • Prototyping – development of wireframes, either in the form of paper prototypes
    Paper prototypes

    Paper prototyping is a widely used method in the user-centered design, a process that helps developers to create software that meets the user's expectations and needs - in this case, especially for user interface design and usability testing user interfaces....
     or simple interactive screens. These prototypes are stripped of all look & feel elements and most content in order to concentrate on the interface.
  • Usability testing
    Usability testing

    Usability testing is a technique used to evaluate a product by testing it on users. This can be seen as an irreplaceable usability practice, since it gives direct input on how real users use the system....
     – testing of the prototypes on an actual user—often using a technique called talk aloud protocol where you ask the user to talk about their thoughts during the experience.
  • Graphic Interface design – actual look & feel design of the final graphical user interface
    Graphical user interface

    A graphical user interface is a type of user interface which allows people to human-computer interaction such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment....
     (GUI). It may be based on the findings developed during the usability testing if usability is unpredictable, or based on communication objectives and styles that would appeal to the user. In rare cases, the graphics may drive the prototyping, depending on the importance of visual form versus function. If the interface requires multiple skins
    Skin (computing)

    In computing, skins may be associated with theme as custom graphical appearances that can be applied to certain computer software and websites in order to suit the different tastes of different users....
    , there may be multiple interface designs for one control panel
    Control panel (engineering)

    A control panel is a flat, often vertical, area where control or monitoring instruments are displayed.They are found in places such as nuclear power plants, ships, aircraft and mainframe computers....
    , functional feature or widget
    Widget (computing)

    In computer programming, a widget is an element of a graphical user interface that displays an information arrangement changeable by the user, such as a window or a text box....
    . This phase is often a collaborative effort between a graphic design
    Graphic design

    The term graphic design can refer to a number of artistic and professional disciplines which focus on visual communication and presentation. Various methods are used to create and combine symbols, images and/or words to create a visual representation of ideas and messages....
    er and a user interface designer, or handled by one who is proficient in both disciplines.
User interface design requires a good understanding of user needs.

See also

  • Cognitive dimensions
    Cognitive dimensions

    Cognitive dimensions or Cognitive dimensions of notations are design principles for notation#Written_Communications, user interfaces and Programming language theory, described by researcher Thomas R.G....
  • Elements of graphical user interfaces
    Elements of graphical user interfaces

    Graphical user interfaces, also known as GUIs, make it easier for people with little computer skills to work with and use computer software. It is a visual front to a piece of software that links the user to the internal workings of a computer, or piece of software....
  • Experience design
    Experience design

    Experience design is the practice of designing products, processes, services, events, and environments with a focus placed on the quality of the User experience design and culturally relevant solutions, with less emphasis placed on increasing and improving Function of the design....
  • User experience design
    User experience design

    User experience design is a subset of the field of experience design which pertains to the creation of the architecture and interaction models which impact a user's perception of a device or system....
  • Gameplay
    Gameplay

    Gameplay includes all player experiences during the interaction with game systems, especially formal games. Proper use is coupled with reference to "what the player does"....
  • Gender HCI
    Gender HCI

    Gender HCI is a subfield of human-computer interaction that focuses on the design and evaluation of interactive systems for humans, with emphasis on differences in how gender interact with computers....
  • Graphical user interface
    Graphical user interface

    A graphical user interface is a type of user interface which allows people to human-computer interaction such as computers; hand-held devices such as MP3 Players, Portable Media Players or Gaming devices; household appliances and office equipment....
  • Human-computer interaction
  • Human geography
    Human geography

    Human geography is a branch of geography that focuses on the study of patterns and processes that shape human interaction with the built environment, with particular reference to the causes and consequences of the Space#Geography of human activity on the Earth's surface....
  • Information architecture
    Information Architecture

    Information architecture is the art of expressing a model or concept of information used in activities that require explicit details of complex systems....
  • Interaction design
    Interaction design

    Interaction Design is the discipline of defining the behavior of products and systems that a user can interact with. The practice typically centers around complex technology systems such as Computer software, Handheld devices, and other electronic devices....
  • Interaction design pattern
    Interaction design pattern

    A design pattern is a formal way of documenting a solution to a common design problem. The idea was introduced by the architect Christopher Alexander for use in urban planning and building architecture, and has been adapted for various other disciplines, including teaching and pedagogy, development organization and process, and software architectu...
  • Interactivity
    Interactivity

    In the fields of information science, communication, and industrial design, there is debate over the meaning of Interactivity. In the "contingency view" of interactivity, there are three levels: Noninteractive, when a message is not related to previous messages; Reactive, when a message is related only to one immediately previous message; an...
  • Knowledge visualization
  • New interfaces for musical expression
    New Interfaces for Musical Expression

    New Interfaces for Musical Expression, also known as NIME, is dedicated to scientific research on the development of new technologies for musical expression and artistic performance....
  • Participatory design
    Participatory design

    Participatory design is an approach to design that attempts to actively involve the end users in the design process to help ensure that the product designed meets their needs and is usability....
  • Progressive disclosure
    Progressive disclosure

    Progressive disclosure is an interaction design technique often used in human computer interaction to help maintain the focus of a user's attention by reducing clutter, confusion, and cognitive workload....
  • Usability
    Usability

    Usability is a term used to denote the ease with which people can employ a particular tool or other human-made object in order to achieve a particular goal....
  • User-centered design
    User-centered design

    In broad terms, user-centered design is a design philosophy and a process in which the needs, wants, and limitations of the end user of an user interface or document are given extensive attention at each stage of the design process....
  • User interface
    User interface

    The user interface is the aggregate of means by which people—the User s—Interaction with the system—a particular machine, device, computer program or other complex tools....
  • Web design
    Web design

    Web Page design requires conceptualizing, planning, modeling, and executing electronic media content and its delivery via the Internet using technologies suitable for rendering and presentation by web browsers or other web-based graphical user interfaces ....


External links

  • Outlines IBM's design principles and guidelines, user experience design services, publications, and the ways you can contribute to the design of IBM's offerings.