当前位置:首页 > 科研成果库

贴了满墙交互设计原则,我做的老年小程序退货率冲到40%

2026-10-16 02:57:04小研科研成果库5

上周三凌晨两点,我手机震得胳膊发麻,是之前一起做项目的小周连发9条60秒语音转的文字,说他花了两个月打磨的老年版社区买菜小程序,上线3天退货率快冲到40%。

我当时第一反应是,他不是把所有交互设计原则的条目都打印出来,用透明胶贴在工位挡板上了吗?费茨定律、希克定律、系统状态可见性、操作可逆性,一条没漏,甚至每改一个按钮尺寸,都要对着墙上的条目核对半天,怎么就崩了?

那些被背烂的原则,全是有前提的

我爬起来打开他的设计稿,看了没三屏就差点把手里的冰美式喷在键盘上。为了符合费茨定律里“目标越大越近,操作效率越高”的要求,他把“立即购买”按钮做的占了屏幕近一半的面积,正红色,亮得晃眼。结果呢?来买菜的老人本来是想点进去看看青菜的产地、农药残留检测报告,指尖还没碰到屏幕,就被那个怼到眼前的大按钮带偏,直接下单付款。等反应过来想退,找半天找不到返回商品详情的入口——因为那个返回键被大按钮挤到了屏幕最右上角,老人的手指够都够不着。

他还说自己严格遵循了希克定律,把所有非必要的选项全砍了。之前的版本里,用户点进商品之后,要选重量、选配送时间、选要不要帮忙摘菜,他觉得选项太多会让老人决策疲劳,直接把这些选项全删了,点一下“立即购买”就默认按一斤的量、今天下午配送、带原包装送上门。结果呢?有老人本来想买两斤排骨给孙子做汤,收到的是一斤,有老人本来想选上午送,结果菜送到的时候他正在菜市场,家里没人收。这些退货,没有一个是因为菜不好,全是因为他把“减少决策负担”做成了“剥夺用户选择权”。

老年买菜小程序按钮布局对比示意图老年买菜小程序按钮布局对比示意图

说实话,谁上学的时候没把这些原则当标准答案背过?但很少有人会在课本上看到这些原则的适用边界——费茨定律的核心从来不是“按钮越大越好”,而是“用户的注意力落点和操作路径是连贯的”,你要是把大按钮放在用户根本没打算操作的视觉落点上,再大也是添乱。希克定律的适用场景是“用户已经明确知道自己要什么的决策环节”,比如你在已经选好商品的结算页,把支付方式从10种砍到2种,确实能加快决策,但你在用户还在了解商品信息的阶段就把选项全删了,那不是帮用户,是把路给堵死了。

别拿通用原则套所有用户,先搞清楚谁在碰你的界面

我自己也踩过一模一样的坑。前年做企业办公软件的审批模块,当时照着通用的交互规范,把“提交审批”按钮放在页面右下角最显眼的位置,觉得这是大多数用户的操作习惯。结果上线第一个月,销售部就找过来投诉,说漏审了好几个百万级的合同。我蹲在销售办公室看了一下午才发现,这帮人天天在外面跑客户,根本不会坐在办公桌前用电脑端点按钮,全是单手握持着手机处理审批。手机屏幕右下角的位置,刚好是小拇指撑住手机的支撑点,每次要按那个“提交审批”,都得把手机转个角度,调整半天才能够到,反而把页面中间偏上位置的“暂存草稿”按钮当成了提交键——点完就把页面切走了,审批单存在草稿箱里躺了快一周。

单手握持手机触控热区分布示意图单手握持手机触控热区分布示意图

后来我们把“提交审批”的位置移到了屏幕中间偏下,刚好是大拇指自然弯曲能碰到的热区,把“暂存草稿”的字体缩小了两号,放在页面最顶部的角落,漏审的问题直接就解决了。你说我们改的时候遵循了什么原则?根本没对着墙上的条目核对,就是坐下来看真实的用户怎么拿手机、怎么点屏幕而已。

之前碰到个做健身APP的设计师,为了符合“操作反馈及时”的原则,用户每完成一个10秒的平板支撑,手机就震三秒,弹个满屏的庆祝动画,配着夸张的音效。结果上线之后被用户骂惨——大家在健身房对着镜子练动作,本来就喘得厉害,突然手机在口袋里震得厉害,掏出来一看是个满屏的动画,差点把手机甩到旁边的跑步机上。这种事,没有哪本交互设计原则的手册会写“不要在用户运动的时候弹满屏动画”,但你要是真的把原则当圣旨,做出来的东西肯定没人愿意用。

真正好用的交互,从来不是“让设计符合原则”

我平时最常用的那个地铁乘车码小程序,之前的版本是点进去先弹3秒开屏广告,再点一下“我的乘车码”按钮,等个两秒加载,才能刷码过闸。后来改版之后,你只要点一下小程序的图标,还没等你反应过来,乘车码已经满屏显示好了,没有广告,没有多余的按钮,甚至连个“刷新”的提示都没有。每次赶地铁的时候,我点完图标就直接把手机怼到闸机上,全程根本不会想“我下一步要做什么”,刷完就走,甚至有时候会忘了刚才开小程序的步骤。

这才是交互设计该有的样子。不是为了向别人证明你懂多少定律、会套多少规范,是让用户全程不需要刻意思考“我下一步该点哪里”,不需要怕点错,不需要在一堆弹窗和按钮里找自己要的功能。我之前在行业交流会上碰到个刚毕业的设计师,上来就跟我扯要严格遵循十大交互原则,不能有一点偏差。我问他,你给你外婆设计过手机界面吗?他愣了。你外婆连微信的绿色图标在哪都要找半天,你跟她谈什么“系统状态可见性”?她根本看不懂你那些花里胡哨的状态提示,你不如直接把“给外婆打视频”的按钮放在手机桌面最中间,比什么原则都管用。

前几天小周把改完的小程序链接发我,现在退货率降到了5%不到。他把那个占半屏的大按钮缩到了合适的尺寸,把返回键放在屏幕左下角——刚好是老人拿手机的时候拇指自然碰到的位置,把选规格的选项用大字体放在购买按钮的上方,不用点进去就能选。他说之前总觉得,把所有原则都用上,做出来的东西肯定不会差。现在才明白,交互设计原则是前人踩坑攒出来的经验参考,不是需要逐字背诵的金科玉律。

我当时给他发了个举大拇指的表情包。

真的是。

你做交互,从来不是为了让你的设计符合哪本教科书上的条目,是为了让那个拿着手机的人,顺顺当当把事办完。

就这么简单。