用户界面

更新时间:2024-09-16 13:08

用户界面(User Interface)是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。

定义

用户界面(User Interface,简称UI,亦称使用者界面)是系统和用户之间进行交互和信息交换的媒介,它实现信息的内部形式与人类可以接受形式之间的转换。

用户界面是介于用户与硬件之间,为彼此之间交互沟通而设计的相关软件,使得用户能够方便有效地去操作硬件以达成双向之交互,完成所希望的工作,用户界面定义广泛,包含了人机交互与图形用户界面,凡参与人类与机械的信息交流的领域都存在着用户界面。

用户和系统之间一般用面向问题的受限自然语言进行交互。目前有系统开始利用多媒体技术开发新一代的用户界面。

特点

软件设计可分为两个部分:编码设计与UI设计。编码设计大家都很熟悉,但是UI设计还是一个很陌生的词,即使一些专门从事网站与多媒体设计的人也不完全理解UI的意思。UI的本意是用户界面,是英文User和 interface的缩写。从字面上看是用户界面2个组成部分,但实际上还包括用户与界面之间的交互关系。

界面设计,在漫长的软件发展中,界面设计工作一直没有被重视起来。做界面设计的人也被贬义的称为“美工”。其实软件界面设计就像工业产品中的工业造型设计一样,是产品的重要买点。一个友好美观的界面会给人带来舒适的视觉享受,拉近人与电脑的距离,为商家创造卖点。界面设计不是单纯的美术绘画,他需要定位使用者、使用环境、使用方式并且为最终用户而设计,是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果,而是最终用户的感受。所以界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。

在人和机器的互动过程(Human Machine Interaction)中,有一个层面,即我们所说的界面(interface)。从心理学意义来分,界面可分为感觉(视觉、触觉、听觉等)和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程,认知心理学设计学语言学等在此都扮演着重要的角色。用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。

电子计算机系统中实现用户与计算机信息交换的软件、硬件部分。软件部分包括用户与计算机信息交换的约定、操作命令等处理软件,硬件部分包括输入装置和输出装置。目前常用的是图形用户界面,它采用多窗口系统,显示直接形象,操作简便。也叫人机界面。简称界面

应用

iPhone OS的用户界面的概念基础上是能够使用多点触控直接操作。控制方法包括滑动,轻触开关及按键。与系统互动包括滑动(swiping),轻按(tapping),挤压(pinching)及旋转(reverse pinching)。此外,通过其内置的加速器,可以令其旋转装置改变其y轴以令屏幕改变方向,这样的设计令iPhone更便于使用。

屏幕的下方有一个home按键,底部则是dock,有四个用户最经常使用的程序的图标被固定在dock上。屏幕上方有一个状态栏能显示一些有关数据,如时间﹑电池电量和信号强度等。其余的屏幕用于显示当前的应用程序。启动iPhone应用程序的唯一方法就是在当前屏幕上点击该程序的图标,退出程序则是按下屏幕下方的home键。在第三方软件退出后,它直接就被关闭了,但在即将到来的iPhone 3.0版本中,当第三方软件收到了新的信息时,苹果公司的服务器将把这些通知推送至iPhone或iPod Touch上(不管它是否正在运行中)。在iPhone上,许多应用程序之间都是有联系的,这样,不同的应用程序能够分享同一个信息(如当你收到了包括一个电话号码的短信息时,你可以选择是将这个电话号码存为联络人或是直接选择这个号码打一通电话)。

岗位

UI设计从工作内容上来说分为3个方向。图 它主要是由UI 研究的3个因素决定的, 其分别是研究工具,研究人与界面的关系,研究人。

研究界面----图形设计师Graphic UI designer

国内目前大部分UI工作者都是从事这个行业。也有人称之为美工,但实际上不是单纯意义上的美术工人,而是软件产品的产品外形设计师。

这些设计师大多是美术院校毕业的,其中大部分是有美术设计教育背景,例如工业外形设计,装潢设计,信息多媒体设计等。研究人与界面的关系---交互设计师,interaction designer

在图形界面产生之前,长期以来UI设计师就是指交互设计师交互设计师的工作内容就是设计软件的操作流程,树状结构,软件的结构与操作规范(spec)等。一个软件产品在编码之前需要作的就是交互设计,并且确立交互模型,交互规范。

交互设计师一般都是软件工程师背景居多。

研究人----用户测试/研究工程师User experience engineer

