“简”与“洁”,产品界面设计不得不知道的两点

从零开始学运营,10年运营老司机带路,2天线下集训+1年在线学习,做个优秀的运营人。了解详情

避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计 ,这是产品设计师们需要去做的。

jiemiansheji

“简”与“洁”

Medium的设计通常会被业界视为“简洁”的典范。不过,对于产品界面设计而言,“简”与“洁”却是有着本质性差异的两个概念。

  • ”,简单,用于描述复杂性。简单的事物,运作方式直白易理解。“简”,是一种使用体验
  • ”,洁净,用于描述视觉美感。洁净的设计,通常伴随着较低的信息密度与比重较高的留白。“洁”,是一种外观感受

严格控制界面元素数量的设计手法,或许可以塑造外观感受上的“洁”,却未必能够实现使用体验上的“简”,甚至有可能南辕北辙。和很多人一样,我很喜欢Medium洁净的外观,但同时也感到在操作体验方面距离“简单易用”还有一定的距离。

界面设计的根本目标,在于以产品的功能性为基础而构建使用体验,以使用体验为基础而塑造视觉美感。产品固有的复杂度不容回避,设计师需要对界面的复杂度进行判断与管理,通过必要的复杂度换取产品运作所需要的最基本的可达性与易用性,而非片面的以降低复杂度为目标,以设计的名义损害产品的功能性与使用体验

产品设计不是艺术创作

我一度很喜欢汉堡包菜单,觉得这着实是一种优雅的设计模式,能神奇地节省出大量空间,将全部元素隐藏到三道杠图标背后。不过在很多时候,点击这个图标的感觉会让我想到在“超级玛丽”里面跳起来顶问号砖块时的心情 。你总会在那样的一些瞬间寻思:“这里藏着什么来着?有没有我需要的东西?”

而且,汉堡包图标往往位于界面顶部边角,对于移动设备而言这是最不利于拇指触及的位置。

相比而言,传统的tab栏模式则可以让你一目了然,无需猜测与思考,无需浪费时间,全然只有“OK,就在那,了解”这样。

此外,tab栏所处的位置正是多数移动设备的拇指热区所在,操作便捷,尽在掌控。

我有时仍希望给汉堡包一些机会,然而现实就是现实。一系列测试使我相信,无论是可发现性还是易用性,tab栏都远远优于汉堡包,纵使前者在视觉表现上可能不如后者来的整洁美观。

对于产品界面而言,干净整洁不代表易懂易用。产品设计不是艺术创作,清晰性、可用性、易用性等诸多要素都是我们需要考虑并付诸实践的,而美观的视觉样式只是其中的一个组成部分。

别让“干净”毁掉“对比”

执迷于洁净的外观,将视觉美感凌驾于可用性之上 – 这是如今的产品设计行业当中普遍存在的风气。或许应该重新考虑一下我们究竟在为谁?为什么而设计了?

过去几年间,我们不断声讨着那些可以为界面元素带来功能暗示性的设计元素,例如浑厚的质感、浓重的阴影、夸张的渐变等等。为了提升内容的权重,我们摒弃了几乎所有在视觉上模拟着现实特性的元素。在很多方面,新的设计思路带来了正面的结果,用户们越发习惯于数字产品的原生化体验模式,而非一味沉浸于拟物化的界面环境。

但并非所有的变化都能惠利于用户。伴随着新的设计思路而来的极简主义风潮席卷了整个业界,“界面干净与否”的重要程度超越了清晰性、可发现性与可达性。年复一年,如此的趋势有增无减,数字化的内容与功能体验在潜移默化当中遭受着破坏。

我们倾其所能的制造着柔美而素雅的界面,视觉对比度变得可有可无,越发纤细的文字轻盈的附着在浅色背景之上,标题、正文、边框、背景、图标、表单……一切都变成了浅灰色。

设计的本质在于沟通

作为产品设计师,我们本该致力于将信息透过界面清晰的传达给用户,毫无保留的帮助他们更加简单快捷的访问内容、使用功能。然而,盲目的附庸视觉风潮,全然以“洁净”与“优雅”为己任,不惜含糊不清、似有若无的将内容与功能呈现出来甚至不予呈现 -。如此的“设计”只会辜负那些原本信任你的品牌并乐于参与产品使用的用户。

避免过度简化,构造合理的对比度,在整体上节奏清晰的体现产品的信息层次及功能架构,在细节当中打磨清晰性、易读与易用性,真正以“产品体验”而非“视觉风格”为主旨进行设计 ,这是产品设计师们需要去做的。

 

作者:C7210,交互设计师、猫奴、吉他手、鼓手、老狗,现就职于腾讯ISUX(上海)

来源:http://beforweb.com/node/858

原文:   https://medium.com/@stirman/simple-and-clean-2315d8e1850f#.cgr6aaxn6

祝给予赞赏的伙伴,2017年发大财!
2人打赏

评论( 1

写下你的想法
  1. 别让干净毁掉对比 图片应该是使用干净色彩搭配错误的例子吧

    回复

推荐阅读