炫效陷阱：视觉过载如何 silently 拖垮转化率

　　昨天下午三点，冰柜压缩机一直在响，嗡——嗡——嗡——，跟催命似的。外卖催单那个提示音刚歇了两秒，又“滴”一声炸出来，我手一抖，把刚切好的青椒丝全撒进潲水桶里。隔壁老张过来借火，叼着半截烟站门口不动，我说你再不点火我这青椒就焯成糊了，他才慢悠悠掏出打火机，“啪”一声。抹布是湿的，拧不干，擦桌边留一道灰印。

　　去年7月，我们那版新首页上线。不是外包给乙方那种，是我自己蹲在工位上扒三周代码，把动效、微交互动画、悬浮入口全塞进去。小杨说我搞得太满，像炒锅里油还没热就扔葱姜蒜，噼里啪啦全是响，没一样真熟。我没理他。那会儿老板娘还夸：“哎哟，一滑到底像看电影！”她顺手把菜单图重做了七版，加了光晕、渐变、浮层阴影，连“麻婆豆腐”四个字都镶了0.8秒入场动画——你信不信？真的镶了。

　　我原以为用户会多停两秒，结果平均停留时长反降了1.3秒。记不清了，懒得翻后台，反正那周复购率掉得够呛。单量两百多吧，比上月少二十来单，毛利？不够补那个UI动效插件续费的钱。老板说“要不试试弹窗引导？”我摆摆手说不用，心里其实发虚。门口那只猫又来了，蹲在台阶缝里舔爪子，我蹲下摸它脖子，它一扭头，挠了我手背一道红印——烫的，是前天炸春卷油星溅的泡还没好。

文章配图，仅供参考

　　第二天我盯了八单客人路径：五个人在“推荐页”停留超4秒后直接关掉；两个在二级类目切换三次以上——不是犹豫，是找不到“米饭”在哪；一个点了三次“立即下单”，弹窗始终没出来，后来他骂了一句，截图发群里。截图里右上角有个旋转的加载环，转得比店里风扇还稳。我查日志才发现——那个微交互动画占了32% CPU资源，首屏加载时间从1.4秒拖到3.9秒。3.9秒是什么概念？是老李送外卖进后门、解保温箱扣、掀盖、拎袋子、穿堂风刮走一张传单、跨过门槛、喊“您外卖——”那一整个过程。

　　最绝的是那道“琥珀芋圆”。定价28，成本19，推了仨月，单日最高出17份。上线炫效页当天，我们给它加了个“糖浆淋入”逐帧动画，60帧/秒，配音效——真配了！滴、嗒、嗒嗒…你猜怎么着？那一周卖了5份。后来我把动画关了，恢复成静态图，两周后回到15份。再后来小杨悄悄把图片里糖浆色饱和度调低两格，单日破了21份。我问他为啥，他说：“人脑子不记颜色，记位置。原来图上芋圆在左下角，改完还在左下角。动画一加，它先从天而降，再晃三下，最后定住——人记住的是‘晃’，不是‘芋圆’。”

　　上礼拜复盘，我和小杨、前端阿伟三个人坐在后厨洗碗池边上。水龙头开着，哗哗地冲，阿伟手机放桌上放着，微信语音里老板还在讲“要更有呼吸感”。我盯着池子里漂着的一片菜叶打转，突然想起西街口那个“老马面馆”。他们招牌灯箱十几年没换，红塑料字缺一角，但晚上十一点还有人排着队等座位。老马不爱接外卖，嫌配送压价，但他每晚九点准时擦一遍菜单板——木头的，拿干布，顺着纹路横擦三遍，竖擦两遍，再斜着带一遍，从不蘸水。擦完他就坐门口抽烟，等最后一拨人散场。有回我问他咋不整点新花样，他吐口烟说：“人肚子饿的时候，不认字，认锅气。”

　　我手上那个烫泡结了痂，一碰就痒。前天拆线，护士问我是不是常碰热油，我说是。她边剪边笑：“你们做吃的，比我们护士手还糙。”我点头，心想我们那版炫效首页上线那天，也跟拆线差不多——看着漂亮，里头全是绷着的线。优胜劣汰不是谁喊口号喊赢的，是人眼睛自动忽略那些晃的、跳的、飘的，专找能下手的按钮、能一眼看懂的图、能一秒下单的位置。它不吵，但真快。

　　上周五我偷偷下了SDK里三个动效模块，打包测了两天。没有通知任何人。昨儿数据跑出来，跳出率降了7%，加购涨了不到两个百分点，但客单价上去了——因为人终于看清主图里辣椒是干的还是湿的，没再点错剁椒鱼头和清蒸鱼头。老板娘今早来，端着保温杯说新方案不错，问啥时候能加个“下单粒子特效”。我嗯了一声，顺手把桌上那张A4纸背面朝下扣住了——上面是我画的交互流程草图，画到一半，被旁边小孩撕去一角折纸飞机飞走了。

（编辑：站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!