UI(userinterface)的本意是用户与产品界面的关系,UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。好的UI设计不仅是让软件或web变得具有美感、个性和品味,还能让操作变得舒适、简单、自由。UI真正为人们所提及和重视是基于视窗操作系统的诞生,可见UI设计本身已不再是单纯的视觉设计,而是将视觉设计与人的行为习惯、生活方式、心理体验等结合在一起的设计。现在人们经历的是图形界面时代,正是这种图形界面催生了我们今天这个新经济时代的到来,因为它的出现使计算机走出实验室,而且使互联网的出现成为可能。UI设计不仅重视好看,更要体现好用,其中用户体验是UI设计成败的关键。
用户体验是什么?看起来好像是老调重弹,对于很多从事多年UE工作的同行来说,可能觉得这个基本概念似乎已经成为一种共识,没什么好说的了。的确,对于一个界定明确的用户群体来讲,其用户体验的共性能够经由良好设计实验来认识到。新竞争力在网络营销基础与实践中曾提到计算机技术和互联网的发展,使技术创新形态正在发生转变,以用户为中心、以人为本越来越得到重视,用户体验也因此被称做创新2.0模式的精髓。在中国面向知识社会的创新2.0——应用创新园区模式探索中,更将用户体验作为“三验”创新机制之首。苹果公司CEO斯蒂芬乔布斯曾经说过:“任何个性化的前提都是满足人们的需求,这个需求就是要做好用户体验——让用户因为使用苹果的产品而爽起来。”
1、从苹果的成功看视觉设计中的用户体验UI作为视觉设计的一部分,不仅是美学的范畴,也附加着文化、社会、历史等多角度的复合体验。对一个产品而言,用户所体验的并不单纯是审美与功能的设计。通常来讲,形式(审美)与功能设计得到最恰当的平衡,就会拉近人与机器之间的距离,美丽的外形与易学易用的功能是否配合得当,成为用户体验的一个检验校准,机器离人越“近”,人的满意度就越大,人机交互就更加顺畅。
2、UI设计中用户体验的重要性苹果品牌的成功给视觉设计带来很多的启示,在网页设计中UI设计者承担着用户体验的重要使命。好的网站界面设计应该研究人的上网习惯、生活方式、社会文化以及审美心理的方方面面,而不仅仅是图形和色彩的搭配、板块栏目的规划等。用户体验不单只是用户界面设计,UI仅是用户体验的一部分,是用户的第一触动面,它不只是流程的一步,而是蕴含在我们整个互联网运营和设计的每一步。总体来讲,作为网页设计的一部分,UI设计应该始终关注人的感受,“以人为本”是用户体验的根本。用户体验不只和价值有关,而是在用户需求和业务目标之间找到平衡。
UI相关技术的发展潮流会同时受到图像处理技术和电视技术发展的影响。图像处理技术从LED发展至LCD、到全触屏,再到3D、全息影像、增强实境,扩展了输出的方式:而辨识技术的发展则是对输入方式的扩展,从触摸屏、多点触摸发展至体感技术。U件目关技术的未来发展趋势本质是对人类感觉的进一步延伸,解放本能的束缚。
UI设计领域的关键词包括多点触摸、简单却丰富的交互、强调用户体验、智能化等。智能化是现在最受关注的一个方面,在下指令之前,设备就已经了解到用户的需求,能够自动提供服务。此外,用户将不需要学习就能够轻松掌握操作方式。
IT产品的Ul设计和家电产品的UI设计之间关系非常微妙,呈现方式也不尽相同。事实上,IT产品的Ul希望成为白色家电的Ul,而白色家电的UI则是想要模仿IT产品的UI。IT产品的UI设计相对来说更具潮流感、更加年轻化,而家用电器的则更具亲和力和踏实感。因此Bsport体育,IT产品的UI设计可以以家用电器的UI设计为参考,减少使用者在使用IT产品时的负担感和陌生感,使其更加大众化,让任何年龄段的用户都可以轻松的使用它,将用户范围扩展至普通大众;将传感技术小型化,降低价格,符合触觉、照明度、方位、动向等技术。而白色家电的设计则需要在控制屏上增加感流的通道,由于一般使用者对于IT技术与体验的日益普遍化,他们对于智能电器的期望也有所提高。此外,在白色家电UI设计当中应当加入更多的时尚因素,使其在视觉方面更有吸引力。该领域市场已经相对饱和,如果可以加入感性的元素,则能够使产品更加具有个性化特征。
未来人与机器之间的媒介将会慢慢消失,UI设计将以行动辨识为基础,用户不需要刻意学习操作方式,用最习惯的手势即可完成对设备的控制。传统的四方位UI也随著移动菜单的优化而失去其意义。
图标设计将更加简单。同时体现功能、信息、状态,提高功能可见性。减少3D图形的比例,变化成单纯单色系的图标,排除不必要的多余元素,画面结构呈现形式如杂志般具有编辑感,提高文本信息比例。透过画面转换的效果,提供空间移动的引导,对于使用者的选择提供更明确的反馈。
触摸技术极大发展。利用灯光变化效果来表达丰富的感性语言。在触摸屏的使用环境中享有新的使用方法和体验,以扩展产品的原本功能为中心或者是研究相关的新体验。在家庭网络状态下研究机器间的有机使用体验以及开发环境。多点触摸技术当中,根据点击压力的不同,能够提供各种不同的反馈。最近出现的3D GUI趋势与3D触摸,3D呈现等技术相连接,能够提供更强大的新体验。
多样化材Bsport体育料以及产品设计间的一体感。控制面板上的视觉性区域正在消失,按钮将隐藏或是减小到最小是一种趋势。使用细腻和感’性的印后加工技术,将数码机器所拥有的细腻品味与品质转移到白色家电操控面板的材质感和点触感的设计上,从而提升产品的高贵感,可以以操作频率较低的冰箱、空调为主进行改变。最近THE DNA新推出一种技术,在用手机拍照时,手机可以自动根据距离用户的远近调整照片的大小。由于技术方面的束缚,以前的设计概念局限在上下左右四个方向当中,所以相应的,人们只能做上下左右的操控设计。而技术发展至今,人们可以打破传统概念,让使用者跳出这一束缚,自由地使用这些科技设备。以前,该类产品颜色通常非常鲜明,造型也非常复杂和漂亮,现在更多的是走单纯路线,形式简单,但是包容的信息量很大,涉及范围非常广泛,用户可以一目了然地了解很多信息。这类信息的简单化从某种程度来看是一种遗憾,已经有新的技术能够提供更多的新方案解决这类问题。如果可以用华丽的效果弥补设计简单的缺陷,会为产品大大加分。用户在初次看到产品外观的时候,是以简约单纯的效果呈现,但是在看其他效果的时候,应该是以非常华丽的形式来实现。
第三代触摸技术还会增加对于压力的感应。基于大众对于3D的需求,设计师针对UI设计来提升这些方面的表现形式,如不同感觉的手势可以得到不同的感受和体验。如今,白色家电也可以利用这种触摸技术展现操作的形式,利用灯光转换效果表达自我。触摸技术和3D之间关系密切。以前的3D和UI之间是相互分离,如今的趋势是思考如何让这两者之间能够更加紧密地结合在一起。现在市场上已经有一些类似的案例,但是往往在操作上很实用,在设计上就感觉笼统。从前,家电和电子产品的界限模糊,但是今天,由于技术的成熟,用户对于一般的家电产品的设计有非常高的诉求,希望它们跟电器产品一样设计新颖时尚。高端IT产品的设计和家用电器的设计有非常多的相似之处。
那么,究竟如何使用UI设计?当企业进行产品开发时,最关键的是开发计划和支持开发的技术。此时,企业通过增加新功能、引进新技术来进行功能方面的竞争。在技术标准化之后,所有生产商都拥有相同或者是类似的技术,此时竞争重点在于市场策略,市场策略就是价值的竞争。当市场策略导致产品价钱降低,市场饱和时,同行开始大打“价格战”。当大家都达成某种共识时,产品的策划则成为笑傲市场的制高点。创造个性化、差别化产品,满足使用者个性化需求,培养用户品牌忠诚度在这个阶段非常重要。而当产品策划已经达到某种市场反馈状态时,就跨入创造市场机会的阶段了。该阶段当中,需要根据材料、形象、外观等方面进行设计,制定品牌策略,强化品牌及其旗下产品形象的整体性和可识别度。下一步则应该注重产品使用价值。从普通大众最基本的需求去做开发,慢慢地转化成客户所需要的产品,最后研究出用户内心真正的渴望。设计师需要从这些观点当中去考虑UI的设计。
虽然产品设计、UI、CMF各部门都在进行各自领域中进行着专业的研究,但是它们必定会整合为一。IT产品和白色家电的UI在未来也会整合为单一平台。
罗正洙:韩国的UI设计发展历史只有十年的时间,从这个角度讲,THE DNA公司可称得上是行业内的先行者。作为一家专业的UI设计公司,我们在发展过程中也积累了很多宝贵的经验,现今正逐渐把发展目标瞄向十年之后的市场。纵观目前韩国的UI设计客户市场,可以划分为两个 部分,一部分是比较专业的公司,例如英国、法国等等外国企业,另一部分是其他的位于中间部分的企业,这部分还属空白。作为UI设计公司,DNA公司和其他公司之间并没有正面的竞争,因为各家公司都有自己相对固定的客户群体,在UI设计方面,其所研究设计的专业倾向也不相同,有的针对手机、有的针对其他的家电;以THE DNA公司而言,我们的UI设计范围是十分广泛的,从家电、手机到汽车、船舶工业都有涉及,所以与其他公司相比,我们的覆盖范围无疑更广。
罗正洙:我可以很坦率地讲,没有!因为我们之所以能够承接如此大范围的UI设计业务,原因就在于我们的根本职能、TEAM(团队)职能,因此无论是哪一个领域的客户,我们都可以承接相应的业务。
罗正洙:这样的方式对于团队而言的确很重要,对于UI的根本解决方案是最重要的。因此我们致力于广泛接触不同的业务领域,通过学习研究不同领域的新知为解决UI设计中的问题提供帮助。对于我们的UI解决方案来说,这是最根本的、最重要的方式。
罗正洙:五年前,我们在中国上海曾有过一个分支机构,起初在那里设置分公司是鉴于当时中国手机市场正处在快速成长的阶段,但是当我来到中国之后发现,从上海到广州、到深圳,与从韩国到广州、到深圳的时间是差不多。而且对于中国的市场资讯,我们并不一定要在中国这边才搜集得到,在韩国本土同样很快可以得到中国的市场资讯。在韩国我们也能够充分地了解中国设计公司的动态。基于这样的情况,我们将在上海设置的分公司撤回了。
罗正洙:我们与中国本土的很多公司在业务上已经有七、八年的接触了,彼此之间建立了稳固的互动联系,这些公司涵盖多个领域,我们正是通过这些人脉关系了解了中国的市场资讯。
罗正洙:一般谈到UI领域,都是以数学和科学为主要途径叙述的,或者以外观设计的美感为标准的;其实无论在任何一个领域中,UI都一直要以新的方式出现,一定要通过新的方法、新的UI方案呈现出来,这才是最重要的。
罗正洙:我们公司成员的想法都非常有创意,他们有很多很棒的思路。我们通过训练来让他们将自身的想法具体化,并且充分表达出来。UI经过了如此多的变化、如此Bsport体育多的发展过程,但唯一一点不变的就是“人”的因素。公司需要各方面的人才、技术,需要很多新鲜事物;而我们始终保持不变的就是创新,因为没有创新也就失去了发展的根基。
罗正洙:最遗憾的一点就是,我们向客户所提供的方案思路,往往到最后客户又会提出不同的需求。所以初始阶段我们所创造出来的方案到最后就有些“变形”,会有所改变。客户们会通过一些数据来判断使用者的喜好,将用户分成喜欢的、不喜欢的,其实通过这种数据来判断设计并不十分科学。因为,可能我们也不知道自己真正想要的是什么,可能用户也不知道自己想要的是什么,但是客户将那些信息都数据化了,而且以那个数据来判断。以调查的答案来对应设计的标准,然后针对那些调查报告来做设计,这其实并不是一个很好的方式,因为被调查者只是随便的回答“喜欢”或者“不喜欢”,这就让人很难了解到用户真正的需求是什么。
DESlGN:那么针对这种情况,THE DNA这边会有什么样的解决方法?
罗正洙:UI设计不能以个人的喜好来决定。与其说“喜欢”或“不喜欢”,不如将其重点放在“适合”或“不适合”,这肯定不是以个人的喜好来判断的。所以,在项目开始阶段,我们在与客户进行沟通的时候便投入了比较多的时间,目的就是要把我们的UI设计做好。因为大部分的公司对于应该如何使用UI还不是十分清楚。十年前,我到各个城市去演讲,让企业去了解什么是UI和其重要性。现在,中国企业对于UI还不是很熟悉。以中国现阶段来看,在白色家电、电子产品中加入UI设计是个很大的市场。
罗正洙:可以分为两点来看,第一点,目前在白色家电的生产和设计层面上,Ul设计并没有被重视和充分运用。加入UI设计可以提高家电产品自身的附加值,同样,在家电生产企业生产和设计内部建立标准化流程,构建出UI标准,这样能节省各个部门之间的沟通时间,随后产品在生产期间所需要的时间也会相对减少。如果有好的UI平台,那便可以利用这个平台去制造出更多更好的产品。第二点是在旧有的家电里面加入新的UI设计,提升其价值,使其更显高端,打造出高档产品的形象;加入了新的UI设计之后,它看起来就像一件新的科技产品。以这种高端产品带动下面的一般标准化的产品,降低了它的价格,进而带动下面的产品销售,这是属于策略层面的UI。
罗正洙:目前的UI是针对生产、针对解决问题方面,以这个为基础,将其往产品的终端运用和设备配套等方面来发展,将是一个更加广阔的领域。
ui设计师要考证,如果不去考证的话,是非常难以找到工作的,如果考过了这个证件,能够证明自己的真实存在,所以考这个证是很有必要的。“UI”的本义是用户界面,是英文User和interface的缩写。UI设计师简称UID(UserInterfaceDesigner),指从事对软件的人机交互、操作逻辑、界面美观的整体设计工作的人。UI设计师的涉及范围包括高级网页设计、移动应用界面设计,是目前中国信息产业中最为抢手的人才之一。
用户需求集中反映了用户对产品的期望。很明显,用户需求应该包含功能需求和使用需求两方面,功能需求是用户要求系统所应具备的性能、功能,而使用需求是用户要求系统所应具备的可使用性、易用性。
用户体验也就是产品在和外界接触的时候如何“接触”,如何“使用”。用起来难不难?是不是很容易学会?使用起来感觉如何?
在产品体验时,经常会有用户问下一步怎么做?返回在哪里?解决这些问题的方法,是在界面设计前期得到目标用户群体的特征及使用操作习惯,然后进行用户测试,通过给用户Bsport体育制定任务,在用户执行任务的过程中,发现产品设计的不足,并为产品优化提供依据。也就是说,开发和启动一个项目,首先要明确项目需求,确定产品的目标用户群及潜在目标用户群的特征、喜好。
用户测试(user testing)不是测试你的用户,相反是请你的用户来测试你的产品,针对有代表性的用户来测试方案到最终的可行性的设计,可用性就是最终的目标。
研究用户的方法有很多,最常用的有文献法、问卷法、访谈法、焦点小组法(焦点小组是一个由4~6名用户代表所组成的、富有创造力的小群体。用户代表在训练有素的专家的引导下,通过交流勾勒出一个全新的产品概念和功能模式)。另外,角色扮演和可用性测试则不断地贯穿其中。随着项目种类的日趋繁杂,越来越多的新的用户研究方法将层出不穷。产品越复杂创建良好的用户体验就越困难。在产品设计中每增加一个功能和步骤都会导致用户体验失败的机会。用户体验对设计很重要,如果设计师没有给用户一个积极良好的体验,用户就不会购买使用你的产品。
结构设计即概念设计 (Conceptual Design),是界面设计的骨架。它通过用户研究和任务分析,制定出产品的整体架构。结构层用来设计用户如何到达某个页面,并且做完事情应该去什么地方。这个领域涉及到很多个学科,新闻学、通信、管理等。在结构设计上要进行组织管理、分类排序。结构设计强调用户元素的“模式(patterns)”和“顺序(sequences)”。基于纸质的低保真原型(Paper Prototype)可提供用户测试并进行完善。在结构设计中,目录体系的逻辑分类和语词定义是用户易于理解和操作的重要前提。
产品功能的实现都是通过交互来完成的,交互设计的目的是使产品简单易用。一个产品的行为测试就是是否能满足用户的需要。一些设计很好的产品没有达到使用目标,比如开瓶器不能打开红酒瓶子,闹钟不能准确报时,那么其他的设计就都不重要了,所以,产品的功能是十分重要的。用户是设计使用的核心,但是世界的人们因为文化、个体的差异,每个产品无法使每个人都满意。满足各种需要的方法就是设计各种产品。在充分考虑用户背景、使用经验及操作感受的基础上,进行交互设计,设计符合最终用户的产品,使得最终用户能够按日常习惯,心情愉悦并高效地使用产品。
交互设计既关注可能的用户行为,又定义系统如何配合相应的用户行为,也是程序员最关注软件的两个方面“它能做什么”和“它怎么做”。
UI是User Interface的简称,指的是用户界面。UI设计指的是对人与机器之间的交互手段的操作逻辑、界面玫瑰等进行设计。良好的UI设计能够赋予人际交互手段以灵魂与个性,使人能够更加舒适地对机器进行操作与使用。UI设计中视觉传达层面的设计就是界面设计(Graphic UI design)。UI设计发展至今,起定位始终都是具体化与娱乐化,缺乏简洁清晰的现代主义风格。
后现代主义文化思潮看似与计算机电脑图标之间并不存在相互联系,但是后现代文化已经深深地渗透到了大众文化中,UI设计者身处的文化环境与视觉环境都受到了后现代文化思潮的影响,UI设计者在进行设计的过程中会自然流露出具体化、大众化的特点。
在UI产生之后,初期设计工作基本上都是由程序设计师来担任的。术业有专攻,程序设计师本身缺乏专业的视觉传达知识与实践,在设计的过程中容易将受到生活实践与经验的影响,以生活中的形象对UI进行设计。在UI发展的过程中,界面设计工作一直没有得到应有的重视,导致UI设计逐渐形成了具体化、娱乐化的发展主流。
随着数字技术的不断发展与完善,商业办公用户不再是电子产品的主要消费群体,更多的个人开始关注消费电子产品,而移动设备的出现使得UI设计更加注重个人消费群体。电子设备就像是个人的一个私密空间,这个空间隔离于现实生活之外,各种生活化的UI设计理念就更加容易得到消费者的认可,例如“我的电脑”、“我的文档”等。因此,UI逐渐向着生活化的方向发展。
在UI设计中应该将关注与强调的重点集中在信息本身,而不是过度关注界面元素。出现这种情况的主要原因就是UI设计人员缺乏必要的视觉传达设计知识。随着更多视觉传达专业设计人员的加入,转变了之前由程序员担当UI设计的状况,为UI设计注入了新的理念与方式,开始将关注与设计的重点集中在UI功能性方面。在数字技术发展、生活水平提高、电子产品定位精准等因素的影响之下,电子产品消费者的需求呈现出了多样化的发展趋势。例如以办公为主要需求的消费者会由于UI图形过于活泼而导致精力分散,会由于UI图形过于精美而导致视觉识别性降低,可能会使操作出现延误、不便等问题等。
从视觉的角度进行分析,现代社会中存在的视觉环境是非常繁杂的,各种商家都希望通过精美华丽的图形来吸引消费者的注意力,导致消费者的视觉始终处于饱和的状态中,可能会对复杂的图形自然而然地产生一种抗拒的心理。在如此繁杂的视觉背景中,清晰、清新的图形必然能够做到脱颖而出,通过较高的识别性获得消费者的青睐,为消费者节约更多思考的过程与时间。此外,消费者实际上都存在着“边际效应”的心理,如果UI设计始终都是一尘不变地采用具体化的图形,消费者同样会产生一定的抗拒心理。因此,必须实现UI设计的现代主义风格,提高UI设计的识别性。
当前,社会中已经出现了具有现代主义设计特征的UI设计产品,同时这种风格的UI设计已经引发了一定的潮流。在设计行业中使用率最高的图像处理软件Photoshop及其所属公司的其他系列产品都采用了现代主义设计特征的UI设计,新图标一改传统的具体图像风格,采用了辨识度非常高的文字作为图标,其中Photoshop为PS,Illustrator为AI等,具有了非常高的功能性与识别性。现代主义设计特征的UI设计产品的出现,代表着UI已经摆脱了单一的设计时期,开始进入到了多元化的发展新时期。
UI从出现到现在已经从一个活泼的孩童成长成为了理性的青年,在不断发展的过程中逐渐在具体化、生活化的风格中加入了理性的东西,形成了新的现代主义风格设计理念。专业视觉传达设计人员的加入、设计理念的创新、消费者电子产品需求的多样化等因素,都促使UI设计展现出了新的风貌。
[1]裴临风.刍议后现代主义思潮与后现代招贴设计[J].贵州大学学报(艺术版),2013,02(85):74-78.
随着移动终端配置的高速发展以及网络的普及,手机终端的游戏发展也越来越快速。目前,手游市场异常火热,游戏中UI设计的需求与身价也越来越高。UI=UserInterface,也就是“用户界面设计”。
已有游戏UI设计原则虽然能够在一定程度上指导手游UI设计,但这仅仅是大方向,由于手机游戏在平板或手机上操作的自身特点,为体现更好的用户体验,所以我们在设计手游UI时需要具体问题具体分析。
目前,很多手游开发商为求快速占领市场、不敢轻易对新游戏下重注,导致想走捷径抄袭换皮,如《愤怒的小鸟》、《水果忍者》等都被大量直接换皮或稍作修改“微创意”换皮,这样的设计往往会局限于对原作元素,很难达到原作的高度,很难赢得市场的认可,扰乱了手游市场持续。
很多UI设计师在设计游戏UI的时候一味追求画面华丽、角色造型性感复杂、质感逼真、细节精致,往往抢了游戏本身的风头,弱化了手游主题本身。
目前市面上手游同质化严重,很多手游直接从电脑、游戏机及PC端上移植,没有专门针对手机来开发,没有良好发挥手机特有的优势,同时屏幕小的特点,直接导致游戏可玩性低于原先的游戏设备。
游戏与应用不一样,每一款游戏都有独特的个性、玩法和交互体验,很多手游开发商对游戏引导不够重视,想当然的认为这个操作很简单,没必要花时间去做这样的“无用功”,也有生怕玩家不懂怎么玩引导过度的,使玩家一直点击屏幕,产生厌恶感,给玩家极不好的印象。
由于安卓手机的分辨率和苹果及平板的分辨率不同,很多手游开发商为节约成本,不会单独制作不同机型适配的版本,导致我们看到市面上大部分手游有黑边的现象。
1.理解游戏世界观。世界观是游戏之中世界的模样,每一款游戏都拥有自己的世界,这个世界的规则,便是玩家在游戏之中需要遵循的规则;设计之前,需要深刻理解游戏世界观,并根据世界观寻找相关素材,并提炼出需要的视觉元素,为后面的设计做准备。
2.确定UI美术风格。游戏UI美术风格还取决于之前的原画设定,设计师需要参考已有的原画风格,利用扎实的设计能力和应变能力,提炼出符合游戏世界观的视觉元素。
1.统一。UI的设计要时刻保持与游戏整体美术风格统一, UI的统一性,主要针对于造型以及色彩方式上。在风格统一的前提下,同级属性的UI绘制图层及手法尽量保持一致,同时可以利用颜色所具有的心理暗示来表现技能的属性。
2.简洁清楚。手游UI上的文字也需要尽量简单化、口语化。很少有玩家喜欢仔细阅读游戏UI文字,特别是基于手机屏幕上的游戏,所以,简化文字描述会更加贴近用户。
1.目标用户群。不要迷恋自己的审美,也不能盲目跟风,在设计UI之前必须先了解你的用户群,了解他们对目标产品的期望。了解用户是UI设计的第一步。
2.一致性。首先统一的视觉样式能够减轻玩家的游戏学习成本,快速理解游戏,提高功能操作的准确性;其次,不同类型的操作行为触发后的交互行为也需要整体一致,为不增加用户的学习成本,还要注意保持操作的一致性。
3.界面为功能服务。界面是游戏功能的一个载体,一方面可以把界面作为游戏的一部分,添加与游戏元素增加游戏的带入感;另一方面是扁平化游戏界面,界面不做过多的装Bsport体育饰。
4.适度规范并简化游戏步骤。在手机上,手指的操作与鼠标相比,缺乏足够的灵活性和准确性,所以我们设计的通道应该是简单和快速的。我们需要适度减少游戏及其功能进入的步骤。
5.适度强调细节。很多游戏设计者为了跟风当下流行的扁平化界面设计,但一味的简洁化可能会让需要了解阅读的信息被隐藏起来,也会导致玩家迷惑不解,同样影响游戏体验。
6.信息反馈及时。信息反馈可以通过对话框、状态图标、气球状通知、声音、震动及动画等形式来表达。
手机游戏界面是用户与手机游戏进行交互的媒介,好的手游游戏界面精美易识别、操作方便、体验感强,能提高使用效率。
好的游戏创意能让游戏在市场上脱颖而出,在传统的交互界面设计中加入触屏手势与视觉及动画特效,通过更好的动态、图形、色彩等提升手游的娱乐体验。
为了使用户更简单方便的操作游戏,使用户更加专注于用户核心体验的功能,就需要游戏UI设计扁平化。一款手机游戏包含的信息量是很大的,想要让用户无负担的接受并有良好的游戏体验,就需要设计师将信息逐一分类,用最简洁的语音及图表信息表达,去精简游戏界面设计,图标设计更易于识别、醒目,造型归纳准确、细节层次分明、颜色搭配合理、造型合理好看。
[1]海量.中国行业资讯网.浅析手机游戏特征与类型.2013.12.27.
利兹.桑德斯描述了用户对产品需求的三个方面:可用性、易用性和满意度。这一句概括性的描述包涵了用户对人性化UI界面的要求,也是人性化UI界面设计的出发点和着眼点。根据的说法,人性化指的是一种理念,具体体现在美观的同时能根据消费者的生活习惯,操作习惯,方便消费者,既能满足消费者的功能诉求,又能满足消费者的心理需求。因此,人性化UI界面就是在设计的过程中始终以用户作为设计的出发点和目的,根据用户的行为习惯、生理结构,心理状况和思维方式等在实现产品功能和性能的基础上,不但要使用户尽可能简单、高效地与产品交互,同时还要满足用户的情感需求;甚至通过产品的使用,帮助使用者建立自我价值和自我认同的信念。
UI界面是软件系统的外在表现。UI界面的信息结构是软件系统在操作过程中所呈现的信息层次ui设计,通俗地讲就是软件系统的组织结构。它的任务就是在信息与使用者之间建立起一个通道,使用户能够按照这个通道便捷地获取到其所需要的信息,因此软件系统结构的优化是人性化UI界面设计的基础和必要前提。
一个人性化的软件结构系统,首先需要优化软件结构层级,通过减少界面信息结构层级和增加单层信息幅度,来构建一种“宽而扁”、“快而全”的信息组织形式,也就是通过适当增加同一层级目录以减少目录的总层级数量,以减少用户为实现某一功能操作的步骤数量,和提高用户的操作效率。但,此种方式应避免的问题的是:同一层级功能的增加可能会导致用户面对一个UI页面过多的功能而手足无措,不能迅速找出其想要的信息。这就要求对软件结构层级中的同级功能进行分类管理。
其次人性化的软件结构系统体现在各层级功能分类和分布上,一个人性化的UI软件结构中各功能模块间的关系要有逻辑性,分类要合理、清晰,命名要准确、易懂,不要使用过于专业的术语。如图1所示,是不合理的功能归类 “电话和微信功能”不是汽车行驶状态下的功能,需要避免把不是行驶状态的功能放到一起使用。
另外人性化的软件系统还应允许用户根据自身行为的频度和提高操作效率需要自我定制层级。如手机产品中的QQ聊天、微信和音乐播放等经常性使用的功能则需要允许操作者根据使用习惯放置在主界面中,而手电筒等不常使用的功能则需要被允许放置在另一个页面中,也就是可以让用户根据需要自我定制层级。
“交互”一词最初源于比尔.莫格里奇,他把交互定义为产品使用行为,任务流程图和信息结构的设计,实现技术的可用,易于理解以及令人们使用得更加愉悦。任务流程图和信息结构的设计目的是把复杂的信息和页面经过精心组织清晰地展现给用户,易于用户理解,并在使用的过程获得愉悦的感受,因此任务流程图和信息结构决定了整个界面操作逻辑与页面关系,是交互设计中的关键。
任务的可被完成首先要求任务能够被用户很好地理解。易于被理解的任务有助于用户对任务的执行和完成;如果用户对产品任务不甚理解,将会导致额外行为的产生,如学习和求助等,甚或导致错误行为发生,以致任务不能很好地被完成。其次任务的可被完成还要求任务是在一定的时间和在一定步骤内完成,也就是执行任务的效率问题。如手机用户拨打紧急号码,如果需要从待机界面进入主界面,再进入拨号界面,显然就不如在待机界面直接拨打紧急号码效率更高。用户在执行任务的过程中,行为出错是难以避免。也就是说用户在执行的任务有可能是正确的任务,这是客户希望的结果;也有可能执行了错误的任务,这是用户不希望得到的结果,这个时候就需要给用户纠错的机会。如用户在输入电话号码的时候,要能够允许用户修改错误的号码,而不是让用户继续拨打错误的号码或者被退出。同时,为了让用户的行为能够很好的完成任务还需要给予适时的帮助和提醒。
界面上的每一个符号必须是能指与所指的紧密结合,让用户觉得这个东西应该是这样使用的,也就是要符合用户的心理预期;但是当我们的设计不是这样的时候,用户就会产生困扰和抱怨。那么什么样的跳转设计才是符合用户心理预期呢?人性化UI界面的应用功能以及操作界面设计尽量符合用户日常经验所衍生出的对于系统以及环境的印象,也就是在产品升级换代的时候尽量保持交互设计和上一代产品相一致,使用户即使面对新产品仍然是熟悉的操作环境,不至于感觉到陌生和困惑。
有些产品屏幕的显示空间有限,有可能会使软件的信息结构变得窄而深。为了实现某个功能,用户在操作过程中需要在多个界面之间跳转,这个时候就需要保证用户顺畅地操作Bsport体育,要能够快速地找到出口,并能够随时地返回上级操作菜单,这样会增加用户的安全感。
页面布局就是对界面的文字、图形或表格进行排布、规划、设计,是软件系统功能架构的外在可视化形式。页面布局显示了软件功能构架如何分解为不同功能集,以及功能集构件如何由跳转连接来产生有用的功能形式。因此,有效的布局对于用户快速找到想要的内容,以及提升用户的体验至关重要。布局方案不是唯一的,巧妙采用各种布局可以增强产品的易用性和交互体验。在产品设计过程中,需要考虑为不同的信息结构提供相匹配的布局。
合理规划利用界面空间的目的是保证用户阅读和操作时的准确性和高效率。因此,界面布局首先应当清晰明了地呈现界面上各元素之间的相互联系和重点,因为用户首先关注的区域是界面的视觉焦点,形式上被赋予焦点属性的UI元素一定要表达最重要的内容。其次要根据用户的阅读习惯来设计布局,也就是尊重大部分人从左向右,自上而下的阅读习惯。其次要求在用户阅读时关键数据不会被中断,而且要求一个任务尽量在同一个界面内完成;同时要求界面上逻辑上相关的元素在空间上被分隔开来,且没有明显的视觉关联,以避免误操作的发生,如确认按钮和放弃按钮。
色彩和图标是图形界面的两大主要的构成元素,因此人性化UI界面设计还体现为色彩和图标等的人性化要求。
色彩通过视觉冲击,影响于人们的感官,直接左右人们的感情与行动。不同的色彩让人产生不同的心理感受,反之不同的心理状态所能接受的色彩也是不尽相同的。人性化UI界面的色彩设计首先是用户可以根据自己的需要改变系统的默认设置,选择一种自己满意的个性化的色彩设置来实现的。人性化UI界面借助色彩的使用和变换,目的就是用色彩的变换来协调用户的心理,满足使用者生理、心理、情感的需求,影响其情感与行动。
其次,人性化UI界面的色彩设计还体现在界面配色能够引导用户完成相应的操作,起到向导的作用。如图2所示,汽车影音UI主菜单中上面4个按钮使用了艳丽的颜色,表示这些功能是车载用户最常用功能,并且是汽车影音上最重要的功能;另外下面4个按钮使用了由深到浅的灰色渐变效果;这样即使很复杂和很抽象的东西,经过色彩处理后,能够变得很简单和易于理解,体现了人性化。
现在的产品仪器都具有很多复杂的功能,生手面对如此众多的功能往往手足无措,无从下手,甚至专家用户在紧急情况下也会出现手忙脚乱的情况。界面的图标按钮是软件功能的命令集,每一个图标对应的是一个目标动作,因此作为体现目标动作的图标,是具有典型特征的图形符号,它应该有强烈的表意性,能形象地反映界面的功能信息,快速准确告诉用户该图标是做什么用。
系统的信息结构隐藏在界面之下,界面图标设计需要让用户预知操作的后果,引导性的界面图标能让用户对系统做出准确的把握。如图3,返回图标是软件用户界面中的重要按钮,指示用户如何退出当前任务返回到上一级界面,其箭头形状形象地说明了返回的方向,接着有一条线由下往上弯回,与箭头连接,清晰传达了返回的意思,容易被用户理解。同时,直观和形象的图标有助于用户对图标含义的理解。如图3所示,音效的音效图标形象地表示了可调节汽车影音音效的高、中、低音质效果,它将用户界面中的概念与人们熟悉的日常概念联系在一起,这样用户很容易就可以理解这种工具代表的涵义和功能。
UI界面随着计算机信息技术的诞生而出现。随着信息技术的不断向前发展,UI界面的技术和呈现形式亦随之不断获得发展和完善。本文所探讨的人性化是基于目前的技术条件和人文、审美价值等背景下提出来的。随着虚拟现实、科学计算可视化及多媒体技术的飞速发,展,新的人机交互技术不断出现,更加自然的交互方式将逐渐为人们所重视,UI界面的形式和内容也必然将随着发生改变,届时人性化UI界面的内涵也将发生改变。
[2]刘伟.走进交互设计[M].北京:中国建筑工业出版社,2013:11
[4]宋方,金锦虹,逯新辉.析“扁平化”手机界面设计[J].包装工程,2012,33(14):60-63.
[5]李世国,顾振宇.交互设计[M].北京:中国水利水电出版社,2012: 11.
[7]程丽荃.智能手机移动互联网应用的界面设计研究[J].电子技术与软件工程,2015,5:40-41.
吕健安(1972-),男,广东省茂名市人。硕士学位。现为惠州学院,高级工业设计师,主要从事产品设计专业的教学,产品开发和研究。
高校门户网站是高校在互联网上展现自我的平台,其信息的全面性、及时性,使之拥有更为强大的宣传功能和更多的浏览用户。因此随着信息产业革命的不断深化,在Web2.0时代模式下,将高校网站的UI设计与时俱进,吸收当代设计领域的精髓,将其高校自身的个性与其他机构网页界面设计的共性实行有效结合,这就需要遵循一般的设计准则,又要适应网上浏览的特点。
“云南师范大学”高校门户网站中,用户群体主要涉及本校的学生、教职员工以及校外的其他用户;因此web2.0模式下网页UI设计应充分考虑师生的阅读兴趣及习惯,使网页的视觉流程体现独特的方向感,在网页内容与形式统一都应满足师生的审美需求上都应符合。从主题思想入手,同时不可忽视网页构成元素空间关系和形式美的结合,达到最佳的用户体验,吸引用户的注意力,利用灵活而合理的视觉流程和视角,组织好自然流畅的视觉导向,传达准确有效的信息。
网页界面的人文优化指的是交互性优化、易用性优化等针对用户使用方面的优化工作。由于“云南师范大学”高校门户网站面对的用户、民族各不相同,因生活的地域不同而有着不同的文化背景和生活习惯,因此在高校门户网站UI设计中应提供能让用户理解和认同的主要功能和界面审美,把人文差异变为统一。
Web2.0界面设计是以用户为中心的UI设计,以满足用户的需求为基本动机和最终目的。针对“云南师范大学”这类高校门户网站,更是具有用户体验,用户参与的一个实质性网站平台,因此在进行高校门户网站的设计中,应以用户为本,用户在特定的区域,通过鼠标操作,自己配色并添加皮肤状态、以及个性化互动流动画面。在互动网页界面给用户群体,广大学生教师等用户提供个性和想象的空间,灵活控制随用户意愿,从而体验设计,体验文化。在信息的视觉化,体验化过程中,加入民族语言功能,通过特别的信息导航,使用户从中得到深层次的理解,促进沟通的有效性和交互的顺利。
文字作为信息传达的主要手段,目前也是网页UI设计的主体。它是网页UI设计中必不可少的元素之一。针对“云南师范大学”高校门户网站UI设计的文字编排与设计,其文字风格应与内容特性相吻合,吸收西南联大的庄重和规范的特质,字体造型规整而有序,简洁而大方,给人以端庄典雅的风范或清新的格调。同时由于面向的用户群体众多,文字在视觉传达中作为页面的形象要素之一,除了表意以外,还具有传达感情的功能,必须考虑文字编辑的整体效果,给人一种清晰的视觉印象。避免视觉页面繁杂凌乱,减去不必要的装饰变化,使人易认、易懂、易读,不能为了造型忽视文字本身是传达内容和表达信息的主体。
图形语言是文字以外最早引入网络的多媒体对象。图文并茂地向用户传达信息,大大美化了网络页面,使得我们的信息更加简捷省力,同时图片对大众的吸引也远远超过了文字。在 “云南师范大学”高校门户网站的图形语言运用中,图形的选取与文件尺寸、内容的健康美观都是重要的关键点。在编辑运用中,必须考虑图文的合理搭配以及色调的掌握,风格的选取,使最终呈现的视觉图像和谐整齐,清爽简洁。
一个网站设计成功与否,某种程度上取决于设计者对色彩的运用和搭配。在设计网页界面时,我们必须高度重视色彩的搭配。色彩的过渡修饰及节约化,都会不同程度直接干扰用户的体验及网页的视觉表现。
(1)必须要有自己的独特风格,遵循一定的艺术规律,设计出色彩鲜明、性格独特的网站;
(3)网站色彩的采用,要体现设计的艺术特点,网站的文化内涵。按照内容决定形式的原则,大胆进行艺术创新,设计出既符合网站要求,又有一定艺术特色的网站。
网络技术日新月异的变化给高校门户网站交互式网页UI设计带来了新的表现天地,但是无论界面设计师对未来的网页界面如何刻画,都离不开用户的现实需求。只有满足应用领域的多样性和用户需求的多样性,网站才能真正为用户所接受。所以在未来高校门户网页UI设计中更倾向于根据用户来具体确定, 而不应该局限于单一的用户群体及体验渠道,应尝试多种交互通用模式,符合各类群体及高校门户网站信息的宣传与传达。未来的高校门户网页界面设计应逐步做到网页界面视觉效果及功能为用户量身定做,突出高校本身的独特优势及特点。同时也应随着时代潮流的变化,最终趋向未来的“零界面”模式。
UI设计是软件的界面及人机交互体验的设计,软件开发主要是针对代码的编写;
软件开发包括需求捕捉、需求分析、软件功能的设计、软件总体结构的设计、模块的设计、编程和调试、程序的联调和测试以及编写、提交程序,UI设计包括图形界面设计、用户体验交互设计;
视觉传达设计(VisualCommunicationDesign)所具有的含义是:以某种目的为先导的,通过可视的艺术形式传达一些特定的信息到被传达对象,并且对被传达对象产生影响的过程。
顾名思义,视觉传达设计主要是通过用视觉来向人们传达各种信息,所以构成视觉传达设计的主要要素就是文字、图形以及色彩这三个方面,它是视觉传达设计中最重要的构成要素,这也就决定了视觉传达设计的主要功能就是通过这三个要素,把设计者想要表达的东西通过这些要素传递给每一个接受到这个信息的接受者,它的主要功能就是起到传播的作用。
文字是信息传递的基本符号,在视觉传达设计中占有重要的地位,文字被广泛地运用在商标、标题、广告语、正文中,在强化消费者对产品的记忆方面能起到事半功倍的作用。
合理的编排文字可以加强广告信息的视觉传达功能,加强其审美情趣,诱导观众有兴趣地、方便地进行阅读。
上图是一个汉堡的广告,广告商似乎觉得图片的意思表达不够明确,特意在广告上加了两行广告语。让消费者的目光聚集在文字上,与图片的意思巧妙结合在一起,使人印象深刻。
图形是视觉传达设计的重要构成要素,它直观、形象、生活感强、富有美感。图像包括手绘、电脑绘制的图形、各种摄影图片和电脑合成的图片,其主要功能是充分表述广告主题、吸引消费者注意、诱导购买和指导使用。在日常生活中,人们对图片的感受非常敏感,可以直观地传达信息,有强烈的视觉吸引力。如今,天花乱坠的广告词有时还不如一些有说服力的图片更能俘获人心。
图形作为一种视觉形态,本身就具有语言信息的表达特征,比如,三角形是锐角形态,具有好斗,顽强的感觉;六角形既不是圆形,又不是方形,给人平稳和灵活的感觉;圆形线条圆滑,给人平静的感觉;而正方形具有四平八稳的形态,表现出庄重,静止的特征。合理的运用图形,既可以完美的诠释商品,又可以给消费者带了一种视觉享受。
上图是匡威帆布鞋的广告,整张广告没有太多的文字修饰,画面的主体是一张变异的帆布鞋,很新奇,画面的感觉很街头风,符合年轻人的审美,时尚潮流。
公众对于视觉传达设计的第一印象往往是通过色彩得到的,色彩与公众的生理和心理反应密切相关。因此,某种意义上说,色彩传达是第一位的。不同的色彩会给人带来不同的心理暗示,影响公众对广告内容的注意力。在广告设计中,色彩的搭配是灵活多变的,主要由广告内容所决定,受商品直接色、商品习惯色、消费者对商品的使用以及色彩情感的影响。一则以色彩取胜的广告,应打破人们头脑中固有的色彩概念,摒弃各种条条框框,大胆用色。例如奥利奥饼干,大胆地使用人们在食品包装中忌讳的黑色,蓝色,起到了意想不到的效果。广告色彩与广告对象长期,自然地形成了一种内在的联系,使人们将对颜色的感性认识上升到对产品的理性认识。
UI的本意是用户界面,是英文User和Interface的缩写。其实他们之间应该还有个更重要的词—交互(interactive)。游戏UI设计的重点其实在用户界面的交互上,它不仅仅是漂亮、华丽、符合游戏风格。[1]
目前国内的游戏UI设计还仅仅停留在一个初级的层面,大部分企划人员只给出了最基本的功能需求,然后由美术设计师根据漂不漂亮去完成,没有专门的人员,去系统的调查用户使用习惯以及不同年龄阶段的用户对UI的需求取向等等。因此,常常会发现游戏中能点击的功能或区域不突出,界面的板式比较零散或拥挤,给人一种堆砌感。不同等级的菜单,风格不统一,跳跃太大导致主次不分,很容易让用户误操作。
在4399游戏网站上面的某一款热门的连连看小游戏,游戏的界面设计的毫无美感可言。主菜单界面中,游戏的logo只是随意的写了几个字上去,美工没有精心的去设计;功能按键直接放在logo下面,与logo成一条竖直线,使游戏的界面一分为二,按钮与logo大小相等,没有主次。进入游戏界面,游戏的背景与游戏元素风格不搭,随意拼凑而成,视觉效果很混乱;功能按键与时间进度条成一条直线摆放在游戏界面上方,暂停与重置、提示按钮没有区分,很容易误操作;缺少游戏道具,也降低了游戏的趣味性。游戏胜利与失败的界面是一样的,只是简单的修改了一下文字,没有视觉上的享受,用户体验也很一般。作为用户的我,只玩了一遍游戏就放弃了,可以说,除了游戏性,毫无其他可吸引人的地方。在游戏玩法大致相同的时候,游戏公司需要在视觉效果和用户体验上去下功夫,这样才能吸引玩家的注意力,抢占市场。
游戏UI设计则是指对游戏的人机交互、操作逻辑、界面美观的整体设计。一些比较出色的游戏UI设计不仅让游戏独具特色,还可以让游戏操作变得简单、易学,大大的增加了游戏的上手度。由于大部分游戏本身都是通过图形与用户进行人机交互,所以一个漂亮的游戏UI的风格、合理的界面操作流程都可以给用户留下非常好的第一印象。这些因素对于游戏产品争取、引导用户有着决定性的作用。
首先,游戏的logo和字体设计是很重要,它在游戏UI中起说明和宣传的作用。以《神庙逃亡2》为例,游戏界面简洁而不单薄,人物和场景更加细致,相比之前的粗糙画面,新版本的画面提升了不少。游戏主菜单中,黄色的logo十分醒目,字体上的肌理效果很有趣味性,巧妙地放在神庙出口的上方;提示语的字体与logo的黄色相统一,提示语和转动的神像图形位于屏幕的中下方,方便玩家点击。
其次,游戏的人物和场景元素要与游戏的整体风格一致,游戏的场景变成了山上,因此玩家可以看到很多与山有关的场景,譬如利用绳子滑行到另一个悬崖,又或者跳过充满危险的溪流。当游戏玩到一定程度的时候,玩家还会进入到矿洞中,玩家需要控制好矿车的行走方向,一不小心选错就是死路一条。相比之前的的阴暗忧郁的场景,第二部的场景更加光明舒畅,整个游戏的色调明快,风格统一。
最后,游戏在玩法上,加入了技能和金币解锁元素,玩家只要在游戏的过程中收集足够的金币既可以使用出角色的特有技能。玩家也可以在逃走的沿途中吃到技能。游戏除了男主角以外,还有三名角色等着玩家去解锁。但是游戏机升级系统设计的不是很完美,玩家不小心点到某个技能的时候,金币会马上花费到那里,没有任何的确认或取消的提示。
一款成功的游戏,并不是越复杂越好,简单的小游戏要比大作更有优势。在游戏的UI设计上,设计师要想做的很出彩,游戏中各个要素的设计和功能键的摆放也是有讲究的,如何让用户体验更舒适,同样也很重要。游戏的UI设计则是给玩家的视觉感受,因此,要抓住玩家的视线,才有机会抓住玩家的心,而一款视觉效果好的游戏是很竞争力的。