点击精良
鼠标滚轮转了三圈,点击精良才从页面顶部滑到第一屏的点击精良底部。这不是点击精良什么长篇大论,只是点击精良一个普通的产品介绍页。但奇怪的点击精良是,我居然没有点右上角的点击精良叉。 那个按钮藏在页面右下角,点击精良不显山不露水,点击精良颜色比背景深一点点,点击精良形状是点击精良圆角矩形——不是那种棱角分明的老派样式,也不是点击精良现在流行的全圆角。它就在那里,点击精良像一颗安静的点击精良纽扣。我盯着它看了两秒,点击精良然后点了下去。点击精良 这一点的反馈让我愣了一下。按钮没有变色,没有弹窗,没有跳转,只是页面轻微地颤动了一下,像有人从桌子底下轻轻敲了一下桌板。然后,下一页内容缓缓滑上来,速度不快不慢,刚好够我眼睛适应新的布局。 我忽然意识到,我已经很久没有遇到过这种"点击精良"的体验了。 大多数网站的点击是什么感觉?要么是按钮按下去毫无反应,让你怀疑自己是不是没点中;要么是弹出一堆加载动画,转圈圈转得人心烦;要么是点击之后页面猛地跳转,像被人从背后推了一把。这些交互都在告诉你一件事:你在用机器,机器不太在乎你。 但这个页面不一样。它的每次点击都像一次握手——你知道对方在,对方也知道你在,双方都确认了彼此的存在,然后才继续往下走。 我翻了翻这个页面的代码,发现它的点击反馈其实很朴素:一个CSS过渡,一个微小的位移,加上一个300毫秒的延迟。没有JavaScript框架,没有动画库,甚至没有用SVG图标。就这么点东西,却让整个浏览过程变得像翻一本纸质书——每翻一页,纸张的弯曲和摩擦声都在告诉你,你正在阅读。 后来我特意去查了这家公司的招聘页面,发现他们在招交互设计师的职位描述里写了这样一句话:"我们相信,点击是用户与产品之间最直接的对话。"这话说得有点文艺,但确实戳中了要害。 现在的产品经理们太关注数据了,关注转化率、点击率、停留时长,却忘了点击本身是一种感官体验。就像你去一家餐厅,菜好不好吃固然重要,但餐具的手感、椅子坐着的舒适度、服务员递菜单时的角度,这些细节都在悄悄影响你对这顿饭的评价。 我有个做前端的朋友跟我说过,他每次做完一个按钮,都会自己点击一百次。不是为了测试功能,就是为了感受那零点几秒的反馈是否让人舒服。他说这是他的职业病,但我总觉得,这种"病"恰恰是现在最稀缺的东西。 页面看完了,我最终没有注册那个产品。但那个按钮的触感,那种轻微的、恰到好处的颤动,让我记住了这个品牌。下次再看到他们的广告,我大概会多停留一会儿。 这大概就是精良点击的魔力——它不改变你做决定的结果,但它改变你决定的过程。而过程,往往比结果更让人难忘。