任何的产品为了保证质量都需要测试,软件的编码需要测试,自然UI设计也需要被测试。这个测试和编码没有任何关系,主要是测试交互设计的合理性以及图形设计的美观性。测试方法一般都是采用焦点小组,用目标用户问卷的形式来衡量UI设计的合理性。这个职位很重要,如果没有这个职位,UI设计的好坏只能凭借设计师的经验或者领导的审美来评判,这样就会给企业带来严重的风险性。

用户研究工程师一般是心理学人文学背景比较合适。

综上所述UI设计师就是:软件图形设计师、交互设计师用户研究工程师。

发展

古代

最古老的用户接口是在各式各样物体制作符号图形,使人类与对象之间产生交互接口,比如说当人类看到招牌即知道这栋房屋的作用为何。

声音旗帜、手势的运用,是让人与人或人与设备之间的用户接口,例如在战场或乐团演奏上,甚至是运用龟甲钱币的卜卦,老师使用黑板作为与学生的用户接口,而算盘亦是由珠子所构成的早期人机界面。

早期电脑批量接口(风行于1945-1968): 所有的输入数据预先设置于程序或命令行参数中。命令行界面(风行于1969-1983):用户通过键盘输入指令,电脑接收到指令后,予以运行。

现代

电脑:图形用户界面一般指介于用户与电脑之间沟通与交互之硬件以及软件,目的在使得电脑系统之用户能够方便有效率地去操作电脑以达成双向之交互,完成所希望借助电脑完成之工作,其涵盖之范围包括:早期由纸带输入设备到键盘鼠标、数字版等等数据输入的设备,显示屏幕、声音等等输出设备,参考文件、联机说明、教学课程等等辅助使用之材料,人机交互的模式达到了只认识1与0的电脑与人类之间的用户接口。

在图形用户界面中,电脑画面上显示窗口、图标、按钮等图形表示不同目的的动作,用户通过鼠标等指针设备进行选择。最著名例子就是由苹果公司在麦金塔所创的图形用户界面

在1980年代,电脑的用户接口革命是当时苹果电脑所发表的麦金塔(Macintosh)使用WIMP(视窗、图键、窗体,以及鼠标鼠标)将图形用户界面(GUI)带进了大众市场,取代早期计算机使用的命令行界面

1990年代初期微软所发表的Windows 3.0则巩固此一变革。

工业:人机界面在工业界亦将传统按钮皮肤进入到亲切的触控人机界面(Human-MachineInterface,缩写HMI),在工业上的用户接口简单的区分为Input(输入)与Output(输出)两种,Input指的是由人来进行机械或设备的操作,如把手、开关、门、指令(命令)的下达或保养维护等,而Output指的是由机械或设备发出来的通知,如故障、警告、操作说明提示等,好的人机界面会帮助用户更简单、更正确、更迅速的操作机械,也能使机械发挥最大的性能并延长使用寿命,而目前市面上所指的人机界面则多半狭义的指在拥有软件人性化的操作接口的硬件(如触控屏幕)。

其他现在还有很多一些用户界面,由原本的按钮、纸本等传统古代接口进化至直接用手指、或者特殊的笔端触摸触摸屏上显示的按钮、图标进行各种操作,如自动取款机(ATM),汽车导航、媒体播放器、游戏机、手机等等,一般操作简捷,直观。

未来

未来的用户接口:

更加真实交互的虚拟实境:举例来说,就是比个粗鲁动作就能当作Control-Alt-Delete键的意思。脑机接口:它是在人或动物脑(或者脑细胞的培养物)与外部设备间创建的直接连接通路,目前还在实验阶段,科学家在全身瘫痪病患实际脑中植入电脑芯片,已成功利用脑电波来控制电脑,画出简单的图案及电脑游戏,不过未来研究成功时,就可让人类就可利用脑波作为用户接口。

目前在国内UI还是一个相对陌生的词,即便是一些设计人员也对这个词不太了解。我们经常看到一些招聘广告写着:招聘界面美工、界面美术设计师等等。这表明在国内对UI的理解还停留在美术设计方面,认为UI的工作只是描边画线,缺乏对用户交互的重要性的理解;另一方面在软件开发过程中还存在重技术而不重应用的现象。许多商家认为软件产品的核心是技术,而UI仅仅是次要的辅助,这点在人员的比例与待遇上可以表现出来。

