肠胃胀气吃什么药| 刘邦的老婆叫什么名字| 什么是资本家| 车代表什么生肖| 晚上睡觉腿酸难受是什么原因| 高血压高血脂不能吃什么| 梦见西红柿什么意思| 拔火罐起水泡是什么原因| 3e是什么意思| 一直干咳是什么原因| 明年生肖是什么| 吉林有什么特产| 6月25日是什么星座| 什么降压药副作用小且效果最好| 肾积水吃什么药| 去三亚需要什么证件| 性病都有什么| 更年期什么年龄开始| 花生和什么不能一起吃| 梦见洗车是什么意思| 双减是什么意思| 肠易激综合征是什么病| 阑尾炎输液输什么药| 流年花开讲的什么| 上午10点是什么时辰| 棒棒糖是什么意思| 益字五行属什么| 双皮奶为什么叫双皮奶| 什么是音程| 蟑螂中药名称叫什么| 气球是什么意思| 猫眼石是什么材质| 湿疣是什么病| 刮痧和拔罐有什么区别| 头疼喝什么药| 躯体化障碍是什么病| 小儿肠胃炎吃什么药| 八月17号是什么星座的| 咽喉发炎吃什么药| 左侧肋骨下面是什么器官| 把你的心我的心串一串是什么歌| 妇科检查清洁度二度是什么意思| 233什么意思| 身陷囹圄是什么意思| 电场是什么| 牙龈流血是什么原因| 眼皮浮肿什么原因| 多梦睡眠质量不好是什么原因| 怎么知道自己适合什么发型| 梦见不干净的东西代表什么| 脑梗什么不能吃| 草字头内念什么| 老匹夫是什么意思| 梦见老公不理我是什么意思| 免疫力差吃什么| 右肺上叶钙化灶是什么意思| 苦瓜汤为什么要放黄豆| 宝宝什么时候添加辅食最好| 什么是卧蚕| sss是什么意思| 胆红素是什么意思| 小巧思什么意思| 梦见找孩子什么预兆| 心率早搏是什么意思| 朱元璋为什么杀蓝玉| 立夏有什么习俗| 女人梦到被蛇咬是什么意思| reebok是什么牌子| 梦见摘果子是什么意思| 冷落是什么意思| 吃什么可以修复子宫内膜| 62岁属什么生肖| 口苦是什么病| 黄褐斑内调吃什么中药| 头痛反胃想吐什么原因| 毛泽东属相是什么| 更年期什么年龄开始| 身上痒吃什么药| 为什么第一次进不去| 心存芥蒂是什么意思| 高铁座位为什么没有e座| 什么是抽动症| 没事找事是什么意思| 垂体瘤是什么| 双子座后面是什么星座| 胃疼做什么检查| 血压不稳定是什么原因| 9月19号什么星座| 蛇形分班是什么意思| 猴与什么属相相配最好| la什么牌子| 肝有钙化灶是什么意思| k金是什么意思| 胃胀打嗝吃什么药最好| 网约车是什么意思| 什么叫血氧| 天津有什么好玩的地方| 钟点房什么意思| 纯钛对人体有什么好处| 女人熬夜吃什么抗衰老| 梦见悬崖峭壁是什么意思| 梦见自己流产了是什么征兆| 大面积杀跳蚤用什么药| 什么的爬| 闲的蛋疼是什么意思| 有什么好听的歌曲| 痔疮吃什么消炎药好得快| 煞星是什么意思| cnd是什么意思| 神经性皮炎用什么药| 孔雀男是什么意思| 心季是什么原因| 手没有力气是什么原因| 鸡内金有什么功效| 11月份什么星座| 经产妇是什么意思| 12月7号什么星座| 自律性是什么意思| 牙齿发酸是什么原因| 豚是什么意思| 什么人容易得白塞氏病| 哈库呐玛塔塔什么意思| 迷恋一个人说明什么| 12年一个轮回叫什么| 嘴发酸是什么原因引起| 11点半是什么时辰| 高铁与动车有什么区别| 大寒是什么意思| 甲亢是什么原因导致的| 爬山需要准备什么东西| 憋是什么意思| 巫是什么意思| 左侧上颌窦炎是什么病| 单侧耳鸣是什么原因引起的| 欲言又止下一句是什么| a型rhd阳性是什么意思| 尿不干净有余尿是什么原因| 失心是什么字| 什么是割包皮| 女人梦见鬼是什么征兆| 茄子炒什么好吃又简单| 金屋藏娇是什么意思| 覆盆子是什么东西| 10月11号是什么星座| 口舌是非是什么意思| 什么是职业道德| 高寿是什么意思| 什么是有氧运动包括哪些| 身体皮肤痒是什么原因| 心电图是什么科室| 下午六点是什么时辰| 肺与大肠相表里是什么意思| 胃凉是什么原因| 诞辰是什么意思| 扁桃体发炎吃什么药效果最好| 什么是邪淫| 鸡吃什么食物| 杏鲍菇不能和什么一起吃| 为什么不能指彩虹| 十全十美指什么生肖| 发烧了吃什么药| 狗尾巴草的花语是什么| 手腕三条纹代表什么| 早晨起床手肿胀是什么原因| 红色加绿色是什么颜色| 胃糜烂吃什么药效果好| 补脾吃什么好| 大德是什么意思| 手掌红什么原因| 稚嫩是什么意思| 表头是什么| 什么茶有助于睡眠| 脚干裂用什么药膏| 非常的近义词是什么| 汉尼拔什么意思| 马失前蹄下一句是什么| 孩子流黄鼻涕是什么原因| 男性尿道痒吃什么药| 人比黄花瘦是什么意思| 特步属于什么档次| 天秤座什么象星座| 送奶奶什么礼物好| 大便秘结是什么原因| 为什么医院不用咳特灵| 中性粒细胞比率偏低是什么意思| 什么的船只| 帝王蟹什么季节吃最好| 右手中指指尖麻木是什么原因| 眉骨疼是什么原因| 为什么一同房就有炎症| 冷战的男人是什么心理| 痛风能吃什么菜谱大全| 打完升白针有什么反应| 1月25日是什么星座| 什么食物含蛋白质高| 月经稀发是什么意思| 为什么今年有两个6月| 鼻窦炎有什么特效药| 狡黠什么意思| 三七有什么功效| 吃五谷杂粮有什么好处| 喝什么水减肥最快| 什么叫便溏| 工商联是什么单位| 甲状腺结节是什么| 检查甲亢挂什么科| 肉身成圣是什么意思| 慢性心肌炎有什么症状| 胃病吃什么水果好| 荷花代表什么象征意义| 三伏天晒背有什么好处| 中医讲肾主什么| 子宫内膜息肉有什么症状| 心里发慌什么原因| 耳浴是什么意思| 萎缩性胃炎可以吃什么水果| 泾渭分明是什么意思| 疯狂动物城树懒叫什么| 喝中药不能吃什么| 植物园里有什么| 下腹隐隐作痛什么原因| 1960年是什么年| 长期过敏是什么原因| 什么茶叶好喝| 风调雨顺的下联是什么| 7月份可以种什么菜| 农历六月初六是什么星座| 来事吃什么水果好| dr是什么检查| bnp是什么检查| 农村什么赚钱| 吃什么助消化| 告诉我们什么道理| 天天吹空调有什么危害| 什么花走着开| 缘分使然是什么意思| 肠化什么意思| 马蜂窝能治什么病| 皇协军是什么意思| 潘多拉魔盒是什么意思| 蝙蝠屎是什么中药| 吃什么水果对肝好| 孙悟空是个什么样的人| ts是什么品牌| 小河边有什么| 貂蝉姓什么| 桃花是什么颜色| 795是什么意思| 纬字五行属什么| 翘首企盼是什么意思| 登革热是什么| 1号来月经什么时候是排卵期| 亚硝酸钠是什么东西| 什么牌子的冰箱好用又省电| 单活胎是什么意思| 包子有什么馅的| 结膜炎用什么眼药水效果好| 1r是什么意思| in77是什么意思| 维生素b2吃多了有什么副作用| 什么军官可以随身配枪| 酸奶什么时候喝好| 仙居杨梅什么时候上市| 拉肚子发烧吃什么药| 百度Jump to content

