User interface design - wikipedia User interface design The graphical user interface is presented ( displayed ) on the computer screen. It is the result of processed user input and usually the primary interface for human - machine interaction. The touch user interfaces popular on small mobile devices are an overlay of the visual output to the visual input. User interface design ( UI ) 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 experience. 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 ( user - centered design ). Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. Graphic design and typography are utilized to support its usability, influencing how the user performs certain interactions and improving the aesthetic appeal of the design ; design aesthetics may enhance or detract from the ability of users to use the functions of the interface. The design process must balance technical functionality and visual elements ( e.g., mental model ) to create a system that is not only operational but also usable and adaptable to changing user needs. 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 interactions yet also require some unique skills and knowledge. As a result, designers tend to specialize in certain types of projects and have skills centered on their expertise, whether that be software design, user research, web design, or industrial design. Contents 1 Processes 2 Requirements 3 Research 4 See also 5 References Processes Printable template for mobile and desktop app design ( pdf ). User interface design requires a good understanding of user needs. 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 website, application, or device. ) Functionality requirements gathering -- assembling a list of the functionality required by the system to accomplish the goals of the project and the potential needs of the users. User and task analysis -- a form of field research, it 's the analysis of the potential users of the system by studying how they perform the tasks that the design must support, and conducting interviews to elucidate their goals. Typical questions involve : What would the user want the system to do ? How would the system fit in with the user 's normal workflow 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 -- 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 wire - frames, either in the form of paper prototypes or simple interactive screens. These prototypes are stripped of all look & feel elements and most content in order to concentrate on the interface. Usability inspection -- letting an evaluator inspect a user interface. This is generally considered to be cheaper to implement than usability testing ( see step below ), and can be used early on in the development process since it can be used to evaluate prototypes or specifications for the system, which usually can not be tested on users. Some common usability inspection methods include cognitive walkthrough, which focuses the simplicity to accomplish tasks with the system for new users, heuristic evaluation, in which a set of heuristics are used to identify usability problems in the UI design, and pluralistic walkthrough, in which a selected group of people step through a task scenario and discuss usability issues. Usability testing -- testing of the prototypes on an actual user -- often using a technique called think aloud protocol where you ask the user to talk about their thoughts during the experience. User interface design testing allows the designer to understand the reception of the design from the viewer 's standpoint, and thus facilitates creating successful applications. Graphical user interface design -- actual look and feel design of the final graphical user interface ( GUI ). It may be based on the findings developed during the user research, and refined to fix any usability problems found through the results of testing. Depending on the type of interface being created, this process typically involves some computer programming in order to validate forms, establish links or perform a desired action. Software Maintenance - After the deployment of a new interface, occasional maintenance may be required to fix software bugs, change features, or completely upgrade the system. Once a decision is made to upgrade the interface, the legacy system will undergo another version of the design process, and will begin to repeat the stages of the interface life cycle. Requirements The dynamic characteristics of a system are described in terms of the dialogue requirements contained in seven principles of part 10 of the ergonomics standard, the ISO 9241. This standard establishes a framework of ergonomic `` principles '' for the dialogue techniques with high - level definitions and illustrative applications and examples of the principles. The principles of the dialogue represent the dynamic aspects of the interface and can be mostly regarded as the `` feel '' of the interface. The seven dialogue principles are : Suitability for the task : the dialogue is suitable for a task when it supports the user in the effective and efficient completion of the task. Self - descriptiveness : the dialogue is self - descriptive when each dialogue step is immediately comprehensible through feedback from the system or is explained to the user on request. Controllability : the dialogue is controllable when the user is able to initiate and control the direction and pace of the interaction until the point at which the goal has been met. Conformity with user expectations : the dialogue conforms with user expectations when it is consistent and corresponds to the user characteristics, such as task knowledge, education, experience, and to commonly accepted conventions. Error tolerance : the dialogue is error tolerant if despite evident errors in input, the intended result may be achieved with either no or minimal action by the user. Suitability for individualization : the dialogue is capable of individualization when the interface software can be modified to suit the task needs, individual preferences, and skills of the user. Suitability for learning : the dialogue is suitable for learning when it supports and guides the user in learning to use the system. The concept of usability is defined of the ISO 9241 standard by effectiveness, efficiency, and satisfaction of the user. Part 11 gives the following definition of usability : Usability is measured by the extent to which the intended goals of use of the overall system are achieved ( effectiveness ). The resources that have to be expended to achieve the intended goals ( efficiency ). The extent to which the user finds the overall system acceptable ( satisfaction ). Effectiveness, efficiency, and satisfaction can be seen as quality factors of usability. To evaluate these factors, they need to be decomposed into sub-factors, and finally, into usability measures. The information presentation is described in Part 12 of the ISO 9241 standard for the organization of information ( arrangement, alignment, grouping, labels, location ), for the display of graphical objects, and for the coding of information ( abbreviation, color, size, shape, visual cues ) by seven attributes. The `` attributes of presented information '' represent the static aspects of the interface and can be generally regarded as the `` look '' of the interface. The attributes are detailed in the recommendations given in the standard. Each of the recommendations supports one or more of the seven attributes. The seven presentation attributes are : Clarity : the information content is conveyed quickly and accurately. Discriminability : the displayed information can be distinguished accurately. Conciseness : users are not overloaded with extraneous information. Consistency : a unique design, conformity with user 's expectation. Detectability : the user 's attention is directed towards information required. Legibility : information is easy to read. Comprehensibility : the meaning is clearly understandable, unambiguous, interpretable, and recognizable. The user guidance in Part 13 of the ISO 9241 standard describes that the user guidance information should be readily distinguishable from other displayed information and should be specific for the current context of use. User guidance can be given by the following five means : Prompts indicating explicitly ( specific prompts ) or implicitly ( generic prompts ) that the system is available for input. Feedback informing about the user 's input timely, perceptible, and non-intrusive. Status information indicating the continuing state of the application, the system 's hardware and software components, and the user 's activities. Error management including error prevention, error correction, user support for error management, and error messages. On - line help for system - initiated and user initiated requests with specific information for the current context of use. Research User interface design has been a topic of considerable research, including on its aesthetics. Standards have been developed as far back as the 1980s for defining the usability of software products. One of the structural bases has become the IFIP user interface reference model. The model proposes four dimensions to structure the user interface : The input / output dimension ( the look ) The dialogue dimension ( the feel ) The technical or functional dimension ( the access to tools and services ) The organizational dimension ( the communication and co-operation support ) This model has greatly influenced the development of the international standard ISO 9241 describing the interface design requirements for usability. The desire to understand application - specific UI issues early in software development, even as an application was being developed, led to research on GUI rapid prototyping tools that might offer convincing simulations of how an actual application might behave in production use. Some of this research has shown that a wide variety of programming tasks for GUI - based software can, in fact, be specified through means other than writing program code. Research in recent years is strongly motivated by the increasing variety of devices that can, by virtue of Moore 's law, host very complex interfaces. Research has also been conducted on generating user interfaces automatically, to match a user 's level of ability for different levels of interaction. At the moment, in addition to traditional prototypes, the literature proposes new solutions, such as an experimental mixed prototype based on a configurable physical prototype that allow to achieve a complete sense of touch, thanks to the physical mock - up, and a realistic visual experience, thanks to the superimposition of the virtual interface on the physical prototype with Augmented Reality techniques. See also Design portal Chief experience officer ( CXO ) Cognitive dimensions Discoverability Experience design Gender HCI Graphical user interface Graphical user interface elements Human interface guidelines Human - computer interaction Icon design Information architecture Interaction design Interaction design pattern Interaction Flow Modeling Language ( IFML ) Interaction technique Knowledge visualization Mobile interaction Natural mapping ( interface design ) New Interfaces for Musical Expression Participatory design Principles of user interface design Process - centered design Progressive disclosure User experience design User interface User - centered design References Jump up ^ Norman, D.A. ( 2002 ). `` Emotion & Design : Attractive things work better ''. Interactions Magazine, ix ( 4 ). pp. 36 -- 42. Retrieved 20 April 2014. Jump up ^ Wolf, Lauren ( 23 May 2012 ). `` 6 Tips for Designing an Optimal User Interface for Your Digital Event ''. INXPO. Archived from the original on 16 June 2013. Retrieved 22 May 2013. CS1 maint : BOT : original - url status unknown ( link ) Jump up ^ Ann Blandford. `` Semi-structured qualitative studies ''. The Encyclopedia of Human - Computer Interaction, 2nd Ed. Interaction Design Foundation. Retrieved 20 April 2014. Jump up ^ Karen Holtzblatt and Hugh R. Beyer. `` Contextual design ''. The Encyclopedia of Human - Computer Interaction, 2nd Ed. Interaction Design Foundation. Retrieved 20 April 2014. Jump up ^ Martin Fowler. `` Forms and control ''. GUI architecture. thoughtworks publication. Retrieved 20 February 2017. Jump up ^ `` 8 Stages in an HL7 Interface Lifecycle - Caristix ''. Caristix. 2010 - 10 - 05. Retrieved 2017 - 03 - 01. Jump up ^ `` The role of context in perceptions of the aesthetics of web pages over time ''. International Journal of Human -- Computer Studies. 2009 - 01 - 05. Retrieved 2009 - 04 - 02. Jump up ^ `` The HUMANOID model of interface design ''. Proceedings CHI'92. 1992. Jump up ^ `` Creating user interfaces using programming by example, visual programming, and constraints ''. ACM. 1990 - 04 - 11. Retrieved 2009 - 04 - 02. Jump up ^ `` Past, present, and future of user interface software tools ''. ACM. 2000 - 03 - 01. Retrieved 2009 - 04 - 02. Jump up ^ `` SUPPLE : Automatically Generating Personalized User Interfaces ''. Intelligent Interactive Systems Group ( website ). Harvard University. 2007 - 05 - 07. Retrieved 2010 - 07 - 07. Jump up ^ `` Mixed prototyping with configurable physical archetype for usability evaluation of product interfaces ''. Computers in Industry. 64 ( 3 ). April 2013. doi : 10.1016 / j. compind. 2012.11. 010. Design Outline Portal Designer Disciplines Communication design Advertising Book design Corporate design Exhibit design Film title design Graphic design Motion Postage stamp design Print design Illustration Information design Instructional design News design Photography Retail design Signage / Traffic sign design Typography / Type design Video design Visual merchandising Environmental design Architecture Architectural lighting design Building design Passive solar Ecological design Environmental impact design Garden design Computer - aided Healthy community design Hotel design Interior architecture Interior design EID Keyline design Landscape architecture Sustainable Landscape design Spatial design Urban design Industrial design Automotive design Automotive suspension design CMF design Corrugated box design Electric guitar design Furniture design Sustainable Hardware interface design Motorcycle design Packaging and labeling Photographic lens design Product design Production design Sensory design Service design Interaction design Experience design EED Game design Level design Video game design Hardware interface design Icon design Immersive design Information design Sonic interaction design User experience design User interface design Web design Other applied arts Public art design Ceramic / glass design Fashion design Costume design Jewelry design Floral design Game art design Property design Scenic design Sound design Stage / set lighting design Textile design Other design & engineering Algorithm design Boiler design Conceptual design Database design Drug design Electrical system design Experimental design Filter design Job design Integrated circuit design Circuit design Physical design Power network design Mechanism design Nuclear weapon design Nucleic acid design Organization design Process design Processor design Protein design Research design Social design Software design Spacecraft design Strategic design Systems design Approaches Activity - centered Adaptive web Affective Brainstorming By committee By contract C-K theory Closure Co-design Concept - oriented Contextual Continuous Cradle - to - cradle Creative problem - solving Creativity techniques Critical Design fiction Defensive Design -- bid -- build Design -- build architect - led Domain - driven Ecodesign Energy neutral Engineering design process Probabilistic design Error - tolerant Fault - tolerant Framework - oriented For assembly For behaviour change For manufacturability For Six Sigma For testing For X Functional Generative Geodesign High - level Integrated Integrated topside Intelligence - based Iterative KISS principle Low - level Metadesign Mind mapping Modular New Wave Object - oriented Open Parametric Participatory Platform - based Policy - based Process - centered Public interest Rational Regenerative Reliability engineering Research - based Responsibility - driven RWD Safe - life Sustainable Systemic SOD Tableless web Theory of constraints Top - down and bottom - up Transformation Transgenerational TRIZ Universal Design for All Usage - centered Use - centered User - centered Empathic User innovation Value - driven Value sensitive Privacy by Design choice computing controls flow leadership management marker methods pattern research science strategy theory thinking Tools Intellectual property Organizations Awards Tools AAD Architectural model Blueprint Comprehensive layout CAD CAID Virtual home design software CAutoD Design quality indicator Electronic design automation Flowchart Mockup Product design specification Prototype Sketch Storyboard Technical drawing Web design program Website wireframe Intellectual property Community design Design around Design patent Fashion design copyright Geschmacksmuster Industrial design rights European Union Organizations AIGA Chartered Society of Designers Design and Industries Association Design Council International Forum Design The Design Society Design Research Society Awards European Design Award German Design Award Good Design Award ( Chicago ) Good Design Award ( Japan ) Graphex IF product design award James Dyson Award Prince Philip Designers Prize Related topics Aesthetics Agile Concept art Creative industries Cultural icon. design Enterprise architecture Futures studies Innovation Management Intelligent design Lean Startup New product development OODA Loop Philosophy of design Process simulation Slow design STEAM fields Unintelligent design Visualization Wicked problem Design brief change classic director education elements and principles engineer firm history knowledge language life load museum paradigm rationale review specification studio technology Commons Wikibooks Wikinews Wikiquote Wikisource Wiktionary Retrieved from `` https://en.wikipedia.org/w/index.php?title=User_interface_design&oldid=849010505 '' Categories : Usability User interfaces Graphic design Industrial design Information architecture Hidden categories : CS1 maint : BOT : original - url status unknown Talk Contents Interaction About Wikipedia Tools Deutsch Eesti Español فارسی 한국어 Bahasa Indonesia Íslenska Italiano 日本 語 Português Türkçe Українська 中文 5 more Edit links This page was last edited on 5 July 2018, at 21 : 40 ( UTC ). Text is available under the Creative Commons Attribution - ShareAlike License ; additional terms may apply. By using this site, you agree to the Terms of Use and Privacy Policy. Wikipedia ® is a registered trademark of the Wikimedia Foundation, Inc., a non-profit organization. About Wikipedia

Question: designing the correct elements for the tasks that the user is trying to perform is called
Answer: User interface design (UI)