但这不是UI设计真正的价值体现,只是UI设计发展的一个必经过程。我们以物质产品手机行业为例,当手机刚刚进入市场的时候不但价格贵的惊人,而且除了通话以外没有什么其他功能。由于当时的主导是技术,所以大家都把精力放在信号、待机时间、寿命等方面,对于产品的造型,使用的合理性很少关心。事过境迁,如今技术已经完全的达到用户的需求,于是商家为了创造卖点,提高争力,非常重视产品的外观设计,除此之外还频频推出短信,彩屏,和铉,彩信,摄像头等等。这样一来产品的美观、个性、易用、易学、人性化等等都成了产品的卖点。软件产品与物质产品的发展是相同的。过去由于计算机硬件的限制,编码设计成为软件开发的代名词,美观亲和的图形化界面与合理易用的交互方式都没有得到充分的重视,实际上这个时期的软件叫作软件程序,而不是软件产品。

现今随着计算机硬件的飞速发展,过去的软件程序已经不能适应用户的要求。软件产品在激烈的市场竞争中,仅仅有强大的功能是远远不够的,不足以战胜强劲的对手。幸运的是在国内一些高瞻远瞩的民族企业已经开始意识到UI给软件产品带来的巨大卖点了,例如金山公司的影霸、词霸、毒霸、网标,由于重视UI的开发与地位,才使得金山产品在同类软件产品中首屈一指。联想软件的UI部门积极开展用户研究与使用性测试,将易用与美观相结合,推出的双模式电脑、幸福系列等成功UI范例,为联想赢得全球消费 PC第三的称号等等、等等.实践证明,各商家只要在产品美观和易用设计方面很小投入,将会有很大产出。其投入产出比,要比在功能领先性开发上的投入大得多。

我们不得不承认现阶段中国在很多领域都与西方发达国家有相当大的差距,如何赶上并超过他们是我们这代人肩负的历史使命。软件产品领域不象物质产品那样存在工艺、材料上的限制,软件产品核心问题就是人。提高软件UI设计师个人能力减小人员上的差距是中国UI发展首要关键的问题。

目前国内各院校还没有设立相对健全的UI设计专业,所以提高UI设计师能力关键在于提供一个良好的学习与交流的资源环境。国内已经有很多交流设计网站,介绍工业设计平面设计服装设计绘画艺术、多媒体flash等,但是UI设计一直没有受到应有的关注,仅仅被放在数码设计或者平面网页设计的一个栏目里,这仅有的资源对培养优秀的设计师是不够的,必须有一个信息快捷、资源丰富、设计水平一流、专业权威的UI设计学习与交流的地方才能适应日益发展的UI设计师们的需求。

将来

设计技术上的优势已经不再是优势了,更多的是需要思考处理问题的方式以及对未知的洞见能力。

技术变革的速度如此之快,UI设计的领域也从单一的界面转向其他。

为语音互动设计

更多公司将创建与语音兼容的用户界面。语音用户界面(VUI/Voice User Interface,语音交互/语音用户界面)是允许设备和人员之间语音交互的主要或辅助听觉、触觉或视觉界面。这些界面使用语音识别和自然语言处理技术将用户的语音设备中,并最终传输到命令中。用户与语音界面的交互方式与他们与图形用户界面的交互方式大不相同。我们需要考虑怎样的对话互动使得用户更舒适。

这些VUI的主要优势允许与设备进行非常流畅、栩栩如生的互动,这打开了许多可能性。此外,它授予用户更大的环境控制权,而无需与设备进行物理交互。

语音唤醒能力主要依赖于语音唤醒模型(下称“唤醒模型”),是整个语音唤醒核心。

唤醒模型主要负责在听到唤醒词后马上切换为工作状态,所以必须要 实时监测,才能做到听到后及时反馈。由于需要实时响应,以及唤醒模型对算力要求不高等方面原因,一般唤醒模型是做在本地的(区别于云端的ASR识别)。

空气手势控制

Air手势是一种技术,允许您使用手势控制电子设备,无需操作触摸屏或其他输入设备。新冠疫情爆发后,人们一直非常关注需要最少接触的界面。

空气手势控制的好处包括即时交互和控制,以及增加物理和数字可访问性。空气手势控制的例子包括魔术桌、kai游戏控制器。

混合现实MR

疫情还加速了VR和AR接口的发展;该技术价格的下跌也促进了该行业的发展。结合元宇宙(一个用户可以与计算机生成的环境和其他用户交互的虚拟现实空间)的开发,我们将看到交互设计在全新的水平上的要求。

发展阶段

市场经济需要竞争,竞争就会需要设计来提高产品竞争力。

2000年以前国内的UI设计刚开始萌芽,但当时做UI等于做平面设计,基本也体现在网页设计上,后来随着flash的流行,一部分美术设计师开始去思考互动性。

到了2002年一些企业开始重视到UI设计的重要性,纷纷把UI部门从软件编码团队里提出来,开始有了专门针对软件产品的图形设计师和交互设计师

