网易首页 > 网易号 > 正文 申请入驻

交互设计定律的应用案例

0
分享至

编辑导语:设计师在日常工作中需要掌握很多理论技巧,怎么样让设计出来的产品更加美观,更加符合大众审美呢?本文作者分析了互联网上的交互设计7大定律并对其提出了质疑。本文主要从作者经验出发,分享了交互设计5大定律。推荐对交互设计感兴趣的用户阅读。

前段时间应邀给部门内新入职的校招设计师讲一堂设计法则的基础课,作为产品经理,交互设计定律肯定是绕不开的一个知识点,但对于网上广为流传的《交互设计7大定律》,我其实一直都有些质疑,因为没搞清楚作者组织的思路,也查不到任何文档的介绍,我觉得如果就这样照本宣科的去讲交互设计7大定律是不负责任的,所以我根据自己近10年的交互设计经验,重新定义了今天这「交互设计5大定律」,希望对你理解和运用设计定律有所启发。

在介绍重新定义的交互设计定律之前,我们先来回顾一下经典的《交互设计7大定律》。

费茨定律告诉我们要节省操作时间应该怎么做:放大目标对象,减小目标距离。

席克定律告诉我们要节省决策时间应该怎么做:尽可能的减少选项的数量。

米勒定律告诉我们人类记忆的上限,所以要将信息数量控制在4±1内。

接近法则告诉我们相邻≈相关,所以要根据信息亲密性组织其位置关系。

泰思勒定律告诉我们复杂性是守恒的,我们要平衡复杂性的天平向谁倾斜,以实现整体效益最大化。

防错原则告诉我们用户出错是不可避免的,我们只能减少并降低其犯错的可能性。

奥卡姆剃刀原理告诉我们如无必要,勿增实体,设计要尽量的简约。

不知道你看完以上7个定律有什么感受,我的感受是,他们彼此之间有些重合(奥卡姆剃刀原理、席克定律、米勒定律都在传达信息要精简),但用其概括交互设计的精髓,又觉得不够完整(做到这几点就够了吗?),整体交互设计的精髓要义并没有表达地很清楚(如何用一句话来概括交互设计的目标?)

带着这几点疑问,我重新去思考到底什么是交互设计的底层设计目标?到底哪些交互设计定律能更好的体现其本质?以下是我思考的结果:

交互设计的终极目标是改变和影响用户的行为,达到期望的业务结果,比如下单率、搜索率等结果指标,结果指标因产品而异,不具有普适性,不可一言以概之。而在交互设计的过程中,以交互设计定律为指导的过程指标是通用的,几乎可以说放之四海而皆准,我把这四个过程指标概括为四字箴言:少快好省。怎么理解呢?

  • 所谓少,就是信息功能要精炼,要一目了然,要尽可能减少功能/信息的复杂度。
  • 所谓快,既是性能也是效率,指的是要尽可能快的响应用户的操作,达成用户目标。
  • 所谓好,就是产品的设计必须达成行业一流的设计标准,让用户用的顺手、满意。
  • 所谓省,就是省心省力省时,能够帮助用户节约时间,降低操作和认知负荷。

基于这样的过程指标,我挑选了5个设计定律来进行设计指导,下面我们逐一来看。

一、奥卡姆剃刀原理

奥卡姆剃刀原理告诉我们:如无必要,勿增实体,即“简单有效原理”。对于工业产品适用,对于软件类产品也是如此。因为任何增加的非必要信息和功能,都会带来生产/维护成本的增加,以及用户认知/操作成本的增加。在现今这个注意力稀缺的时代,复杂会让人望而却步,也容易使人迷失,而精简的产品更利于人们的理解和操作。

典型案例:

小米的电视遥控器设计和传统遥控器设计相比,对奥卡姆剃刀原理的运用非常极致,相信大家都可以感受到精简前后的视觉/操作/认知负荷的降低。

我们再来看一个互联网产品设计的案例:

