别背口诀了:被用烂的交互设计原则,到底该怎么用
上个月我在南京徐庄软件园的咖啡厅见一个做了三年交互的小朋友,她笔记本上贴满了尼尔森十大原则的便签,改原型的时候每改一处就抬头勾一条,活像期末考对着考纲划重点。
改完请我看,界面整整齐齐,所有圆角都是4px,所有返回按钮都在左上角,每一步操作都有状态提示,挑不出一点违反口诀的地方。
结果上周她跟我吐槽,用户测试做完,十个用户有七个找不到开发票的入口。入口藏在“我的”页面二级菜单最底下,完全符合现有框架的一致性,怎么就错了?
你背的原则,从来都不是给新手套的模板
很多人刚学交互,第一反应就是背十大原则,把每一条都抄在本子上,做设计的时候一条一条对,对上了就是好设计,对不上就推翻重来。
说实话,这完全搞反了因果。
这些所谓的交互设计原则,都是半个世纪以来,设计师们踩了无数用户的骂,踩了无数转化掉坑的坑,攒出来的经验总结,不是写死的法律。你要套模板,那不叫做设计,那叫考试答题。
就说最常用的一致性原则,要求产品内的交互逻辑、视觉样式统一,方便用户形成习惯。很多人理解成:全APP所有按钮都要一个样,所有导航都要同一个位置。
我见过一个电商项目,大促付款页,付款按钮跟页面上其他的导航按钮样式一模一样,圆角、大小、字重全统一,结果付款转化率比设计稿改之前掉了快两个点。为啥?用户根本一眼找不到哪个是要按的啊。
错误遵循交互一致性设计的电商付款页原型
你看,为了符合文字上的原则,把核心目标给丢了,这不纯纯出力不讨好吗。
一致性本来是用来降低用户认知负担的,结果你为了一致性,把核心操作给藏起来了,反而增加了负担,完全走反了方向。
所有交互设计原则,本质都是帮用户偷懒
不管叫什么名字,什么状态可见,什么容错原则,剥掉壳子看,核心就一个:让用户不用动脑子,就能做完想做的事。说白了,就是帮用户偷懒。
你想,用户打开你的产品,是来完成任务的,不是来研究你的设计多符合原则的。我要付账,我就要第一时间看到付款按钮;我要开发票,我就不想点个三四层才找到入口;我输错了密码,你直接告诉我哪错了就行,别跟我扯一堆没用的术语。
之前我参与做智能门锁的配套APP,一开始设计师遵循惯例,把“添加新设备”放在“我的” tab 的二级功能列表里,说大家都是这么做的,符合产品结构的一致性。
结果我们找了几个用户来测,大半都是第一次用智能门锁的中老年人,打开APP盯着首页看了一分钟,问我们:“我要装锁,在哪加啊?”
智能门锁APP添加设备入口位置对比设计图
后来我们改了,把添加门锁的入口直接放在首页最顶部,做成一个占三分之一屏幕的大卡片,写着“点击添加新门锁”,一下子,所有人打开就能找到。
你说这符合哪条原则?其实哪条都符合,因为它抓住了核心:用户第一次打开APP,核心需求就是加设备,你顺着用户的预期放,就对了。
不过话说回来,偷懒也不是偷所有懒。有人说“最小动作原则”就是让用户点越少越好,那我把选商品规格和下单合并成一个按钮,用户不是少点一次吗?结果呢,用户点进去直接下单,买错尺寸买错颜色的退单翻了三倍,反而给用户添了更多麻烦。
对,少点击不是目的,让用户不用动脑子不出错,才是目的。
原则的边界,才是设计师真正的功力
原则的边界,才是设计师真正的功力
我见过最离谱的事,是一个政务APP的查询页面,设计师说我严格遵循了状态可见原则,每一个步骤都给用户弹提示,获取权限弹一次,加载数据弹一次,加载成功弹一次,渲染完成弹一次,三秒的加载时间弹了四次toast,直接把查询按钮给挡住了。
你说这找谁说理去?原则没错,错的是不知道什么时候该收,什么时候该放。
没有不变的原则,只有适合当前场景的选择。你做面向普通用户的C端产品,一致性很重要,因为用户不想学新的交互逻辑。但你做面向极客的代码编辑器,你要求所有按钮样式都一致,所有功能都放在固定菜单里,极客们反而骂你不懂行——我要自定义快捷键,我要把常用按钮拖到任何位置,破坏一致性才是我要的。
再比如容错原则,要求你给用户留反悔的余地,误操作了能撤回。做图文编辑,撤回按钮必须放在最显眼的地方,没错吧?你做支付转账,也要让用户能撤回?那诈骗分子转完账立刻撤回,你受得了吗?
不同的产品,不同的用户,不同的核心目标,原则的用法完全不一样。新手才讲对错,老手只讲合适不合适。
我上次在南京老门东逛,看见一个卖糖粥的老铺子,门帘挂的位置刚好,伸手掀的时候不用抬手也不用弯腰,桌子摆的位置,坐下腿刚好能伸开,筷子放在右手边,拿起来就能用。你说这老板学过交互设计吗?能背出几条交互设计原则吗?肯定不能啊。他就是天天站在那里,看客人来了怎么坐怎么拿,慢慢调,调到舒服了就完了。
做交互不也是这么回事吗?口诀是死的,人是活的,用户是活的。你把自己当成第一次用这个产品的用户,走一遍流程,哪里卡,哪里不舒服,哪里找不到,改了就对了。比你对着十条原则勾来勾去,有用多了。
别背口诀了,口诀是帮你记经验的,不是帮你做设计的。