2004年以后随着手机,电脑附加软件,MP3等大量产品上市,ID设计就和UI设计越来越紧密了,UI设计也开始被提升到一个新的高度和重视程度。

2005年国内的UI设计已经相对成熟了,有了专门的职业分工也出现了很多不错的UI一线设计师与UI设计交流组织。

2014年3月,国家知识产权局对《专利审查指南》进行了修改,其中在外观设计专利申请和审查部分增加了有关图形用户界面(GUI)的内容,允许权利人针对带有图形用户界面的产品提交外观设计专利申请。软件业界呼吁多年的问题得以解决,人们期待已久的GUI外观设计能够被授予专利权,并得到专利法的保护。

工作对象

随着“UI”热的到来,近几年国内很多从事手机,软件,网站,增值服务等企业和公司都设立了这个部门。还有很多专门从事UI设计的公司也应运而生。软件UI设计师的待遇和地位也逐渐上升。

流程

确认目标用户

软件设计过程中,需求设计角色会确定软件的目标用户,获取最终用户和直接用户的需求。

用户交互要考虑到目标用户的不同引起的交互设计重点的不同。

例如:对于科学用户和对于电脑入门用户的设计重点就不同。

采集目标用户的习惯交互方式

不同类型的目标用户有不同的交互习惯。这种习惯的交互方式往往来源于其原有的针对现实的交互流程、已有软件工具的交互流程。

当然还要在此基础上通过调研分析找到用户希望达到的交互效果,并且以流程确认下来。

提示和引导用户

软件是用户的工具。因此应该由用户来操作和控制软件软件响应用户的动作和设定的规则。

对于用户交互的结果和反馈,提示用户结果和反馈信息,引导用户进行用户需要的下一步操作。

一致性原则

设计目标一致

软件中往往存在多个组成部分(组件、元素)。不同组成部分之间的交互设计目标需要一致。

例如:如果以电脑操作初级用户作为目标用户,以简化界面逻辑为设计目标,那么该目标需要贯彻软件软件包)整体,而不是局部。

元素外观一致

交互元素的外观往往影响用户的交互效果。同一个(类)软件采用一致风格的外观,对于保持用户焦点,改进交互效果有很大帮助。遗憾的是如何确认元素外观一致没有特别统一的衡量方法。因此需要对目标用户进行调查取得反馈。

交互行为一致

在交互模型中,不同类型的元素用户触发其对应的行为事件后,其交互行为需要一致。

例如:所有需要用户确认操作的对话框都至少包含确认和放弃两个按钮。

对于交互行为一致性原则比较极端的理念是相同类型的交互元素所引起的行为事件相同。但是我们可以看到这个理念虽然在大部分情况下正确,但是的确有相反的例子证明不按照这个理念设计,会更加简化用户操作流程。

可用性原则

可理解

软件要为用户使用,用户必须可以理解软件各元素对应的功能。

如果不能为用户理解,那么需要提供一种非破坏性的途径,使得用户可以通过对该元素的操作,理解其对应的功能。

例如:删除操作元素。用户可以点击删除操作按钮,提示用户如何删除操作或者是否确认删除操作,用户可以更加详细的理解该元素对应的功能,同时可以取消该操作。

可达到

用户是交互的中心,交互元素对应用户需要的功能。因此交互元素必须可以被用户控制。

用户可以用诸如键盘、鼠标之类的交互设备通过移动和触发已有的交互元素达到其它在此之前不可见或者不可交互的交互元素。

要注意的是交互的次数会影响可达到的效果。当一个功能被深深隐藏(一般来说超过4层)那么用户达到该元素的几率就大大降低了。

可达到的效果也同界面设计有关。过于复杂的界面会影响可达到的效果。(参考简单导向原则)

可控制

软件的交互流程,用户可以控制。

功能的执行流程,用户可以控制。

如果确实无法提供控制,则用能为目标用户理解的方式提示用户。

设计原则

了解你的用户

你的用户是最终评判用户界面好坏的人,所以用户即是你的终极目标,不了解用户需求,即使你的界面做得再好,也不是用户想要的产品。沉下心来仔细观察用户的喜好,并了解他们的技能水平和体验,并观察他们在界面中如何操作。不要迷恋于追逐设计趋势的更新,或是不断添加新的功能。始终记住,首要的任务是关注你的用户,这样才能创造出一个能让用户达成目标的界面。

重视UI模型

在软件中,用户的大部分时间都消耗在界面操作中(数据录入、数据修改、数据查阅等等),这点与浏览为主的网站类页面的用户操作完全不同。我们无需画蛇添足,用户希望在新创造的界面中看到那些已有的、相似功能的或遵循基本操作方式的软件界面。所以利用已成惯例的UI模型,将使用户产生亲切感。