19年初,外销浏览器做了一次视觉焕新大改版,从交互结构到视觉界面变化都比较大,所以我们就增加了新版本的滑屏引导,告诉用户有哪些界面及功能的变化,结果新版灰度期间,信息流渗透率下降了33%,搜索下降了18%,经过仔细的数据排查,发现都是滑屏引导惹的祸,当把滑屏引导去掉后,搜索和信息流的数据都恢复正向了。

19年底,我们做的另一个运营活动也经历了类似的教训。当时锦鲤很火,我们就做了一个锦鲤大作战的小活动,画面精致,奖励也比较诱人,但是发现活动上线后转化率效果却不及预期,我们再次把矛头对准了蒙层引导,通过去掉蒙层引导,CTA按钮场景化,并增加微动效,转化效果立刻得到了提升。去掉不必要的引导,让界面自己会说话,这也是奥卡姆剃刀原理的一个体现。

二、米勒定律

米勒定律告诉我们:人们工作记忆平均能记住的元素数量仅为4±1。所以我们在设计时,首先要运用奥卡姆剃刀原理,尽可能的去做减法,尽量将数量控制在4±1的范围内。如果选项较多,且减无可减时,就需要对信息/选项进行分类和分组,保证类别的数量在4±1的范围内。

典型案例:

对于像手机号、银行卡号、身份证号这种类型的信息,因为其固有的信息长度无法做精简,所以在信息组织时就会采取分组的方式,保证分组的数量控制在4±1的范围内。

另一个案例也是关于我们的外销浏览器:

左一是改版前的页面,功能有12项之多,且产品认为减无可减了。我们的交互设计师通过对页面功能使用频度及产品功能的重要程度进行分析,将功能划分为了三大类:重要功能,常用功能,必备功能。然后通过强化、保持和收纳的方式将其进行右图所示的呈现,界面复杂度迅速降低,功能清晰度和操作便捷度显著提升。

三、多尔蒂门槛

多尔蒂门槛告诉我们:系统需要在400ms内对使用者的操作做出响应,这样才能够让使用者保持专注,并提高生产效率。

先来看一组模拟的响应效果:

△图片来自作者「超人的电话亭」

从这组图片可以感受到,当图片在400ms内时,是勉强可以接受的,但当时间延长到600ms及以上时,人们就会感受到明显的延迟、等待和卡顿感。

多尔蒂门槛对响应时间的上限给出了参考,而后续的研究则给出了更细致的响应标准,比如元素的点击反馈应控制在0.1s左右,尽量不要超过0.14s,单个元素入场退场时间应控制在0.2s左右(入场一般比退场稍慢),而页面的转场时长根据页面大小和转场动效的复杂度尽量控制在0.3s-0.4s之间。

只有响应时间符合上述标准,才不会让用户对产品的流畅性有所怀疑。

四、雅各布定律

用户将大部分时间花在别人家的网站(产品)上,而不是你的。这意味着他们希望你的网站(产品)跟别人的有相同的操作方法和使用模式。雅各布定律告诉我们:作为设计师,我们必须要多研究把玩各种App,这样我们才能够对当下产品的设计趋势有更直观的感受。

对于新入行的设计师,我会建议大家好好研究一下ios和android的OS规范,了解平台的特性,同时再翻翻下面这些书籍,了解各种常见的设计模式,丰富自己的设计组件库。

此外,在做某种特定类型的产品设计时,也非常有必要做行业及竞品分析,这样才能确保我们在做产品设计时,可以延续用户的主要视觉及行为习惯,减少用户的学习及使用成本。

以视频App为例,行业内的头部产品在产品框架及元素布局上都具有高度的一致性,这也是雅各布定律的一个体现。

五、可感知性原则

操作前有预期,操作时有反馈,操作后可撤销。这是十年前我入行时接触到的一句话,我不知道是谁提出来的,但却是这些年我做交互设计最重要的一条参考原则,我将其简单命名为可感知性原则。

