关于“简”与“洁”的二三言

“简”与“洁”

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

”,简单,用于描述复杂性。简单的事物,运作方式直白易理解。“简”,是一种使用体验

”,洁净,用于描述视觉美感。洁净的设计,通常伴随着较低的信息密度与比重较高的留白。“洁”,是一种外观感受

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

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

产品设计不是艺术创作

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

关于“简”与“洁”的二三言

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

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

关于“简”与“洁”的二三言

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

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

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

相关阅读:眼见为实的产品设计

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

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

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

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

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

关于“简”与“洁”的二三言

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

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

彩蛋 from C7210

彩蛋时间?彩蛋时间。本周开始,黑胶作业终于做到Stan Getz,只是由于九月的额度在今天一个上午便挥霍一空,真正购买要留到十月才可以。

I've Got You Under My Skin,Stan Getz:

首先,关于谍影重重,我真挚的同情只有3D版本看的同学们。纵使有幸找到2D场次,也发现的确有人会因为镜头剧烈的摇晃而头晕到闭起了双眼呢。

关于“简”与“洁”的二三言

有朋友说,“看到你朋友圈那排排摆的书,有一种把‘寂寞’这种抽象的情感具化了的感觉”,真的吗?

关于“简”与“洁”的二三言

换个角度来看,在夜里碰倒这面一摞而被砸脸的情况倒是时有发生:

关于“简”与“洁”的二三言

借用自己发在朋友圈的内容,希望微信里的朋友们不会感到我在偷懒(一定会感到吧):“说起来,也都知道这件乐器是负责输出节奏的吧。问题在于,久了才会发现这东西的旋律性也相当惊人。单纯追寻节奏而无法四肢分明的敲打出来时,去感受不同的鼓和镲片在音色音调上的差异与律动,反而会从容的完成一些东西。不觉得很有意思?”

关于“简”与“洁”的二三言

“关于动态么,继续补仓倒是真的,这样那样的一些,自此‘村上接力’也成为了‘持续性读书行为’的代名词。着实见到过斑部长沿着书堆砌而成的台阶上下溜达的情景,不开玩笑。”

关于“简”与“洁”的二三言

关于“简”与“洁”的二三言

而真正的村上接力,则已进行到第十九本,《没有意义,就没有摇摆》:

关于“简”与“洁”的二三言

借用上一本《爱吃沙拉的狮子》当中的一句话来自勉:

“不爱说话的人啊,请努力生活。我也在背后无言地声援你。”

难怪爱敲字。尽是些有的没的。

关于“简”与“洁”的二三言

关于“简”与“洁”的二三言

另有之前在漫猫咖啡见到的美好墙画(MannCat Coffee,有谁知道这家与Mann Coffee之间是怎样的关系?装修风格都很相像。揣摩着MannCat是Mann家住了进了小猫的意思,却不见真的有猫咪看场):

关于“简”与“洁”的二三言

关于“简”与“洁”的二三言

漫猫家的卫生间,“keep clean”变成了“keep lan”,这事让我想到了“抠图”二字,莫名其妙。垃圾桶君眯着眼睛微笑着,全然不知掉了字:

关于“简”与“洁”的二三言

以及,无言。

关于“简”与“洁”的二三言