保持一致

用户需要知道一旦他们学会做某项操作,那么下次也同样可行。语言、布局和设计是需要保持一致性的几个界面元素。一致性的界面可以让用户对于如何操作有更好的理解,从而提升效率。

清晰的视觉层次

设计时,要让用户把注意力放在最重要的地方。每一个元素的尺寸、颜色还有位置,它们为理解界面共同指明了道路。清晰的层级关系将对降低外观的复杂性起到重要作用(甚至当行为本身也同样复杂的时候)。

提供反馈

界面要始终保持和用户的沟通,不管是他们的行为对错与否。随时提示用户的行为:状态更改、出现错误或者异常信息。视觉提示或是简单文字提醒都能告诉用户,他们的行为是否能够达到预期的结果。

容错机制

无论你的设计多么的清晰明了,用户都会犯错。你的界面应当允许并要为用户提供可以撤销行为的方式,并且对五花八门的输入数据尽量宽容(没人愿意只是因为填错了生日的格式而重头再来)。同样,如果用户的行为引起了一个错误,在恰当的时机运用信息显示什么行为是错误的,并确保用户明白如何防止这种错误的再次发生。

鼓励用户

一旦用户在完成了关键操作,要及时告知用户(弹出对话框等)。值得注意的是把一个复杂的流程任务分解为若干简单步骤将会更显繁复和让人精力分散。所以无论正在执行的任务有多么复杂和漫长在界面上要保持流程的不间断性。

语言有亲和力

所有的界面或多或少都有文字在其上,让文稿尽量口语化,而不是华美辞藻的堆砌。为行为提供清晰、简明的标签,保持简朴的文字叙述。用户对此将会很赞赏,因为他们不再是听命于他人的官腔——他们听到的是如朋友般甚至自己说话的表述方式。

保持简洁

最好的用户界面就是没有界面。优秀的软件界面中,你看不到华而不实的UI修饰,更看不到那些用不到的设计元素。所以当想着是否要在界面上加一个新功能或是新元素的时候,再思考一下:用户或者界面中真的需要这些么?为什么用户想要在这里当这个小巧的动态图标?是否只是因为出于自我喜好和页面的漂亮而去添加这些元素?优秀的UI工程师做出来的软件界面不会十分华丽,界面中没有任何分散用户注意力打搅用户操作的元素。甚至应该达到在用户使用系统的时候完全注意不到页面和操作复杂的问题,一切都应该是顺理成章的。

应用产品

工业应用

触控屏幕:是可用以取代机械式的按钮皮肤,并借由可接收触头(无论是手指或胶笔尖等)等输入信号的感应式液晶显示设备达到了机械设备与人类之间的人机界面。

娱乐应用

游戏机:游戏机就像一台电脑,主要组成组件都十分类似,也有各种的软件和硬件可供安装使用。游戏机主要的硬件组件包括中央处理器、存储器、存储媒体、影音输出设备、信号输入设备等机械设备。其中,游戏机的信号输入设备如手把或摇杆,将电视、电脑借由简单的一些按钮达到与人类之间巧妙的交互,其游戏软件更借由一些图形与文字达到机械与人类之间娱乐的人机界面。

电脑应用

硬件方面:键盘鼠标、显示屏之间构成软件方面:微软的Windows与苹果的MacOS

设计规范

一致性原则

坚持以用户体验为中心设计原则,界面直观、简洁,操作方便快捷,用户接触软件后对界面上对应的功能一目了然、不需要太多培训就可以方便使用本应用系统。

准确性原则

使用一致的标记、标准缩写和颜色,显示信息的含义应该非常明确,用户不必再参考其它信息源。

布局合理化原则

在进行UI设计时需要充分考虑布局的合理化问题,遵循用户从上而下,自左向右浏览、操作习惯,避免常用业务功能按键排列过于分散,以造成用户鼠标移动距离过长的弊端。多做“减法”运算,将不常用的功能区块隐藏,以保持界面的简洁,使用户专注于主要业务操作流程,有利于提高软件的易用性及可用性。

系统操作合理性原则

系统响应时间原则

系统响应时间应该适中,响应时间过长,用户就会感到不安和沮丧,而响应时间过快也会影响到用户的操作节奏,并可能导致错误。因此在系统响应时间上坚持如下原则:

一个长时间的处理完成时应给予完成警告信息。

免责声明
隐私政策
用户协议
目录 22
0{{catalogNumber[index]}}. {{item.title}}
{{item.title}}