浅析“形式服从功能”在界面设计中的应用

高茜　王如

摘 要：随着电子产品的高速更新换代，数字应用类产品的普及，界面设计也伴随着计算机技术的革新在不断地更新以适应用户越来越高的需求。扁平化风格的流行使得曾经风靡一时的拟物化风格慢慢淡出人们的视野。但是不论形式风格如何变换交替，始终不变的是：优秀的设计必须以满足用户需求为出发点。这种以功能为导向的设计，与现代主义的设计原则“形式服从功能”不谋而合。

关键词：形式服从功能；界面设计；用户需求

0 引言

数字时代的产品，以各种移动终端作为平台，随着数字应用类产品的普及，互联网进入移动互联网时代，众多企业与个人开发者希望从中掘金。在这样的背景下，软件界面设计、用户研究、用户需求分析等成为应运而生的热门职业和话题。大家在分析界面设计，交互设计和视觉设计时候有这样一个比喻，利用建筑设计行业的一套说法：建筑设计对应的是界面设计，结构师对应交互设计，建筑外观设计师则是视觉设计。当设计师设计一栋建筑时，最主要的作用是发挥功能的作用，在功能的基础上做好外观的设计。这个比喻让我想到了在20世纪初期的建筑设计领域，有一个非常有影响力的设计原则。自从美国芝加哥建筑派的领军人物路易斯·沙利文（Louis Sullivan，18561924）提出“形式服从功能”的设计口号以后，该口号影响了整个现代主义设计。在路易斯·沙利文看来，自然界的形态与机能是恰当而又自然地融合在一起，那么我们所做的设计也应该如此。沙利文并不反对装饰，他曾表示：只要装饰部分与本体部分融为一体，那么它比看起来像贴上去的装饰要美得多。这个原则应用在界面设计也非常的恰当。

1 “形式服从功能”原则在界面设计中的体现

1.1 界面设计首先需要做到符合人们的期待

人们总是喜欢符合自己期待的行为。当人、事物或者软件的行为始终符合我们的期望时，我们会感到与之关系良好，这也是界面设计应该做到的。在实践中，这意味着用户只要看一眼就可以明白接下来将会有什么的反应，如果它看上去像个按钮，那么它就应该具备按钮的功能。设计师不应该在基本的交互问题上做过多的“创新”，要在更高层次的问题上发挥创造力。

1.2 可用性是设计的基础

在设计领域，界面设计成功的要素就是有用户使用它。例如，一个应用软件，虽然界面漂亮美观，但是功能不全，不够实用，那么用户不会选择使用它，它也就是失败的设计。界面设计仅仅能够满足其设计者的虚荣心是不够的，它必须要有用。苹果的设计之所以精彩，连中老年的用户都能够很快入手，其中的一个重要原因是苹果在处理设计的样式以及优先级方面非常成功，设计师在设计的过程中一定是非常有魄力的砍掉多余的元素，从而让重点的变的更突出，让功能变得更明确。

1.3 设计师要摒弃盲目的外观崇拜，减少非功能性的多余装饰

设计师比较容易陷入盲目的外观即“形式”崇拜中，设计人员甚至是用户都有可能受到诱惑，去盲目崇拜功能或者设计的复杂性。人们总是希望购买价格最高，功能最全的产品。他们需要这么复杂的产品吗？不，他们不需要！他们真正用到的功能并不多。很多时候人们因为产品过于复杂，页面设计过于花哨，导致使用的时候无从下手。以拟物化设计为代表的设计风格方便了用户的使用，增强用户体验，但是在其发展过程中，拟物也渐渐地展现出一些不如人意的地方。从界面设计来看，以苹果的数字产品界面为例，它常常使用精致的机理效果来模仿金属、皮革等质感，在造型上过于注重美感表达，较大的视觉空间里却只能表现少量的信息，信息的传递效率较低。为了视觉效果，用户需要增加与产品的交互步骤，延长了交互的流程。原本简洁的界面变成复杂的视觉元素间的堆砌，拟物那种老少咸宜易用性的初衷已经丧失掉了。

2 案例分析

在我接触到的工作中，由于新的工作任务需求还未出来，所以一开始同事们只是修改视觉方面，不修改交互。由于没有方向性，我们设计的视频会议软件的界面风格变得“像雾像雨又像风”。这个过程中，返工增多，工作效率也严重下降。如果那个时候有正确的出发点的话，不只关注产品外观也注意用户整个体验的小细节，或许就不会发生这样痛苦的过程。

为了方便深入分析，我需要再次借用关于苹果iOS7的案例——苹果在iOS7的官方主页最显眼的位置写道：“When something is designed to work beautifully，it tends to look that way，too。用起来漂亮的和看起来漂亮的，总是不谋而合”意思是：当某种东西是为了让运行更加完美而设计的，那它就是最恰当的设计。我想苹果的意思可能是，更简洁的扁平化设计，令整个界面可以容纳更多的信息、更多的功能、更容易使用，所以它就是最好的。显然苹果希望避开iOS7美丑的争论，好用和功能才是他們希望强调的。苹果的官方主页声称，一切新的设计都是为了更好用。似乎他们已经预知了iOS7界面上的改变太大：模仿代替了创新，扁平化设计代替了立体化设计，会让“果粉”心情难受，甚至觉得新的丑，所以干脆说，形式不是重点，重点是功能更好用。那么对于产品，究竟是“用起来漂亮的”重要，还是“看起来漂亮的”更重要？

