被误读的交互设计原则:别背条条框框,要解决真问题
很多刚入行的交互设计师,入门第一堂课就是背交互设计原则。
背得滚瓜烂熟,一做实际项目还是错得一塌糊涂。
挺无奈的。
尼尔森十大交互设计原则原始文档截图
尼尔森当年整理出这十条,是在上个世纪九十年代。那时候PC端互联网刚萌芽,大多数用户连上网都不太会,设计师们急需一套好记的标准,降低试错成本。本质上就是把几十年可用性研究的成果,浓缩成十条朗朗上口的口诀,方便传播,方便新手入门,不是什么写死的真理。
现在都2024年了,AI产品、智能硬件都满天飞了,还拿三十多年前的条条框框卡所有产品,这不刻舟求剑吗?
比如那条著名的“系统状态可见性原则”,要求任何操作都要及时给用户反馈系统状态。放在现在的AI生成场景,你非要给大模型生成每一个字都拆成步骤,加一堆进度条提示,反而把用户的阅读体验拆得稀碎,有意思吗?
完全没必要。
AI对话产品交互布局对比图
你看,哪有什么绝对正确的原则?当年抖音刚做出来的时候,单信息流全屏交互,放在十年前,违反了多少传统交互原则?老设计师都会说,交互设计要给用户更多选择,你上来就只给一个内容,不让用户自己挑,这不对啊。结果呢?现在单信息流成了所有短视频产品的标准设计。
用户喜欢,数据说话,比什么原则都管用。
对了,很多人说交互设计要一致性,我就见过很多产品为了一致性,把所有页面都做成一个模子,哪怕这个页面的核心目标完全不一样。比如支付成功页,核心目标是让用户看看对不对,要不要加个会员,你非要跟商品列表页用一样的侧边栏导航,这不就是为了原则而原则吗?
多蠢。
忘掉条条框框,抓住交互设计的核心
说了这么多,不是让你完全扔了交互设计原则不学。而是别被条条框框绑住手脚,要去抓最本质的东西。
我做了快十年交互,所有踩过的坑加起来,总结出来好用的交互都逃不开三个核心,比背十条百条原则有用多了。
第一个就是目标匹配:用户打开这个页面、点这个按钮,核心目标是什么?你所有的设计都围绕这个目标走,别塞乱七八糟的私货。比如用户打开打车App就是要三分钟内打到车,你非要给我塞一堆优惠券弹窗、酒店广告,哪怕你设计得再符合一致性原则,用户照样骂你。
第二个是即时反馈闭环:用户做了任何操作,你都得给人一个明确的回应。点了按钮,是成功了还是失败了?加载要等多久?哪里填错了?说清楚就行。
太常见了。很多App你点提交,半天没反应,你也不知道是网络卡了还是提交成功了,只能再点一遍,最后重复提交,烦得要死。这种错误,本质就是连最基础的反馈都没做好,跟什么高阶原则没关系。
第三个是低门槛容错:允许用户错,错了能轻松改回来,别把用户往死里坑。很多产品现在为了KPI,故意把取消按钮做的比确认按钮小十倍,颜色还浅,就是骗用户误点,还说这是符合视觉流原则,扯什么淡呢。
真正的好交互,是站在用户这边的,不是帮产品坑用户的。
你要是刚入行,别忙着报班背一堆原则。多找几款用户口碑好的产品,自己打开一个个点,一个个用。哪里点着顺,哪里点着你自己都想摔手机,记下来,比背十页PPT都有用。
对吧?
尼尔森原则不是金科玉律,是百年交互的经验快照
说实话,我见过太多应届生面试,把尼尔森十大原则背得比自己生日还熟,一遇到实际需求,比如问你怎么优化电商App里人人喊打的砍一刀弹窗,只会憋出来一句要遵循一致性原则,所以弹窗应该和平台其他弹窗保持样式统一。 完全没摸到问题的核心。
尼尔森十大交互设计原则原始文档截图
尼尔森当年整理出这十条,是在上个世纪九十年代。那时候PC端互联网刚萌芽,大多数用户连上网都不太会,设计师们急需一套好记的标准,降低试错成本。本质上就是把几十年可用性研究的成果,浓缩成十条朗朗上口的口诀,方便传播,方便新手入门,不是什么写死的真理。
现在都2024年了,AI产品、智能硬件都满天飞了,还拿三十多年前的条条框框卡所有产品,这不刻舟求剑吗?
比如那条著名的“系统状态可见性原则”,要求任何操作都要及时给用户反馈系统状态。放在现在的AI生成场景,你非要给大模型生成每一个字都拆成步骤,加一堆进度条提示,反而把用户的阅读体验拆得稀碎,有意思吗?
完全没必要。
好的交互设计原则,永远适配当下的产品场景
不过话说回来,也不是说所有原则都没用。核心是你得懂,原则是死的,场景是活的。 上个月跟一个做AI个人助手的团队聊起他们的改版,特别有意思。他们刚做产品的时候,整个设计团队把交互设计原则奉为圣经,严格遵循“最小化认知负荷”的要求,把所有非核心功能都藏进了三级菜单,整个主界面干干净净,只有一个输入框。 做完大家都觉得完美,符合所有设计原则,结果上线半个月,数据惨不忍睹。有超过六成的用户用了一个月,都不知道自己的AI助手还能生成PPT、整理会议纪要。 后来他们改了一版,把用户最常用的三个功能做成了悬浮快捷按钮,直接钉在输入框上方。看似增加了认知负荷,结果核心功能的使用率直接翻了三倍,用户留存涨了二十多个点。
AI对话产品交互布局对比图
你看,哪有什么绝对正确的原则?当年抖音刚做出来的时候,单信息流全屏交互,放在十年前,违反了多少传统交互原则?老设计师都会说,交互设计要给用户更多选择,你上来就只给一个内容,不让用户自己挑,这不对啊。结果呢?现在单信息流成了所有短视频产品的标准设计。
用户喜欢,数据说话,比什么原则都管用。
对了,很多人说交互设计要一致性,我就见过很多产品为了一致性,把所有页面都做成一个模子,哪怕这个页面的核心目标完全不一样。比如支付成功页,核心目标是让用户看看对不对,要不要加个会员,你非要跟商品列表页用一样的侧边栏导航,这不就是为了原则而原则吗?
多蠢。
忘掉条条框框,抓住交互设计的核心
忘掉条条框框,抓住交互设计的核心
说了这么多,不是让你完全扔了交互设计原则不学。而是别被条条框框绑住手脚,要去抓最本质的东西。
我做了快十年交互,所有踩过的坑加起来,总结出来好用的交互都逃不开三个核心,比背十条百条原则有用多了。
第一个就是目标匹配:用户打开这个页面、点这个按钮,核心目标是什么?你所有的设计都围绕这个目标走,别塞乱七八糟的私货。比如用户打开打车App就是要三分钟内打到车,你非要给我塞一堆优惠券弹窗、酒店广告,哪怕你设计得再符合一致性原则,用户照样骂你。
第二个是即时反馈闭环:用户做了任何操作,你都得给人一个明确的回应。点了按钮,是成功了还是失败了?加载要等多久?哪里填错了?说清楚就行。
太常见了。很多App你点提交,半天没反应,你也不知道是网络卡了还是提交成功了,只能再点一遍,最后重复提交,烦得要死。这种错误,本质就是连最基础的反馈都没做好,跟什么高阶原则没关系。
第三个是低门槛容错:允许用户错,错了能轻松改回来,别把用户往死里坑。很多产品现在为了KPI,故意把取消按钮做的比确认按钮小十倍,颜色还浅,就是骗用户误点,还说这是符合视觉流原则,扯什么淡呢。
真正的好交互,是站在用户这边的,不是帮产品坑用户的。
你要是刚入行,别忙着报班背一堆原则。多找几款用户口碑好的产品,自己打开一个个点,一个个用。哪里点着顺,哪里点着你自己都想摔手机,记下来,比背十页PPT都有用。
对吧?