捷克一对母女洗桑拿时被闷死 事件将按程序进行尸检

From Wikipedia, the free encyclopedia
(Redirected from 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 (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 experience. In computer or software design, user interface (UI) design primarily focuses on information architecture. It is the process of building interfaces that clearly communicate to the user what's important. UI design refers to graphical user interfaces and other forms of interface design. 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). User-centered design is typically accomplished through the execution of modern design thinking which involves empathizing with the target audience, defining a problem statement, ideating potential solutions, prototyping wireframes, and testing prototypes in order to refine final interface mockups.

User interfaces are the points of interaction between users and designs.

Three types of user interfaces

[edit]
Graphical user interfaces (GUIs)
Users interact with visual representations on a computer's screen. The desktop is an example of a GUI.
Interfaces controlled through voice
Users interact with these through their voices. Most smart assistants, such as Siri on smartphones or Alexa on Amazon devices, use voice control.
Interactive interfaces utilizing gestures
Users interact with 3D design environments through their bodies, e.g., in virtual reality (VR) games.

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 it is software design, user research, web design, or industrial 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.[1] 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.

UI design vs. UX design

[edit]

Compared to UX design, UI design is more about the surface and overall look of a design. User interface design is a craft in which designers perform an important function in creating the user experience. UI design should keep users informed about what is happening, giving appropriate feedback in a timely manner. The visual look and feel of UI design sets the tone for the user experience.[2] On the other hand, the term UX design refers to the entire process of creating a user experience.

Don Norman and Jakob Nielsen said:

It's important to distinguish the total user experience from the user interface (UI), even though the UI is obviously an extremely important part of the design. As an example, consider a website with movie reviews. Even if the UI for finding a film is perfect, the UX will be poor for a user who wants information about a small independent release if the underlying database only contains movies from the major studios.[3]

Design thinking

[edit]
Printable template for mobile and desktop app design (PDF)

User interface design requires a good understanding of user needs. It mainly focuses on the needs of the platform and its user expectations. There are several phases and processes in the user interface design, some of which are more demanded upon than others, depending on the project.[4] The modern design thinking framework was created in 2004 by David M. Kelley, the founder of Stanford’s d.school, formally known as the Hasso Plattner Institute of Design.[5] EDIPT is a common acronym used to describe Kelley’s design thinking framework—it stands for empathize, define, ideate, prototype, and test.[6] Notably, the EDIPT framework is non-linear, therefore a UI designer may jump from one stage to another when developing a user-centric solution. Iteration is a common practice in the design thinking process; successful solutions often require testing and tweaking to ensure that the product fulfills user needs.[7]

EDIPT

[edit]
Empathize
Conducting user research to better understand the needs and pain points of the target audience. UI designers should avoid developing solutions based on personal beliefs and instead seek to understand the unique perspectives of various users. Qualitative data is often gathered in the form of semi-structured interviews.[8]

Common areas of interest include:

  • 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 aesthetics and functionalities styles appeal to the user?
Define
Solidifying a problem statement that focuses on user needs and desires; effective problem statements are typically one sentence long and include the user, their specific need, and their desired outcome or goal.
Ideate
Brainstorming potential solutions to address the refined problem statement. The proposed solutions should ideally align with the stakeholders' feasibility and viability criteria while maintaining user desirability standards.
Prototype
Designing potential solutions of varying fidelity (low, mid, and high) while applying user experience principles and methodologies. Prototyping is an iterative process where UI designers should explore multiple design solutions rather than settling on the initial concept.
Test
Presenting the prototypes to the target audience to gather feedback and gain insights for improvement. Based on the results, UI designers may need to revisit earlier stages of the design process to enhance the prototype and user experience.

Usability testing

[edit]

The Nielsen Norman Group, co-founded by Jakob Nielsen and Don Norman in 1998, promotes user experience and interface design education. Jakob Nielsen pioneered the interface usability movement and created the "10 Usability Heuristics for User Interface Design."[9] Usability is aimed at defining an interface’s quality when considering ease of use; an interface with low usability will burden a user and hinder them from achieving their goals, resulting in the dismissal of the interface. To enhance usability, user experience researchers may conduct usability testing—a process that evaluates how users interact with an interface. Usability testing can provide insight into user pain points by illustrating how efficiently a user can complete a task without error, highlighting areas for design improvement.[10]

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 cannot 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 the user is asked 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.

Requirements

[edit]
Updated Wikipedia desktop interface sketch for Wikimania poster

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.

Seven dialogue principles

[edit]
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 presented 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, colour, 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.

Seven presentation attributes

[edit]
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.

Usability

[edit]

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

[edit]

User interface design has been a topic of considerable research, including on its aesthetics.[11] 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.[12] 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.[13]

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.[14]

See also

[edit]

References

[edit]
  1. ^ Norman, D. A. (2002). "Emotion & Design: Attractive things work better". Interactions Magazine, ix (4). pp. 36–42. Archived from the original on Mar 28, 2019. Retrieved 20 April 2014 – via jnd.org.
  2. ^ Roth, Robert E. (April 17, 2017). "User Interface and User Experience (UI/UX) Design". Geographic Information Science & Technology Body of Knowledge. 2017 (Q2). doi:10.22224/gistbok/2017.2.5.
  3. ^ "The Definition of User Experience (UX)". Nielsen Norman Group. Retrieved 13 February 2022.
  4. ^ 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.
  5. ^ Dam, Rikke Friis; Siang, Teo Yu (2025-08-06). "The History of Design Thinking". The Interaction Design Foundation. Retrieved 2025-08-06.
  6. ^ "The Stanford Design Thinking Process – Make:Iterate". 2025-08-06. Retrieved 2025-08-06.
  7. ^ Dam, Rikke Friis (2025-08-06). "The 5 Stages in the Design Thinking Process". The Interaction Design Foundation. Retrieved 2025-08-06.
  8. ^ Ann Blandford. "Semi-structured qualitative studies". The Encyclopedia of Human-Computer Interaction, 2nd Ed. Interaction Design Foundation. Retrieved 20 April 2014.
  9. ^ "10 Usability Heuristics for User Interface Design". Nielsen Norman Group. Retrieved 2025-08-06.
  10. ^ "Usability 101: Introduction to Usability". Nielsen Norman Group. Retrieved 2025-08-06.
  11. ^ "The role of context in perceptions of the aesthetics of web pages over time". International Journal of Human–Computer Studies. 2025-08-06. Retrieved 2025-08-06.
  12. ^ "The HUMANOID model of interface design". Proceedings CHI'92. 1992.
  13. ^ "Creating user interfaces using programming by example, visual programming, and constraints". ACM. 2025-08-06. Retrieved 2025-08-06.
  14. ^ "Past, present, and future of user interface software tools". ACM. 2025-08-06. Retrieved 2025-08-06.
解酒吃什么药 什么是暗网 电焊打眼睛用什么眼药水 脚痒用什么药膏最有效 椎管狭窄吃什么药
入党有什么好处 线束厂是做什么的 什么药治脂肪肝 三冬是什么意思 打胰岛素有什么副作用
1月15号是什么星座 肝气犯胃吃什么中成药 中国最贵的烟是什么烟 什么的花灯 白肉是指什么肉
吃什么补肾益精 计算机二级什么时候查成绩 七寸是什么意思 副高相当于什么级别 宫外孕是什么
免疫力是什么意思hcv7jop5ns4r.cn 背痛去医院挂什么科hcv8jop3ns0r.cn 大爷是什么意思xinmaowt.com 朱元璋什么星座hcv8jop0ns7r.cn 摧残是什么意思clwhiglsz.com
站久了脚后跟疼是什么原因hcv8jop8ns6r.cn 弱冠之年是什么意思hcv9jop1ns2r.cn 血池是什么意思hcv8jop7ns5r.cn 奶嚼口是什么hcv9jop0ns8r.cn 梦见照相是什么意思hcv8jop2ns3r.cn
什么情况下吃速效救心丸hcv7jop4ns8r.cn 2010属什么生肖hkuteam.com 肉丝炒什么菜好吃gangsutong.com 肩胛骨疼痛是什么原因hcv9jop3ns4r.cn lcu是什么意思hcv9jop7ns1r.cn
头皮屑多是什么原因怎么去除hcv9jop2ns6r.cn 后背发痒是什么原因hcv8jop9ns7r.cn 六月十一号是什么星座hcv9jop5ns3r.cn 1919年发生了什么1949doufunao.com 人身体缺钾是什么症状hcv8jop5ns4r.cn
百度