2.1 “用起来漂亮的”——功能与可用性优先

正如前面案例描述中所提到的该软件（用于视频会议）是先专注于提升产品的视觉愉悦性，然后再考虑人机交互、操作逻辑等用户体验的交互性，尤其在新需求提出的这个阶段，设计理念与用户需求总有不符的时候，尽管两者都是以人为本的，为用户能在体验过程中更加愉悦而设计，但要有所取舍，比如新需求文档中有要求类似QQ等即时通信产品 “入会时，视音频会议直接与文字讨论窗口合并，并且支持合并拆分”，后来之所以暂时不实现，是因为我们认为视频会议软件不能为了文字讨论窗口，而把视音频窗口设计得很大，必须严格按照显示分辨率，找到人们最舒适的操作使用，使它最终成为一个切实可用的产品。

为了让产品更加实用，我們增加了更有价值的更多功能，其设计过程也让我想到了“形式服从功能”这句话，在设计的过程中，设计师有计划去落实更多的想法，实现更多有意思的功能，但同时也做好了将其中大部分可能扔掉砍掉的准备，其成本确实高，但却是极为需要的。从长期的角度来看，这样的方式可以帮助我们打造出用户真正需要的产品。出于这些原因，我个人倾向于功能与可用性优先的方式，不过这种通过理性分析入手的设计思路或多或少会让设计师失去一些在创意上实现突破的机会，但是对于任何界面来说，保证产品功能和可用性都是最重要的前提。无论我们的实践方式从哪个角度出发，有一点是无疑的：任何一个好的设计方案都必须以产品功能的可行、可用、可靠为基础。产品是给人使用的，是给目标用户带来最佳体验，不是只当做装饰、艺术品，所以我认为，作为设计师，我们设计产品过程中最需要关注的是产品功能如何运作，而不仅仅是考虑视觉呈现方面的问题。

2.2 “看起来漂亮的”——视觉设计提升产品体验的愉悦性

我们都知道第一印象的重要性，不可否认，人们确实会以貌取物，精心雕琢的界面可以在最短时间内给用户带来视觉上的冲击。一个好的产品，看起来赏心悦目又有艺术感，将会让用户在使用过程中更加愉悦，这就如同家具，功能固然重要，然而设计的好看仍然是你相中一款家具的最重要原因，不然谁愿意从早到晚都使用枯燥单调的界面？

近两年来，在设计领域中，我们听到最多的就是“扁平化设计”了，关键是，你是否将扁平化设计视作是一种模仿和跟风。最早开始扁平化设计是微Windows Phone、安卓4.0智能手机和Google+社交网站，基于有限的屏幕要容纳更多的信息，简洁和一目了然的扁平化设计当然会大行其道，iOS7也好，整个业界也罢，它们设计的扁平化只是响应了这个无可阻挡的设计潮流。也正因如此，同样基于扁平化设计的产品有了更多的相似性。iOS7的设计并没有给我们太多新意，但是我觉得iOS7与同样采用扁平化视觉风格的其他产品或多或少有所区别，因为其结合产品的具体需求来创建或维持更加定制化的特色，在一些细节有注入能够让用户在使用上为之吸引的元素，比如设备的倾斜会使系统界面产生随之轻微倾斜的视觉效果，背景图片朝着设备水平位置较高的一个侧面进行简单的移动，虽然这是不足以改变业界的重大视觉效果，但可以取悦用户，也从中隐约感受到其设计团队付出的心血。

3 总结

如果说交互的方式和界面的风格属于“形式”，那么用户需求就是最根本的“功能”。随着用户体验设计的不断深入研究，我们发现有很多问题最终都会归结到用户需求上面来。只有对用户体验的各个阶段、渠道和接触点进行全面的研究与分析，去了解目标用户的需求、行为和想法，才能提供最适合的解决方案。用户体验设计的质量很大程度上取决于我们对目标用户的了解程度有多深，而不是界面的交互或视觉设计形式有多赞。该论文研究的创新点也在于此。仅仅专注于界面够不够漂亮，或者仅仅为了满足用户需求所设计出的产品都不会是最好的作品。文章并没有抨击拟物化或者过度褒奖扁平化的意思，拟物化风格为了更好地体贴用户所做出的努力是我们有目共睹的，设计师在使界面更为仿真，更具震撼的视觉效果上执着的追求也令我很感动。在这个追求创新和快速消费的年代，需要设计出更效率，更新颖、更有个性的作品，设计师也应该不断调整自己的眼光以适应环境的变化。最后，我认为好的产品，美观又不失功能性；好的设计，能为用户的需求而设计，提高质量，并且实用，经得起时间的考验；好的设计师，能知道如何处理好形式与功能之间的平衡，并解决产品中的实质问题。

参考文献：

[1] 夏颖翀.数字产品界面中朴素的设计和冗余的设计[J].装饰，2013.

[2] 高茜.现代设计史[M].上海：华东理工大学出版社，2011.

[3] Steve Krug.DONT MAKE ME THINK[M].北京：机械工业出版社，2006.

[4] Smashing Magazine.众妙之门网站UI设计之道[M].贾云龙，王士强，译.人民邮电出版社，2012.

[5] 雷纳德·A·诺曼.设计心理学[M].北京：中信出版社，2010.

[6] 现代软件界面设计的历史及艺术特性[J].艺海，2011（11）.

[7] 马娜娜.简洁而不乏味——浅谈扁平化界面设计[J].大众文艺，2013.