跳到正文
全部写作

设计

安静的界面手艺

最好的界面工作是看不见的。关于那些没人记录的瞬间——时间、重量,以及软件里的小小礼貌。

阅读约 3 分钟

去年春天,一个朋友搬来上海。头三个月她几乎抱怨了一切:潮气、排队、并排走的三个人。她一次也没提过地铁售票机。它工作正常——这就是对一个界面最高的赞美。

我职业生涯的大部分时间,都在做那些「应该被注意到」的软件:发布会、品牌时刻、个性稍微多了一点的引导流程。但我最骄傲的工作,是那些根本没人提起的部分。一个落定而不是弹跳的转场;一个从详情页返回后还记得滚动位置的列表;一个不会在你拇指已经伸过去时突然移位的按钮。

没人注意到的升级

在 Meridian 时,我们花过九周时间在一个底部抽屉上——手机应用里点某一行时滑上来的那块面板。那不是一次改版。我们换了缓动曲线,改了底下内容的位移方式,改了遮罩变暗的方式,也改了拖拽手势如何交接给滚动。上线很安静,更新日志里写了两行,其中一行还有错别字。

什么也没发生。没人来信。客服工单没有变化。一位产品经理问我们到底上线了没有。在一家以反馈衡量工作的公司里,九周的沉默就等于九周的失败。

但那是那个季度我们做得最好的一件东西。用户说不出改了什么,因为改的并不是一个功能,而是一处反复出现的轻微摩擦被拿掉了。这就是安静手艺给你的回报:那些人们早已下意识忽略的麻烦,消失了。

小决定的重量

一个没人强迫你做的设计决定,才是手艺的基本单位。分隔线用百分之十的墨色,而不是百分之十八;悬停用 120 毫秒,而不是 300;内边距用四像素而不是五,因为四像素时标签是视觉居中,五像素时是数学居中,而眼睛偏爱前者。

手艺是那些没人要求你做的决定,一个接一个,全部朝向摩擦更少的方向。

这些都不会出现在路线图上。它们出现在设计师们的小本子里,记着「等有空一定要修」的东西:空状态上重叠的双层边框、在卡片边缘被裁掉的聚焦环、慢半帧的标签指示器。我合作过的优秀界面设计师,没有一个不保留这样一份清单。清单本身就是纪律。

为「点击之后」而设计

人们记住界面,靠的不是一串屏幕的序列,而是边界处的感受:点击之后的一秒、支付完成的那一刻、邮件发出去之前的停顿。焦虑就住在那几秒里,而焦虑和其他材料一样,是可以被安排的。

几个我反复回到的礼貌:

  • 不要在拇指正在靠近时移动控件。你丢掉的那次点击,用户不会理解为「按偏了」,只会理解为「产品坏了」。
  • 用撤销代替确认弹窗。弹窗为了拦住少数粗心的人,打扰了所有人。
  • 返回上一页时恢复滚动位置。多数框架里这只是一行代码,却比大多数功能更值得。
  • 如果需要一点时间,就在发生的地方说出来。诚实地晚一点开始的进度条,好过热情地开始然后撒谎。
  • 让页面安定下来。如果三件事同时在动,眼睛不知道该看哪儿,界面即使很快也会显得吵闹。

这些都不光鲜,而这正是重点。界面不该为注意力试镜,它应该让开,把位置留给用户本来要做的事。

练习

安静的手艺需要预算才能活下来。在 Meridian,我们后来做了一个很小、很不好看的仪式:每周五留一小时,任何人都可以做清单上的一件事——不提需求、不估工期、不演示。那是日历上被大家守护得最好的一小时,因为每个碰过产品的人,都有一份想让它消失的「小型屈辱」清单。

练习的另一半,是把理由写下来。分隔线为什么用百分之十而不是百分之十八,留一句注释说明原因。未来的你不会记得,而未来的你,正是最有可能把它改回去的人。

这份工作之所以安静,是因为目标本来就不是被看见。它是让某个人接下来十秒钟轻一点点,然后完全消失。


分隔线的例子是字面意义上的。在暖色纸背景上,百分之十墨色的 1px 线,视觉重量约等于百分之六的 1.5px 线,但只有前者翻转到深色模式后不会发亮。视觉相等不等于数学相等,眼睛才是裁判。

标签手艺界面细节
RSS

更多文章