【摘要】近年来,电子设备在大众生活中的应用日益广泛,其界面设计也成为艺术设计中不可缺少的一部分,尤其是手持移动设备中的各类软件应用,已不是外观的艺术性和信息的单一呈现,使用舒适的人机交互和良好的用户体验逐步变成设计师和使用者关注的焦点。为进一步探索教学中电子设备的界面设计问题,本文通过对手持移动设备界面用户体验设计以及UI(英文User和interface的缩写,本义是用户与界面,但实际还包括用户与界面之间的交互关系)图标设计进行研究与分析,提出了面向设计者的界面设计方法与准则。
【关键词】界面设计;用户体验;UI设计;图标
随着科技的不断更新与发展,手持移动设备基于其系统的应用程序不断创新,功能日趋强大,以用户为中心、以人为本的设计越来越受到人们的喜爱,手持移动设备的设计已不仅仅局限于它的外观(即尺寸、质感、触感、颜色等硬件方面)设计,对其软件系统是否具有人性化设计的考量已成为用户是否选择使用的主体。而手持移动设备用户界面又是用户与手机系统、应用交互的窗口,它的界面设计必须基于设备的物理特性和系统应用的特性进行合理的设计。这个“合理”的设计就是要从符合人类的视觉需要、人体工程学需求等多方位、多学科考量入手,进行人性化的、注重细节的以及提供人们视觉舒适、操作简易的界面设计,其中最需要重视的两方面就是产品的用户体验设计和UI图标设计,只有将这两者完美融合才能打造出优秀的作品。
界面用户体验设计的方法及原则
1.界面是为了交流互动而存在
界面的存在是为了让使用者和设计师、使用者和软件应用、使用者和其他使用者的世界产生互动,它既能够把我们聚集在一起同时也可以把我们分隔开来,完成产品自身的价值并为公众服务。界面设计的功用和效果是可以被预测和测量的,也就是必须通过测试方才得知使用效果,因此它们不能表现为功利性。优秀的界面设计不仅能够激发唤醒起我们与这个世界的关联,还能够使我们事半功倍。有用户选择并使用才是界面设计的成功。就如同一双漂亮的童鞋,虽然漂亮,但穿上不舒适,穿脱不方便,顾客就不会选择它,注定将是一个失败的设计。因此界面的存在就是为了尽可能多地创造好用的环境让用户使用,尽可能多地考虑到不同年龄段、不同阶层、不同民族、不同文化的用户,就像你设计了一个实用的工艺品,既有使用价值又有艺术价值。如果设计师设计出来的作品仅仅是用来满足自己的名利心,那他就不是一个以人为本的好设计师,而“必须要被使用”才是一个界面设计存在的意义。
2.“明确”应处于设计的首要位置
我们认为,对任何界面来说,“明确”的设计是最重要的一点。因为只有用户能够在第一时间明确快速地分辨出它是什么时,使用者才能真正有效地使设计师设计出的界面作品为之所用。设计师们在进行界面设计时,首先不仅要正向思考人们为何会使用这个应用,也应该反向思考假设“我”作为这个应用的固定用户群体中的一员,它是否会被“我”喜爱并且使用。在作出相应的市场调研和分析后,再去思考怎样的界面能够帮助用户与其互动,去揣摩用户在使用时的日常习惯、行为反应,并能够成功转化到设计师的设计中。经过了这样的精密思考和设计后,如果用户还认为界面中依然出现需要推理或出现延时反应等现象,都是可以被容忍的。
3.“首次”便让用户掌控一切
用户首次体验界面的感受是非常重要的,而这却常常被设计师忽略。为了让用户更快地熟悉应用系统并使用它们,界面中的设计应该要提供一个方向和指引,引导用户迅速进入状况,起到良好的导视作用,就像公共场所里的导示牌、路标一样,能够快速简易地指引出人们想要到达的目的地的方向。人们总是习惯在自己熟悉和能掌控的环境中得到舒畅放松的享受。而草率的软件应用设计不仅剥夺了这种舒适感、流畅感,还会迫使用户面对杂乱的互动、繁琐及困惑的流程和意料之外的结局,降低做事效率,甚至使人烦躁不安,甚至也可以说这是一种对用户的不公平不负责的设计。通过定期的系统梳理,描述因果关系,在每一步操作前均给予提示,以使用户感觉之后的每一步操作都在他的掌控之中。那么这样一个使人舒心的界面设计必然会得到初次使用者的二次使用、持续使用,并将它们口口相传,使用户会在使用过程中像发现新大陆一样介绍给身边的人且通过使用能为自己的生活、学习提供高质量的服务,因此这就是用户首次体验的重要性,它直接影响了后期的传播作用与效果。
4.强烈的视觉层次感使操作变得更便捷
为使画面有清晰明了的视觉浏览次序,强烈的视觉层次便成为首当其冲的要素。也就是说,当使用者每次都用相同的顺序浏览同样的内容时,微弱的、易使人忽略的视觉层次感往往会令用户不明确需要浏览的关键点,终将给用户造成视觉疲劳和混乱疲惫的心理影响。就像书本中的文字编排一样,大标题小标题正文等需要有大小写、字体、字号、粗细体等不断变化的设计,而在图文结合的界面设计中,保持强烈的视觉层次感使用户掌握浏览重点和次序就更需要得到设计师们的重视。当需要在画面中添加一个视觉强烈的元素时,设计师应该要重新调整页面中所有元素的比重分配,来达到增强鲜明视觉层次的效果。
5.界面设计中色彩的个性化设置
首先,色彩或多或少能影响一个人的情绪,正如人的视觉、听觉、触觉、嗅觉等体验会不同程度地直接影响到人的心理及生理反应一样。比如当人们处于连续阴雨雾霾天时情绪会低落,当看到蓝天白云时心情又会舒畅。因此,不同的色相、冷暖对比可以使用户产生不同的心理感受,反之不同的心理状态、心情的好坏、情绪的起伏等所能接受的色彩也是不同的。其次,具有新鲜度的事物才能引起人们的关注,因此将色彩个性化设计作为界面设计的重要环节,目的就是用色彩的变换来调动和调节用户的心理需求,让用户对软件产品始终保有一种新鲜感。它可根据用户的需要来改变色调色相,使之依据自己喜爱的个性化界面色彩来进行选择,提高用户满意度。同时,在手持移动设备中使用个性化的设置还可以提升软件的魅力与活跃度,满足用户的多方位需求。在具体实施设计进程中,色彩搭配学显得尤为重要,要考虑图标色彩与整体色彩的反差以及最终效果的协调统一,达到用户审美观与视觉舒适度的需求。
UI图标设计的方法及原则
1.UI图标外观设计应遵循用户预期效应
人们总是对符合预期的行为最感轻松愉悦,和符合预期的人或事接触时也会感到关系不错。因此,UI图标的设计,理所当然的就应该与如同它们本身的功能一致,用户只要看到这个界面元素,就应该能预判出这个应用是做什么的。如果它看起来是摄像头,它就应该具有相机的功能,而不是在基本的交互问题上故弄玄虚,故作神秘,把创造力留到更高层次的用户需求上就好。
2.始终遵循图标的使命
图标的使命是信息的传达者。它必须可以使不同年龄、不同文化的人容易接受,并且能帮助我们快速、清晰、准确地理解图标所要传达的信息(如图1-2)。图1图2
3.避免图标中过多元素堆积
UI图标越简洁越好。把一个图标中的视觉元素控制到尽可能少的数量是很可取的,不要把UI图标设计复杂化。同样,也不要把太多的构思都转化成标志设计,或者给插画图标。这样也许就会造成图标中过多视觉元素的堆积。过于复杂的图形元素只能给用户识别带来麻烦,使我们在使用手持移动设备中的小图标时根本无法确定它的含义及此应用的功能。
4.典型行业的界面图标
行业图标应该具有典型性。每一个行业软件的图标按钮是一个命令符号,视觉元素也应该是一个目标动作的具体映射,因而作为体现目标动作的UI图标,它应具有强烈而清晰的表意性,尤其是作为通用图标,如电话、天气、时钟等。制作过程中选择具有典型行业特征的图型符号,有助于用户的识别并快速进入操作。如果是写实化的界面风格,可考虑部分像素羽化的效果,以增强图标立体感(如图3)。尽量使用较少的色相来表现层次丰富的UI图标,这样能以最小的数据量来表现图标,又不会影响小图标的视觉品质,当图标在软件应用系统中所占数据量减小时,程序的运行效率也便提高了。
5.符合自身品牌设计风格的延续以及符合平台系统风格
自手持移动设备逐步成为人们不可缺少的设备后,每个产品也已经不仅在一个平台上运营了。目前人们常用的平台有An-droid,iOS,Meego,WinPhone等。于是每个不同平台都有一套属于自己明显区分于其他界面的设计风格和图标风格,不仅仅是为了使自身品牌有标志性的界面设计,同时也让使用者逐步适应这种固定风格后,一旦使用其他平台有可能会产生不接受不习惯的心理影响。这也就是符合自身品牌设计风格的延续的意义。综上方法与原则,界面设计绝不是简单的排版,图形图像的拼合,同时我们也不应与视觉传达、编排、文案、信息架构等所有这些学科划清界限,它们都是可以被涉猎和研究的,全面地了解各学科可以推动设计师更好地进行设计并使他们迅速成长。而优秀的界面设计是设计师通过阐明、简化、明确、修饰,使之庄严,有说服性,又带有趣味性的与使用者之间的互动,并赋予其价值及意义的体现,因此界面设计值得我们更深入更全面的研究下去。
作者:高劼