用户界面设计

图形用户界面在计算机屏幕上显示(显示)。这是处理后用户输入的结果,通常是人机相互作用的主要接口。在小型移动设备上流行的触摸用户界面是视觉输入的视觉输出的覆盖层。

用户界面(UI)设计用户界面工程计算机软件用户界面设计,例如计算机家用电器移动设备和其他电子设备,重点是最大化可用性用户体验。在计算机或软件设计中,用户界面(UI)设计主要关注信息体系结构。这是构建界面的过程,可以清楚地与用户通信重要的事情。 UI设计是指图形用户界面和其他形式的接口设计。用户界面设计的目标是使用户的交互作用尽可能简单有效,以实现用户目标(以用户为中心的设计)。

用户界面是用户和设计之间的交互点。有三种类型:

  • 图形用户界面(GUI) - 用户在计算机屏幕上与视觉表示相互作用。桌面是GUI的一个例子。
  • 通过语音控制的接口 - 用户通过声音与这些界面进行交互。大多数智能助手,例如智能手机上的Siri或Amazon设备上的Alexa,都使用语音控制。
  • 使用手势的交互式接口 - 用户通过其身体与3D设计环境进行交互,例如在虚拟现实(VR)游戏中。

界面设计参与了从计算机系统到汽车到商业飞机的广泛项目;所有这些项目都涉及许多相同的基本人类互动,但也需要一些独特的技能和知识。结果,设计师倾向于专门研究某些类型的项目,并且具有以其专业知识为中心的技能,无论是软件设计,用户研究,网络设计还是工业设计

良好的用户界面设计有助于完成手头的任务,而无需引起不必要的关注。图形设计版式用于支持其可用性,影响用户如何执行某些交互并改善设计的美学吸引力;设计美学可能会增强或损害用户使用界面功能的能力。设计过程必须平衡技术功能和视觉元素(例如心理模型),以创建一个不仅可以运行的系统,而且还可以适应不断变化的用户需求。

与UX设计相比

UX设计相比,UI设计更多地是关于设计的表面和整体外观。用户界面设计是设计师在创建用户体验方面执行重要功能的工艺。 UI设计应使用户了解正在发生的事情,并及时提供适当的反馈。 UI设计的视觉外观和感觉为用户体验设定了基调。另一方面,UX设计一词是指创建用户体验的整个过程。

唐·诺曼(Don Norman)雅各布·尼尔森(Jakob Nielsen)说:

即使UI显然是设计中极为重要的部分,也必须将总用户体验与用户界面(UI)区分开来很重要。例如,考虑一个带有电影评论的网站。即使查找电影的UI非常完美,如果底层数据库仅包含主要工作室的电影,则用户对于想要有关小型独立版本的用户的用户也很差。

过程

移动和桌面应用程序设计( PDF )的可打印模板

用户界面设计需要很好地了解用户需求。它主要关注平台及其用户期望的需求。用户界面设计中有几个阶段和流程,其中一些比其他阶段和过程更需要,具体取决于项目。 (注意:在本节的其余部分中,单词系统用于表示任何项目,无论是网站应用程序还是设备。)

  • 功能要求收集 - 组装系统所需的功能列表,以实现项目的目标以及用户的潜在需求。
  • 用户任务分析- 一种现场研究的一种形式,是通过研究如何执行设计必须支持的任务并进行访谈以阐明其目标来分析系统的潜在用户。典型的问题涉及:
    • 用户希望系统做什么?
    • 该系统如何适应用户的正常工作流程或日常活动?
    • 用户在技术上有多精明,用户已经使用了哪些类似的系统?
    • 哪些界面外观和感觉样式对用户具有吸引力?
  • 信息体系结构- 系统的开发和/或信息流的开发(即电话树系统,这将是一个选项树流程图,对于网站,这将是显示页面层次结构的站点流)。
  • 原型制作 -电源框架的开发,以纸张原型的形式或简单的交互式屏幕的形式。这些原型被剥夺了所有外观和感觉元素和大多数内容,以便集中在界面上。
  • 可用性检查 - 让评估器检查用户界面。通常认为这要比可用性测试便宜(请参见下面的步骤),并且可以在开发过程中尽早使用,因为它可用于评估系统的原型或规格,而该系统通常无法在用户上进行测试。一些常见的可用性检查方法包括认知演练,这重点是简单性,可以使用新用户的系统完成任务,启发式评估,其中使用了一组启发式方法来识别UI设计中的可用性问题,以及多元化的漫步,在该过程中,该问题是一个启发式问题选定的人跨越任务方案并讨论可用性问题。
  • 可用性测试- 对实际用户的原型测试 - 通常使用一种称为Think Aver Andoptim的技术,您要求用户在体验中谈论他们的想法。用户界面设计测试使设计人员可以从观看者的角度了解设计的接收,从而有助于创建成功的应用程序。
  • 图形用户界面设计 - 最终图形用户界面(GUI)的实际外观和感觉设计。这些是设计的控制面板和面孔;语音控制的接口涉及口头审计互动,而基于手势的界面用户通过身体运动与3D设计空间接触。它可能基于用户研究期间开发的发现,并精制以解决通过测试结果发现的任何可用性问题。根据创建的接口类型,此过程通常涉及一些计算机编程,以验证表单,建立链接或执行所需的操作。
  • 软件维护- 部署新接口后,可能需要偶尔维护来修复软件错误,更改功能或完全升级系统。一旦做出升级界面的决定,旧系统将经历另一个版本的设计过程,并将开始重复接口生命周期的阶段。

