10+年产品经理聊聊产品、测测产品,产品人交流学习成长平台,按 Ctrl+D 收藏我们
留言板 小程序 交流群 关于我

苏米客

  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源
  • 登录
  • 首页
  • AIGC
    • AI最新动态
    • AI学习教程
    • AI工具集合
    • AI产品百科
    • AI编程开发
  • Axure
    • Axure动态
    • Axure教程
  • 产品
    • 用户体验
    • 产品设计
    • 苏米杂谈
  • 资源
    • 产品UI组件库
    • 开源图标库
    • 中后台框架
  • 书单
    • AI书籍
    • 用户体验
    • UI视觉
    • 产品研究
    • 其他类型
  • 下载
    • Axure组件
    • Axure原型
    • 文档报告
    • 素材资源

52设计原则:08.菲茨定律 FITTS'S LAW

8月前 597 0

52 Design Principles 是 RPDC(RPDC:小红书产品设计中心) 送给自己和所有设计师,研发、产品的礼物,希望前人的经验能帮助我们做更好的设计。

FITTS'S LAW

目标越大且距离越近,便越快到达,并比到达更小的更远的目标出错几率更低。此定律由保罗·莫里斯·菲茨(Paul Morris Fitts)提出,在人机交互和设计领域影响深远。运用此定律可以估算用户移动点击目标时所需的时间。

来源与推导过程

该定律由保罗·莫里斯·菲茨(Paul Morris Fitts)于 1954 年提出,他要求对象准确地在两个金属板之间来回敲打触控笔,并记录这一过程所用时间。通过不断改变两块金属板之间的距离和金属板宽度,最后得出公式:T = a + bLog2(D/W+1),T = 移动设备所需时长;a、b 是经验常量,D = 设备起始位置和目标位置的距离;W = 目标的宽度大小。他认为,目的地明确的移动可以细分为两个部分:首先一个大幅度的移动将光标移向与目标大致相同的方向和区域;紧接着是一系列精细的小幅度微调来将光标精确定位在目标中心。

  • Fitts, Paul M. 1954. "The Information Capacity Of The Human Motor System In Controlling The Amplitude Of Movement.". Journal Of Experimental Psychology 47 (6): 381-391. doi:10.1037/h0055392.

解读与应用案例

重要按钮通常会占据一行的宽度,并且位于手指易于点击的屏幕下半部分。

边界与限制

由于菲茨定律是一个对数函数而不是线性函数,随着目标的增大,可用性并不是呈线性增加。当目标足够大时,再增加尺寸得到的可用性增益很小。

  • “Improving Usability with Fitts’ Law” last modified December 02, 2021.

更多阅读

七大交互设计定律之菲茨定律(Fitt’ Law)

A Lecture on Fitts' Law

https://www.zcool.com.cn/article/ZMTEzNzE5Mg==.html

文章来源

https://rpdc.xiaohongshu.com/52-design-principles/fittss-law

声明:本站原创文章文字版权归本站所有,转载务必注明作者和出处;本站转载文章仅仅代表原作者观点,不代表本站立场,图文版权归原作者所有。如有侵权,请联系我们删除。
#52设计原则 #菲茨定律 
收藏 1
推荐阅读
  • 如何写出高质量的产品需求文档(PRD),撰写指南PRD模板
  • 52设计原则:43.正态分布 NORMAL DISTRIBUTION
  • 52设计原则:35.恒常性 CONSTANCY
  • 52设计原则:22.蔡加尼克效应 ZEIGARNIK EFFECT
  • 8大B端大厂设计体系:企业数字化转型的核心竞争力(Axure组件库下载)
评论 (0)
请登录后发表评论
分类精选
52设计原则:43.正态分布 NORMAL DISTRIBUTION
1305 8月前
52设计原则:13.认知加工层次 DEPTH OF PROCESSING
1234 8月前
52设计原则:44.期望路线 DESIRE LINE
1159 8月前
52设计原则:45.反馈环 FEEDBACK LOOP
1119 8月前
52设计原则:48.信噪比 SIGNAL-TO-NOISE RATIO
1101 8月前
52设计原则:51.满意解决模式 SATISFICING
1095 8月前
52设计原则:52.非我发明症 NOT INVENTED HERE
1073 8月前
52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
1073 8月前
52设计原则:49.心智模型 MENTAL MODEL
1068 8月前
52设计原则:47.功能蔓延 FEATURE CREEP
1051 8月前

文章目录

关注「苏米客」公众号

订阅推送更及时,手机查看更方便
分类排行
1 如何写出高质量的产品需求文档(PRD),撰写指南PRD模板
2 从“一句话需求”到完整PRD:如何用AI快速构建高效的产品需求文档(附一句话提示词)
3 从0到1掌握竞品分析:全面拆解方法论与实战案例
4 8大B端大厂设计体系:企业数字化转型的核心竞争力(Axure组件库下载)
5 想要用AI做原型设计,没有灵感?没有头绪?这四个产品经理必逛的原型资源社区
6 产品设计指南:各类终端原型设计尺寸与布局优化
7 52设计原则:52.非我发明症 NOT INVENTED HERE
8 52设计原则:51.满意解决模式 SATISFICING
9 52设计原则:50.委员会设计 DESIGNED BY COMMITTEE
10 52设计原则:49.心智模型 MENTAL MODEL
©2015-2024 苏米客XMSUMI 版权所有 · WWW.XMSUMI.COM 闽ICP备14005900号-6
免费影视APP 花式玩客 免费字体下载 产品经理导航 Axure RP 10 免费Axure模板 Axure原型设计 Axure元件库下载 原创Axure模板 申请友联