操作前有预期,指的是要符合视觉认知原理,符合行业设计习惯,让用户一看就懂。

操作时有反馈,指的是操作时要即时反馈,就近反馈,并且反馈合理。

操作后可撤销,指的是任何操作都尽量让其可撤销,让用户无后顾之忧,安心探索。只要存在用户行为的交互,这个准则都是可以用来检验的,以下图为例。

当我们想要删除某张照片时:

操作前有预期:工具栏位于默认的底部位置,有删除图标+文字明确示意的功能按钮,让用户一看就知道应该选择哪一项操作。

操作时有反馈:点击删除按钮时,删除按钮有一个灰色的点击态,随后马上出现一个确认弹窗,而且是就近位置出现,确认弹窗上提示简单,按钮用的是CTA的形式,操作交互一目了然。

操作后可撤销:当用户确认删除后,照片消失,但是还可以去最近删除的文件夹中,恢复照片。

六、结语

到这里,交互设计5大定律就全部介绍完成了,围绕交互设计的过程指标,少、快、好、省依次展开,给大家介绍了奥卡姆剃刀原理、米勒定律、多尔蒂门槛、雅各布定律、可感知性原则。

也是为了满足米勒定律的4±1原则,我将交互设计定律浓缩成了5条,如果在此基础上加一条的话,我会在「好」的指标下,增加一条「格式塔原理」,它包含的7大设计原则。

格式塔原理是做设计排版的基石,绝对值得所有设计师反复学习、研究和运用。到这里重新定义交互设计5大定律就全部介绍完成了,如果你阅读完也有所收获,不要忘了转发哟~

本文由@Liusir 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自Unsplash,基于CC0协议

特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。

Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.

/阅读下一篇/

二次确认后,为什么用户依然会误删?

返回网易首页 下载网易新闻客户端
相关推荐
热点推荐
中国男篮冲击3连胜!赵睿回归首秀,郭士强启用双塔,CCTV5直播

中国男篮冲击3连胜!赵睿回归首秀,郭士强启用双塔,CCTV5直播

体坛瞎白话
2025-01-31 10:03:49
130只股票业绩暴雷,最高亏285亿,含医药、半导体、软件、机器人

130只股票业绩暴雷,最高亏285亿,含医药、半导体、软件、机器人

小波股事历程
2025-01-31 11:50:48
CBA最新消息!张镇麟在广东 山东报价NBA冠军内线 广东再找拉塞尔

CBA最新消息!张镇麟在广东 山东报价NBA冠军内线 广东再找拉塞尔

体坛热消息
2025-01-31 10:46:00
春晚观众被扒身份!有富二代,有医生,让小岳岳退出的观众不简单

春晚观众被扒身份!有富二代,有医生,让小岳岳退出的观众不简单

阿于看世界
2025-01-31 01:36:49
无缘!小萨篮板和两双数联盟第一 三分命中率第二 三双第三

无缘!小萨篮板和两双数联盟第一 三分命中率第二 三双第三

直播吧
2025-01-31 08:14:13
罕见!于蕾喊话观众:已尽力,求宽容!网友:以后别做春晚导演了!

罕见!于蕾喊话观众:已尽力,求宽容!网友:以后别做春晚导演了!

祝晓塬
2025-01-30 10:38:01
林徽因落选的国徽方案,网友看后感叹:审美确实一绝,但真不合适

林徽因落选的国徽方案,网友看后感叹:审美确实一绝,但真不合适

阿凫爱吐槽
2025-01-29 15:08:40
太阳退出巴特勒争夺!转身2换1欲得神射,3700万大麻烦迎刃而解

太阳退出巴特勒争夺!转身2换1欲得神射,3700万大麻烦迎刃而解

蛋疼体育
2025-01-31 10:03:19
被子越重,睡得越香!盖7kg厚被子,显著改善睡眠;盖4周,失眠改善50%!原因竟是...

