主小席

大美无“疆”—网页用户体验设计

主小席 · 2016-12-20翻译 · 609阅读 原文链接

这是一场关于网页设计应该采用框式布局还是无框式布局的战争。

窃以为,给每个网页或者应用的元素绘制可见边框的做法,将会导致不良的用户体验。多数情况下,这种边框设计的风格并无必要,或者说不十分必要。

人们在进行语言交流的时候,只有7%的信息能够通过语言的内容进行传达,而93%的信息则是通过音调和肢体动作来传达的。 视觉设计就好比是信息传达中的肢体动作、声音或者语调 。 而框式布局恰如某种视觉干扰,给人的感觉就像是一个热情过度的推销员在奋力推销产品。而事实上,用户真正想要获取的是内容本身,而不是被强制“推销”的过程。

Facebook和Google+的页面采用了显式的设计风格来对内容进行分类标记。

他们将视觉突出的卡片组成时间线,并辅以边框和阴影进行效果凸显。这种风格确实有必要么?

把Google搜索和Google+的页面放在一起比较来看,明显Google搜索的风格看起来更加赏心悦目,不是吗?

之所以Google搜索的页面设计优于Google+,很大程度上是因为它没有采用框式风格。值得注意的是,二者的使用场景确实有所区别。Google+主要帮助用户进行社区发现,而Google搜索则用来呈现搜索结果。尽管网站设计目的不尽相同,但是我仍然认为Google+如果采用无框式设计的话,效果会更佳。

Google搜索加框和不加框的效果对比图。

我实验性地给Google搜索的页面加了边框、阴影和背景色。这些改动是锦上添花还是画蛇添足,不言自明。

网页设计的变革之路已历经多年风雨。扁平化设计的潮流,为人们质疑过去那些只流于表面的设计风格提供了理论框架。其后,Google公司提出的原质设计(Material Design)又采用了一种新的设计语言,创造性地把现实世界的物理法则运用到了电子界面上。

即使抛开这些潮流和框架不谈,能够质疑或者持续推动网页设计不断改进这样的行为,其重要性也是毋庸置疑的。我相信,视觉设计对于帮助用户理解内容,具有着深远的意义,而我们对其意识往往不足。

设计师们应当常常自省,反问自己究竟多少设计风格才是适宜的。依我之见,设计不宜多,够用就好。我们需要做的是“解放”页面设计,因为大美无“疆”!