交互设计原则这回事,说多了都是泪
入行第八个年头,看过的设计文档比吃过的盐多。可你要是问我交互设计原则到底有多少条,我一时还真数不清。因为原则这东西,说白了就是前人踩坑后总结的经验,有的能救命,有的纯属扯淡。但今天想聊的这几点,是那些踩过无数坑之后依然觉得有用的货真价实的干货。
别让我思考,这是最真的原则
一个界面如果让用户盯着看三秒还不知道干嘛,那基本就废了。克雷格·米勒那本《Don't Make Me Think》估计你听过,这书名就是所有交互的第一定律。认知负担越小越好,你想想,手机上看新闻,要是每一步都得想“这个图标是啥”,是不是想摔手机?所以做设计,别玩什么隐喻,直接点,按钮像按钮,链接像链接。
当然,这年头有些产品为了追求“高级感”,把按钮藏起来,然后告诉用户“滑动查看更多”。滑动你妹!我去哪知道这个页面能滑?这时候那些浮夸的动效反而成了障碍。真正好的交互,就是让用户不动脑子,靠本能操作。
关于认知负担,有个经典研究就是希克定律——选项越多,决策时间越长。以前做遥控器,几十个键,现在智能电视遥控器就五六个键,反而更舒服。少即是多,这话在交互里永远不过时。
手机交互设计拇指热区示意图
这张图你肯定见过,但真正照着做的人没几个。
交互设计尼尔森可用性原则十大列表图
这十个原则虽然老,但常看常新。
所以,别把原则当圣旨,也别当狗屁。它们是你和用户之间的默契,是数字世界里的礼仪。下次做设计的时候,多想一句:用户会怎么想?用户的手在哪?用户的心慌不慌?做到这几点,你离好设计就不远了。
别让我思考,这是最真的原则
别让我思考,这是最真的原则
一个界面如果让用户盯着看三秒还不知道干嘛,那基本就废了。克雷格·米勒那本《Don't Make Me Think》估计你听过,这书名就是所有交互的第一定律。认知负担越小越好,你想想,手机上看新闻,要是每一步都得想“这个图标是啥”,是不是想摔手机?所以做设计,别玩什么隐喻,直接点,按钮像按钮,链接像链接。
当然,这年头有些产品为了追求“高级感”,把按钮藏起来,然后告诉用户“滑动查看更多”。滑动你妹!我去哪知道这个页面能滑?这时候那些浮夸的动效反而成了障碍。真正好的交互,就是让用户不动脑子,靠本能操作。
关于认知负担,有个经典研究就是希克定律——选项越多,决策时间越长。以前做遥控器,几十个键,现在智能电视遥控器就五六个键,反而更舒服。少即是多,这话在交互里永远不过时。
手指的物理距离,决定用户的心情
菲茨定律,这是1954年的研究,说出来你可能不信,但那个公式至今还管用。目标越大,距离越近,点得越快。手机上,你总把删除按钮放右下角,拇指够得着吗?左上角那个返回键,你让人家单手怎么点?这就是典型的违背原则。 我记得有一次做支付流程,确认按钮和取消按钮挨得特别近,我脑子里想的是“防止误触”,结果用户连续误触三次,差点把订单取消了。后来才明白,相邻按钮必须留足间距,而且重要的、有破坏性的按钮不能和常用按钮放一起。这个教训太深刻了。 所以你看,原则不是摆设,它背后全是人体的物理极限和认知习惯。你做设计的时候,是不是得想想手指的移动距离?是不是得考虑一下拇指的舒适区?
手机交互设计拇指热区示意图
这张图你肯定见过,但真正照着做的人没几个。
反馈,就像空气,没有就会窒息
交互最怕的是什么?是点击之后没反应。哪怕转个圈,也比没动静强。反馈是交互设计的基本原则,但很多人忽略的是反馈的时机和形式。有个研究说,反馈延迟超过0.1秒,用户就会感觉到“卡”,超过1秒,用户就会分心。所以,加载动画不只是动画,那是给用户的定心丸。 我见过有些产品,提交成功后不做任何提示,用户以为没提交成功,又提交一次,结果重复订单。你说这用户体验能好?反馈不只是“成功”或“失败”,还要告诉用户“接下来怎么办”。这就叫做引导性反馈,好的交互设计永远是在跟用户对话,而不是自言自语。 语音交互时代,反馈就更重要了。你跟Siri说话,它没反应,你会再喊一遍还是直接关掉?所以现在设计语音界面,必须有听感反馈,比如“嗯”“哎”这样的语气词,让用户知道它在听。这就是新的交互原则,从视觉延伸到听觉。容错性,才是真实世界的温柔
斯坦福大学有个研究,说用户使用软件时,错误操作的概率高达10%左右。也就是说,十次点击里就可能有一次点错。所以交互设计必须允许用户犯错,而且要走得回来。撤销、回收站、防误触,这些都是容错设计的例子。 最让我吐槽的是某些表单,密码输错了就清空所有输入,让你重头来。你这不是设计,是折磨。容错的本质是理解用户会犯错,然后给他们台阶下。一个好的系统应该像朋友一样,你说错话他提醒你,而不是直接把你赶出去。 不过话说回来,容错也不代表无底线。有些危险操作,比如删除所有数据,还是需要二次确认的。这就是“有意义的确认”,不是简单弹个窗,而是告诉用户后果。比如“你确定要删除这100条记录吗?此操作不可撤销”,这个弹窗就是必要的。原则也要进化,AI改变了一切
现在AI大爆发,交互设计的原则也在变。以前我们说的是“用户主动操作”,现在变成了“AI主动推测”。比如智能推荐,你还没输入呢,它已经猜你想搜什么了。这时候的交互原则,变成了“透明度”和“可控性”——你得告诉用户为什么推荐这个,也得让用户能关掉推荐。 再比如AR和VR,三维空间里的交互,菲茨定律还适用吗?可能得变一下,因为物理距离变成了空间距离,目标大小也变成了体积。有论文在研究这玩意儿,但还没定论。所以作为交互设计师,我们得保持开放,原则是死的,人是活的。 说实话,有时候我也烦这些条条框框,但等你被用户骂过几次,就知道原则的价值了。它不是用来背的,是用来救命的。你设计的界面,不就是替用户挡掉那些乱七八糟的坑吗?
交互设计尼尔森可用性原则十大列表图
这十个原则虽然老,但常看常新。
所以,别把原则当圣旨,也别当狗屁。它们是你和用户之间的默契,是数字世界里的礼仪。下次做设计的时候,多想一句:用户会怎么想?用户的手在哪?用户的心慌不慌?做到这几点,你离好设计就不远了。