要求

系统的动态特征是根据人体工程学标准第10部分(ISO 9241)第10部分中包含的对话要求描述的。该标准为对话技术建立了一个具有高级定义和说明性应用和原则示例的对话技术的符合人体工程学的“原则”框架。对话的原理代表界面的动态方面,并且可以被视为界面的“感觉”。

七个对话原则是:

  • 对任务的适用性:对话适用于任务,当它支持用户有效地完成任务时。
  • 自我描述性:当每个对话步骤通过系统反馈立即理解或应要求向用户解释时,对话是自我描述的。
  • 可控性:当用户能够启动和控制交互的方向和节奏直到达到目标的点时,对话是可控制的。
  • 符合用户期望:对话在一致时符合用户期望,并且与用户特征相对应,例如任务知识,教育,经验以及普遍接受的约定。
  • 错误公差:如果输入中有明显的错误,则对话是误解的,但用户可以通过NO或最少的操作实现预期的结果。
  • 个性化的适用性:可以修改接口软件以满足用户的任务需求,个人喜好和技能时,对话能够个性化。
  • 学习的适用性:对话适合在支持并指导用户学习使用系统时学习。

可用性的概念由用户的有效性,效率和满意度定义为ISO 9241标准。

第11部分给出以下可用性的定义:

  • 可用性是通过实现整体系统使用的预期目标(有效性)来衡量的。
  • 必须花费的资源以实现预期的目标(效率)。
  • 用户找到可接受的整体系统的程度(满意度)。

有效性,效率和满意度可以看作是可用性的质量因素。为了评估这些因素,需要将它们分解为子因素,最后分解为可用性措施。

提供的信息在ISO 9241标准的第12部分中描述了信息组织(安排,对齐,分组,标签,位置),用于显示图形对像以及信息编码(缩写,颜色,大小,大小,大小,尺寸,大小)形状,视觉提示)由七个属性。 “呈现信息的属性”代表接口的静态方面,通常被视为接口的“外观”。标准中给出的建议中详细介绍了属性。每个建议都支持七个属性中的一个或多个。

七个演示属性是:

  • 清晰度:信息内容可以快速准确地传达。
  • 可区分性:可以准确区分显示的信息。
  • 简洁:用户不会超过外加信息。
  • 一致性:独特的设计,符合用户的期望。
  • 可检测性:用户的注意力是指向所需信息。
  • 可读性:信息易于阅读。
  • 可理解性:含义是可以理解的,明确的,解释和可识别的。

ISO 9241标准的第13部分中的用户指南描述了用户指南信息应易于与其他显示的信息区分开,并且应针对当前使用的使用情况。

用户指导可以通过以下五种方式给出:

  • 提示明确指示系统可用于输入的系统或隐式(通用提示)。
  • 反馈信息及时,可感知且无侵入性的输入。
  • 状态信息表示应用程序的持续状态,系统的硬件和软件组件以及用户的活动。
  • 错误管理,包括预防错误,错误纠正,用户支持错误管理以及错误消息。
  • 在线启动和用户启动的请求的在线帮助,并提供特定信息,以供当前使用的上下文。

研究

用户界面设计一直是大量研究的话题,包括其美学。标准已建立在1980年代,用于定义软件产品的可用性。结构基础之一已成为IFIP用户界面参考模型。

该模型提出了四个维度来构建用户界面:

  • 输入/输出维度(外观)
  • 对话维度(感觉)
  • 技术或功能维度(对工具和服务的访问)
  • 组织维度(沟通和合作支持)

该模型极大地影响了国际标准ISO 9241的开发,描述了可用性的接口设计要求。即使开发了应用程序,也渴望在软件开发中了解特定于应用程序的UI问题,这引发了对GUI快速原型制作工具的研究,这些工具可能会提供令人信服的模拟,以了解实际应用在生产使用中的表现。这项研究中的某些研究表明,实际上,可以通过编写程序代码来指定基于GUI的软件的各种编程任务。

近年来的研究是由越来越多的设备越来越强的动机,这些设备可以借助摩尔定律主持非常复杂的界面。

也可以看看