UI设计形式语言的解析——基于视觉、交互、用户体验简约化的设计研究
近年来, “UI设计”已经受到了社会的广泛关注, 不少设计师纷纷转型为UI设计师, 但其中绝大数人对UI设计仍存在以下的误区:UI设计=界面设计。
在此, 须对UI设计的概念做出如下的释义:UI是User Interface的缩写 (用户界面) , 是由三部分组成, 即UI设计=视觉设计+交互设计+用户体验。有学者是用这样的方式描述UI设计的构成:UI设计是一位时尚达人, 其中视觉设计部分等价于时尚达人的衣着装扮;交互设计 (交互布局和框架) 部分等价于其身材体型;用户体验等价于其性格。
一、UI设计简约化盛行的缘由
在当前这个信息与高科技迅速发展的时代, 互联网技术的蓬勃发展让用户生活更加的便利, 用户越来越依赖于手机、平板等移动端设备的使用。在过去的几年内, 随着用户生活节奏的加快, 生活中每个角落充斥着忙碌, 复杂的事物不再同先前一样引起用户探求的欲望, 用户大多会去渴望那些能够不言而喻、自我解释的事物。因而, 简约化的设计理念颇受大众的关注, 乃至成为UI设计的潮流趋势, 致使这种状况产生的缘由是多方面的, 以下几个方面是主要的。
(一) 信息的超负荷
在这个信息超负荷的时代内, 用户每天都不由自主地通过网页端、客户端接收到大量的信息, 然而在这信息中, 却存在着很少的优质信息, 绝大多是属于垃圾信息。这就要求用户要去学会应对信息过载状况, 要去学会如何分辨信息优劣。UI设计简约化形式致力于能够更好地辅助分辨信息的优劣, 减轻了辨别的压力, 能够给长期处于压力下的青年人以放松。
(二) 使用方式的繁琐
当下, 用户希望使用的事物是能够自我解释其使用操作步骤, 而非需借助说明书、教程之类。UI设计简约化形式需设计师能够站在一个较高的层次上, 对用户的体验和交互设计能够较高的造诣, 此外还需时常和其他人员共同探讨。在设计发展的浪潮中, 现代主义运动的理念:“少即是多”、“形式追随功能”一直延续到现在, 仍为设计师所用。
因而, 如何让用户以最短的时间、最便捷的方式学会事物的使用方式是每个设计师应该致力于解决的痛点。
二、UI设计简约化形式的运用三策略
(一) 简约化策略—:删除
1. 删除之软件色彩
色彩是影响用户的视觉的首要因素, 客观上是对用户的一种刺激与象征, 主观上是对用户行为与反应的体现。在当下的视觉设计中, 一个不容忽视的现象:设计师会在设计时不由自主地引入相当多的颜色, 致使界面的整体视觉效果极其混乱。因而, 对于设计师而言, 在考量视觉设计时, 是需要给配色适时地做减法, 而非加法, 即删除。一个极好的视觉设计界面需以让用户利用最短时间获得最大效益为宗旨, 过多地给予信息对用户而言是一种负担。如网页端的设计案列google搜索主页, 运用了大面积留白的手法, 让用户的目光自然而然地被搜索框吸引, 这和谷歌的初衷相契合, 旨在希望用户聚焦于google搜索框完成搜索操作。因而, 采用留白方式删除过多用于分散用户的注意力的信息, 让用户聚焦于能够达成其目标的内容。从情感交互的形式层面上, 这样的设计也符合下意识的交互行为, 其反映用户不被约束的心理;同时作为一种温馨的情感反馈机制, 将信息以温馨自然的方式展示给用户, 让用户以自己下意识的行为作为引子, 将更好地提升用户的使用体验[2]。
2. 删除之硬件按键
按键是辅助设施中不可以缺少的成分, 是达成用户目标的一种媒介。作为生活中必不可少的事物, 虽其存在有着必要的价值, 但仍存在不合理的地方。据美国相关权威机构在2002年发表的一份报告, 称64%软件的功能“从未使用过或极少使用”, 这个结论同样适用于随处可见的电视遥控器。对于经常看电视的用户而言, 常常使用的按键一般只会涉及到到换台、调节音量的按键, 其他的按键很少触及;对于设计师而言, 通过事先预料看电视所会遇到的极端情况时, 便将需使用的按键全部都设计出来了, 致使遥控器的使用繁琐。显而易见, 仅有几个主要功能按键的遥控器颇受用户的喜爱, 没有芜杂的按键选项, 哪怕随意尝试也无需花费多长时间。因而, 删除硬件上的杂乱元素不仅能够让设计师专注于把有限的问题解决掉, 而且同时能够促使用户心无旁骛地完成自己的目标。
(二) 简约化策略二:隐藏
1. 隐藏之视觉界面
视觉界面是客户端、网页端的重要组成部分, 自定义在视觉界面中起着美化、个性化的作用。
视觉界面中的自定义看似是给予用户无限制的权利, 但在一定程度上赋予用户耗时考虑的重任, 这就引发出对隐藏的简化方式探索, 基于将用户体验的目标从设计的效能延伸至情感和意义的维度[3], 即在用户和功能之间设置一道障碍, 避免给用户造成界面操作的繁琐。聊天软件QQ存在着个性化设置的选项, 却隐藏于用户界面的左侧区域, 它存在的意图在于用户仅需要点击几下就可以完成个性化、定制化的界面显示。
2. 隐藏之触觉功能
通过触觉来实现目标的一种方式是属于用户行为范畴内, 用户行为是由五要素组成, 即行为主体、客体、环境、手段以及结果, 彼此之间是紧密联系的。用户通过手触碰屏幕来搜索heterogeneity单词的中文含义就属于用户的一种行为。
有道词典中自带的插件能够让用户在浏览外文网站时, 遇到不认识的单词, 全选即可显示其中文含义, 这种插件隐藏英译中的功能, 旨在能够适时地出现, 给用户莫名的欢愉。然而成功的隐藏需要做到以下几点:一方面需要彻底隐藏其有需要隐藏的功能, 另一方面是只在恰当的时机、恰当的位置显示其相应的功能。Adobe illustrator的隐藏方式可谓是成功至极, 在绘图按键的方框中有一个小三角图标的显示, 单击一次可以选中基本的功能, 单击并按着不放就可以看到其他的备选项, 这是基于对用户探求设计模式的心理, 这是通过细微的线索提示出所隐藏的功能。
(三) 简约化策略三:转移
1. 转移之抽象情感
用户在交互过程中, 相比于技术层面的社交需求获取, 将更加注重在使用过程的情感要素体验, 因此情感化体验的设计才是值得关注的重点[4]。
Mac OS系统上的软件左上角的关闭、最小化和最大化是由红、橙、绿三个小圆点所表示;Windows 7系统上的软件的右上角的关闭、最小化和最大化是由横线、方框、叉的三个符号所表示。其各自系统如此设计的缘由在于:红、橙、绿已经在用户脑海中形成视觉易识别的潜意识以及蕴含着极其丰富的情感色彩要素, 即红色就是代表负面、消极、错误、关闭;橙色代表警示、暂停等;绿色代表正向、积极、正确、成功等。基于以上本两大系统Mac OS和Windows 7中某软件使用方式的对比分析, 显而易见, 给用户带来情感化体验的方式颇受用户的关注与青睐。
用户与事物交互的感受, 往往是影响用户决定是否长期使用该事物, 因而, 众多设计师洞悉了这种需求:人性化的服务体验。在设计数码产品的时候, 往往会尽可能贴近用户需求。如Stripe app的结帐流程的设计案例, 通过动画来呈现支付成功、支付失败的状态, 动画的整个节奏会给人一种很容易完成购买的体验, 从而不让人产生望而却步的念头。动态交互设计可以使设计元素在静态的背景中更容易吸引用户注意, 引导用户进行交互活动, 也有利于打破移动设备屏内外空间的限制[5]。
2. 转移之具象平台
物的功能在某平台上很繁琐, 但换一个平台能够让用户以最小的代价达成目标。
NRC (NikeRun Club) 是一款完美的奔跑伙伴, 其打破了跑步被当作一项孤独的运动的模式, 通过与好友的分享, 将孤独转化为快乐, 从而吸引更多的人加入这项奔跑运动。其可通过Apple Watch手环来记录用户走路、跑步数据, 为用户打造简洁的使用体验。
然而奔跑的具体数值及运动轨迹则需要在NRCapp上浏览, 这就是通过对具体平台中的部分功能的转移。在设计事物时, 设计师通常可以将复杂性转移给用户, 通过用户对其使用展现出掌控性, 从而体现出对功能的简化。
NRC app可以得到NIKE教练与运动员的语音指导的跑步训练, 通过音频可以收到他人的鼓舞与激励, 这些旨在提升运动员的兴趣, 并使其乐在其中。
三、结语
不管时代如何的发展, 设计终究离不开不了人本主义的束缚。UI简约化的形式终究是服务于人, 至于对UI设计如何进行简约却不是仅局限于以上几种方式, 只要得到用户认可, 皆可以作为简化方式之一, 此外, 简约的设计理念, 终究还需设计师去践行。当下, 设计师所需做的是如何让UI的视觉设计、交互设计及用户体验三者更好地为人们服务。
摘要：本文是针对当下颇受关注的UI设计简约化形式的设计方法, 以UI设计的概念、意义及简约化效果为出发点, 基于视觉、交互、用户体验简约化方法的设计研究, 通过对当前市场移动端UI运用的简约化形式的介绍, 梳理了删除、隐藏、转移<citation id="62" type="reference"><link href="12" rel="bibliography"/><sup>[1]</sup></citation>的运用方式, 旨在为当下UI设计师对简约化方式的认知与理解提供些许参考与借鉴。
关键词：UI设计,视觉,交互,用户体验,简约化
参考文献
[1] 科尔伯恩.简约至上:交互设计四策略[M].李松.秦绪文, 译.出版地:人民邮电出版社, 2011.
[2] 宋颖颖, 陈虹.下意识行为在交互领域内的研究与应用[J].设计, 2015 (12) :136-138.
[3] 吴琼.信息时代的设计伦理[J].装饰, 2012 (10) :32-36.
[4] 辛向阳.混沌中浮现的交互设计[J].设计, 2011 (2) :45-47.
[5] 孙辛欣.基于移动终端应用软件的动态交互设计研究[J].包装工程, 2014 (22) :32-36.