润雪观点

将想法与焦点,与您一起共享

润雪观点

如何解决客户留白恐惧症

2018-07-03 润雪科技:重庆网站建设公司 浏览器:2296

image.png

“留白太多了”。

从入行开始到现在,我频繁听到这样的反馈,尖利而刺耳。然后我会抱着怀疑的态度重新审视我的设计。接下来的情况想必很多设计师都很熟悉了:用大量并没有什么意义的装饰元素,极不情愿地、一点一点地将精心设计的留白给填起来。最初的成就感逐渐消退,靠在椅子上全身不得劲,对于即将出货的设计稿毫无热情。生无可恋。

紧接着,还得悉心安抚提出意见的领导/客户/运营/产品/甲方。

这种感觉很熟悉吧?

Oatmeal Comic 的漫画设计师是如何坠入地狱将网页设计师最常遭遇的坑爹局面勾勒了出来。留白太多了其实只是一个间接的要求,当设计师的这个据点失守,再后退就是地狱和深渊了,因为通常这意味着,后面还有一大堆诸如我不喜欢蓝色我要七彩的LOGO”以及我觉得这种风格不够流行,能换个手写字体嘛?这样的问题。这就是一个悲伤的故事,并且这个故事一再上演

时至今日,我遭遇的针对留白的吐槽,背后基本都隐藏着一大堆别的修改意见。而作为设计师,我们的职责当中有一项特别关键:说服这些留白恐惧症患者,留白是设计中重要的组成部分,也是带来优秀用户体验的基石

通常留白被认为是活跃的元素,并非固定不变的背景。”— Jan Tschichold

留白恐惧症

意大利出生的著名文学和艺术评论家 Mario Praz 曾经创造过一个拉丁语词汇,Horror Vacui,意为对留白的恐惧。这个词是这位批评家对维多利亚时期凌乱冗杂的艺术风格的吐槽,面对着这个追求繁复细节的时代,每一个细小的空间都需要被填充、塞满,推动这一设计趋势的,难道不是对留白的恐惧么?


Horror Vacui 典型案例


image.png


OB Log 的表单


image.png

那么,留白是什么?

概念想必大家都很熟悉。留白的另外一个名字是负空间,它并不一定非得是白色,它也是一种设计元素。留白是设计师手中的重要工具,合理的留白将内容、文本、图形、图标和不同的视觉元素分隔开来,说它是空间布局的框架也不为过。

留白有不同的类型。文本的行间距和网格之间的间隙属于小留白,它让内容具备了更强的可读性。而页面中大面积无内容的区域则是大留白,它们让视觉更容易向内容聚焦

image.png

留白的重要性:

      ·提升内容的可读性
      ·强调内容
      ·阐明了其他视觉元素之间的关系
         ·提升复杂性

留白所构建的空间关系,让内容的可理解性提高了20%,降低了认知负荷。

如何正确回应“留白太多了”这种问题

image.png

1、客户:首页上的留白太多了吧?

你的回复:你网站的用户打开首页会寻找特定的信息,如果添加太多非必要的信息,会极大的分散他们的注意力,这些令人分心的元素甚至可能让他们忘记来这儿干啥。有个比较出名的Hick 定律,其内容指的是,你给用户提供的内容越多,他们作出决定的时间就越长。

2、客户:产品页面上留白太多了吧?

你的回复:这个页面的目标是增加产品的销售。实际上用户更倾向于低复杂度的信息,他们像要更快地搞明白产品本身的特点,易于理解的内容与图片能够让他们快速了解产品本身的功能和实用性。有个名为 Occam Razor 的规则指出,竟品当中,更加简单直白的那个更容易被用户所选择。所以,使用简约大气的布局更容易获得用户的青睐。

3、客户:控制面板上的留白太多了!

你的回复:控制面板为用户提供关键信息,希望用户能够借助这些信息作出正确的决策。关键意思是少而精,必不可少,如果额外的信息和非关键信息在控制面板上大量的堆砌,会将关键的信息给稀释掉,影响整个决策的。突出重点,降低信噪是控制面板应该具备的基本素质。

4、客户:功能介绍页上的留白是不太多了?

你的回应:简单清晰地在网页上介绍产品的功能,本质上是希望能帮用户更好的了解产品特征。用户想要找到真正对他们有用的信息,这是主要的需求,也是迫切的需求。根据 灵活性-可用性权衡机制,页面设计需要在产品获取信息的广度和深度上达到平衡,也就是说需要在灵活展示和重点突出上作出抉择与平衡。有针对性地给用户提供关键信息,谨防提供过多内容导致用户信息过载。

5、客户:注册表单上的留白多到爆了好么!

你的回应:你的注册表单页面是用来给用户注册的,用户通常希望能尽快完成注册,开始使用产品,而不是被冗杂的注册字段淹没!有些设置可以在用户完成注册之后再行添加,过多的注册条目将会导致用户注册的比例降低。

现在你知道如何面对客户和甲方的留白恐惧症了吧?他们只是单纯的希望不要那么空,而你需要解释清楚其中的缘由。设计是讲道理的,想要告别被客户支配的恐惧,让他们明白其中利弊是关键。

 


本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/1498.html