被子越重,睡得越香!盖7kg厚被子,显著改善睡眠;盖4周,失眠改善50%!原因竟是...

梅斯医学
2025-01-30 07:55:21
春晚为了挽回和争取南方的观众,已经做出了积极的努力了!

春晚为了挽回和争取南方的观众,已经做出了积极的努力了!

猫小狸同学
2025-01-30 17:50:03
男子除夕下班坐地铁回家发现只有1人,看到对方工牌恍然大悟

男子除夕下班坐地铁回家发现只有1人,看到对方工牌恍然大悟

看晓天下事
2025-01-29 17:09:34
笑死!花友吐槽三角梅:“缺你水了,还缺你肥了,沉默给谁看?”

笑死!花友吐槽三角梅:“缺你水了,还缺你肥了,沉默给谁看?”

爱论历史
2025-01-22 22:35:19
央视春晚最惊艳的女星:李子柒非遗亮相,刘涛妈祖降临,蒋欣出圈

央视春晚最惊艳的女星:李子柒非遗亮相,刘涛妈祖降临,蒋欣出圈

行走的知识库
2025-01-30 10:02:31
2007年薄一波逝世后,子女公开发表声明,澄清父亲身上的两大谣言

2007年薄一波逝世后,子女公开发表声明,澄清父亲身上的两大谣言

阿器谈史
2025-01-04 16:20:16
证监会开始反省了,新年爆出的三大消息冲击市场!(1.31)

证监会开始反省了,新年爆出的三大消息冲击市场!(1.31)

风口招财猪
2025-01-31 02:15:34
孙兴慜晒与破门青训小将合照:多么特别的夜晚,对此只有骄傲!

孙兴慜晒与破门青训小将合照:多么特别的夜晚,对此只有骄傲!

直播吧
2025-01-31 09:40:19
被打服了,雷霆队主帅戴格诺特在惨败勇士后对勇士表现发表了看法

被打服了,雷霆队主帅戴格诺特在惨败勇士后对勇士表现发表了看法

好火子
2025-01-31 01:45:48
蚌埠电影院:曝霸座母子正面,和家庭背景,被带走时腿软,太滑稽

蚌埠电影院:曝霸座母子正面,和家庭背景,被带走时腿软,太滑稽

小盖纪实
2025-01-30 19:34:10
乌克兰专家支持,芬兰推出飞行地雷!挫败暗杀莱茵金属CEO阴谋?

乌克兰专家支持,芬兰推出飞行地雷!挫败暗杀莱茵金属CEO阴谋?

鹰眼Defence
2025-01-30 16:00:48
53岁大妈和37岁男人再婚,大妈哭诉:他太年轻,我吃不消

53岁大妈和37岁男人再婚,大妈哭诉:他太年轻,我吃不消

热心柚子姐姐
2025-01-20 21:31:14
2025-01-31 13:28:49
人人都是产品经理社区 incentive-icons
人人都是产品经理社区
想要成为大牛先从学做产品开始
63130文章数 311299关注度
往期回顾 全部

科技要闻

苹果季度业绩"历史最好" 中国收入唯一下滑

头条要闻

上海新一轮"市补"涵盖18类家电商品 有顾客一次省2千

体育要闻

湖人官方晒赢球海报 詹姆斯登上封面

娱乐要闻

杜海涛沈梦辰带父母游环球影城

财经要闻

光伏投资人众生相

汽车要闻

10万元级无图智驾 悦也PLUS全路况实测

态度原创

亲子
家居
房产
旅游
健康

亲子要闻

粘粘球那么危险,你还在玩

家居要闻

江南桃园 都市精英的理想家园

房产要闻

共鉴白鹅潭烟花盛景!2025年,与亲融人居凯粤湾,奔赴新生活!

旅游要闻

“春节游”预订火热,亲子游持续走俏

抑郁症患者称好的“乌托邦”宝地