[转]菲茨定律 Fitts’Law

这篇关于菲茨定律及其具体应用的文章最早在usabilityfriction.com 上由 Ashley Towers发表感觉写的挺生动, 所以特别编译成中文希望更多的人看到。

菲茨定律与互联网设计 (Fitts’ Law)

菲茨定律是用来预测从任意一点到目标中心位置所需时间的数学模型。 它由保罗.菲茨在1954年首先提出。这个模型考虑了用户定位点的初始位置与目标的相对距离以及目标的大小。菲茨定律虽然在很多领域都得到了应用但其在人机交互(HCI)和设计领域的影响却最为广泛和深远。(用于估算用户移动光标点击链接或控件按钮所需的时间)目的地明确的移动可以细分为两个部分:首先一个大幅度的移动将光标移向与目标大致相同的方向和区域;紧接着是一系列精细的小幅度微调来将光标精确定位在目标中心。你现在就可以做一个小实验来观察这一过程 –举起你的手臂并试着用手指指向远处的一个小物体,例如远处墙上的一个电灯开关。开始你的手臂可能会往开关的位置大幅的移动而且很有可能稍微过头了一点。接下来你会做一些微小的调整动作直至你的手指正好对准目标开关的中心。现在你可以试着指向一个更大的物体 – 比如说电视或一面墙壁。这一次你也会以大幅度的手臂动作来使手指指向目标方向, 但因为目标体积很大所以一般情况下你只需要做很少(甚至不需要任何)的微调。

让我们来看下面这个例子。图中的红色盒子代表目标;虚线代表从起点至目标的移动轨迹,目标上灰色左右箭头之间的范围是用户光标减速并微调以弥补误差的区域。在右方有一个较大的目标,因为面积很大所以用户从任意点快速点击应该不会很难:

大的目标区域意味着光标在目标上停下来之前不需要做太精细的调整在下一个例子中,屏幕的右方有一个小得多的目标所以用户快速点击目标会困难得多。

因为用户需要将光标移动较长距离而且目标面积很小所以在光标正确的对准目标前需要做一系列精细的调整动作。但如果同样大小的目标距离很近的话,因为到达目标范围所需的初始动作很小所以准确点击它的难度也会小很多。距离越近, 初始动作因为幅度太大而超出目标区域的风险就越小。

对于形状不规则的目标而言,目标区域的大小和移动的方向是相对的。在下面的例子中,如果用户从和目标平行的位置水平移动光标,那么这个按钮的相对目标区域就很大。但如果用户光标的初始位置在目标的上方或下方,那么这个长方形按钮的相对目标区域则小得多。

除了调整目标的大小以外,我们还可以将目标放在屏幕的边缘或角落上来使其更容易被选中。因为在屏幕边缘和角落位置时它们是“无限可选中”的;具体一点来说就是 – 有一个隐形的边界来阻止用户的初始大幅移动让光标超出目标区域范围,这样的话普通指向性移动的第二步“微调”动作就不需要了。

这个方法在两大主流OS中都起到了很好的效果:Mac OS X默认将底栏(Dock)放到了屏幕的最下方;这样的话底栏就变得“无限可选中”,因为用户不能将光标移到底栏下方所以在向底栏方向做出大幅度移动后光标始终是落在底栏上的。

在Windows中,开始菜单在屏幕的左下角,这个角落是“无限可选中”的,因为不管用户朝左下角方向做多大幅度的摆动,光标总是会停在开始菜单按钮的上方。

Mac OS X系统和Windows系统的一个最大不同之处便是程序菜单的位置。 Mac OS X将菜单置于屏幕的顶端而Windows将它们放置在单独的应用程序窗口上。 菲茨定律显示在许多情况下Mac的做法是更好的:在Mac OS X中用户不论如何将光标抛向屏幕顶端其总是会停在菜单上。 而在Windows中的窗口模式下应用程序菜单则没有像Mac中的“无限可选中”的属性。

但是, Mac的做法也开始凸显出其局域性。虽然Mac OS X下的程序菜单是“无限可选中”的,不要忘了菲茨定律也考虑到了用户当前定位点与目标的相对距离。随着显示器尺寸越来越大,双/多屏显示器的配置越来越常见。Mac的用户不得不在这些情况下穿过很长的距离来让光标到达主屏幕的顶端菜单。这样的话长距离拖动光标所耗费的时间可能会超出不用做细微调整来矫正光标位置而省下的时间。

菲茨定律的应用

网页设计师最大的遗憾之一就是不能利用浏览器的边角和边缘作为可“无限可选中”的区域。不过设计师仍然可以按照菲茨定律在设计上做一些优化。

•放大链接点击区域。在链接文字周围放置可点击的填充区域,这样用户想要点击的链接文本会有更大的容错性。  •当您有几个放置在一起的可点击目标或链接时,把它们的体积增大或增加他们之间空白区域的大小。搜索结果中的网页导航链接通常都有很差的可用性。例如,下图中的搜索结果页面就显示了太多的结果,并且这些结果互相之间也离得太近:

  亚马逊(Amazon)在处理搜索结果的方法上则要高明许多

  •将用户最有可能点击(或最想要)的按钮放大。例如,将”OK”按钮设计的更大:

  •将动作分类 – 如果相关的操作按钮靠近彼此的话,则不仅可以在视觉上增强用户对它们相关性的认知,还可以减少光标在它们之间移动所需的距离和时间。  最后请记住,一定要敢于尝试!37 Signal在它们的产品Sortfolio主页的“Signup”按钮上就有一个灵活运用菲茨定律的有趣实验 – 当用户的光标划过时按钮会自动变大并显示更多信息 – 这样的话当用户即将开始做细微调整以精确定位光标至按钮时,微调的必要性因为按钮的自动增大而大大减少了!多么绝妙的创意和应用啊!

 原文链接:http://usabilityfriction.com/2010/06/07/fitts-law/

感谢你的阅读,本文出自 Tencent CDC,转载时请注明出处,谢谢合作。
格式为:Tencent CDC(https://cdc.tencent.com/2012/10/24/菲茨定律与互联网设计-fitts-s-law/

作品集合

Hi,很高兴你能来到这里。抖搂了一些作品,欢迎查阅。

大星(daxin925@outlook.com)。
– 学得快,看得准,时常掉落新点子,什么也难不倒;
– 喜欢找有意思的东西,比如新款消费电子,独立开发作品,优秀视频,解决问题新思路,美味新吃法……
– 希望成为一个更好玩儿,更厉害的人;

1. Axure & XD – 产品原型

一款天气软件的原型,请点击查看~

https://lanhuapp.com/url/8tzVa

以下为对应的高保真原型:

2. AE – 互动软件demo

        初次使用AE,按着老板要求捣鼓出了“技术改动小,实现效果好”的软件动画。有道是“熟用PS三百首,AE上手顺顺顺”。使用AU、XD也是容易上手。

这款软件主要投放到禁毒体验馆。参观者在体验尝试后,会看到吸毒导致的坏的行为结果,用替代性惩罚来起到警示作用。还请点击观看。

3. Visio – 资源数据流

4. 搜寻 -(初初期产品方向)

5. Excel – 分值查看

        Excel相关的文件大多散落在内网,玩了1年多,探索过甘特图,Power Map,Power Pivot等,最近心心念念的是MS在Ignite 2019上推的对话式智能分析功能,解放生产力真不是说说而已。闲话少说,进入正题。

        这是为某知识竞赛的竞赛结果进行简易分析的文档,搭配竞赛系统一同定制的。无法确定使用者是否熟悉电脑操作 。需要实现功能如下:

成品:

1.统计每个省的总得分,然后除以参加考试的总人数;
2.按照省份,重新排列生成考分数据;
3.考虑使用者的操作体验,越易用越好(隐性需求)。

6. 报告 – 学术

7. PS & AI – 设计

7.1 小小7小程序设计

7.2 海洋之美——多

海洋文化创意设计大赛的参赛作品,主题是海洋之美。

运用中国象形文字的特点,将“多”字创意变化为热带鱼种形象,表现浩瀚的海洋之美。

7.3 书缝里——logo设计

7.4 有所思辣酱包装设计

7.5 点的推移

本科工业美术的课堂作业,以点为元素推移。做了个小视频,分别从三个方向进行点的变化。

8. 其它

除此之外还使用过Dreamweaver,Prezi,Access,CAD,3Dmax,R语言等。工具只是工具,内容为王。很希望能有机会加入团队~

感谢浏览。

——————大星

知识共享许可协议

原文地址:http://daxin.dayuz.com/?p=282

本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

<大愚智>

博主四处搜集所得书单、博客,择其优者收入窟中,希望采撷前辈之感悟积累多多学习。

——人工智能相关——

  1. 人有人的用处
    据说是《控制论》维纳的通俗版本,了解行为主义。

——产品相关——

  1. 构建之法——现代软件工程
    邹欣大佬系统性地介绍了软件生命周期的各环节。起立敬礼~
  2. 产品研发管理(周辉)

———-管理相关———-

<书单>

  1. 创新公司:皮克斯的启示
    艾德•卡特姆 (Ed Catmull)
  2. 从优秀到卓越
    吉姆•柯林斯 (Jim Collins)
  3. 基业长青
    吉姆•柯林斯 (Jim Collins)
  4. 思考,快与慢
    丹尼尔•卡尼曼 (Daniel Kahneman)
  5. 共好:一种激活组织激情和能力的革命性方法
    肯•布兰佳 (Ken Blanchard), 谢尔登•鲍尔斯 (Sheldon Bowles)
  6. 首先,打破一切常规
    马库斯•白金汉 (Marcus Buckingham), 柯特•科夫曼 (Curt Coffman)

———-娱乐相关———-

Nicky Case独立游戏开发者,个人网址http://ncase.me/

作品制造新闻(we become what we behold)展示新闻媒体工作的群体影响, its a(door)able创意十足,关于信任关于选票关于光影的游戏都挺有意思。作为从塞班当乐论坛开始混迹的极刁钻的小游戏玩家来说,大部分改改画面改改音效试图去做优化(很多还做不到)然游戏本身还是老套的推箱子之流多少有些审美疲劳了。相反,去创新试图做改变的游戏在画面音效不精美的情况下,仍会让人惊奇赞叹。身为创作者追求的是在成熟的架构下不断的优化细节优化体验还是应当不断地将新的想法新的技术进行应用呢?是成为熟练操作的现实主义还是成为不断革新的梦想家?希望能够成为像Nicky Case一样有创意又能落地的人。

———-经济相关———-

  1. 量化交易学习记录(持续更新中,质量高但看不懂)http://www.iquant.club/
  2. 经济学原理(曼昆)
  3. 两次全球大危机的比较研究(刘鹤)

———-大神段子手———-

https://yufree.cn/cn/ 于三水(淼)环境工程phd

https://yihui.name/cn/ 谢益辉 可以吃我一打膝盖的大神

———-哲学相关———-

<书单>

  1. 瞧,这个人 尼采
  2. 权力意志 尼采
  3. 文明的冲突与世界秩序的重建 塞缪尔·亨廷顿
  4. 共产党宣言
  5. 中国震撼 张维为
  6. 第二性 西蒙娜·德·波伏娃
  7. 毛泽东、斯大林与朝鲜战争 沈志华
  8. 菊与刀 鲁思·本尼迪克特
  9. 雑兵物語 松平信兴
  10. 苦难辉煌 金一南
  11. 邓小平时代
  12. 明朝一哥王阳明 吕峥
  13. 送你一颗子弹 刘瑜
  14. 民主的气节 刘瑜
  15. 观念的水位 刘瑜
  16. 论美国的民主 托克维尔
  17. 台湾四百年 许倬云
  18. 说中国 许倬云

原文地址http://daxin.dayuz.com/?p=9
知识共享许可协议
本作品采用知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议进行许可。

多做事多做事多做事

昨天又过生日了,这是成为社会人的第二年,也是第一次生日没有准备计划过什么。身上开始有了责任,沉着冷静耐着性子,向前步进。

在接下去的一年,要平常心地对待工作,放轻松,让自己舒服一些,多多学习,多多总结自己的方法。对外型有一些约束,受一些苦头。好好地去做事情。

嫂子说:“向上总是困难的。”努力总是辛苦的。多做事多做事多做事。

羽毛还是雏黄,翅膀还很稚嫩,怀揣着理想,笑着向前。

在那片泛青大海的另一头 此刻有谁正伤痕累累

如同还不会飞的幼雏一般 我为自己的无力而哀叹
快呀悲愁 化为翱翔天际的羽翼吧
快呀伤痕 化为指引方向的罗盘吧
如同还不会飞的幼雏一般 我为自己的无力而哀叹
等着梦想前来迎接 一味发抖苦候的昨日
明天 我要踩着蟠龙的脚印爬上山崖 登高一呼 “来 起飞了”
骑在银龙的背上 凌空而去 飞往命运的沙漠
骑在银龙的背上 护送而去 带走雨云的涡漩
就算连即将失去的东西都正在失去 
人们仍有他人伸出的援手可依附
独留一身柔嫩肌肤的原因 是为了去倾听他人的苦痛
即便是如同棉絮般的柔弱翅膀 即便是如同嫩芽般的脆弱指爪
骑在银龙的背上 护送而去 带走雨云的涡漩
骑在银龙的背上
骑在银龙的背上

研究生扩招,破SCI

先上新闻:

国务院联防联控机制2月28日举行新闻发布会,介绍鼓励企业吸纳高校毕业生、农民工就业相关政策有关情况。教育部副部长翁铁慧表示,今年将扩大硕士研究生招生和专升本规模,预计同比增加18.9万、32.2万人。

重点向中西部地区和东北地区的高校倾斜。研究生计划增量,重点投向临床医学、公共卫生、集成电路、人工智能等专业,而且以专业学位培养为主,以高层次的应用型人才专业学位为主。专升本的计划增量,将投向职教本科和应用型本科,主要向这些学校增加名额,向预防医学、应急管理、养老服务管理、电子商务等专业倾斜。

再谈感受:

大水蔓延,抓紧上岸,机遇风险,迅速成长。不知重点是风口还是拔苗,惴惴不安,过好眼下。成长,迅速成长,抓紧窗口迅速成长。凭它疾风骤雨突降,我自迎面逐往。

巨变时代下的一枚小青年

        愤怒小青年时候的自己,坐在教室朗读着政治,走口不走心。

        小青年的破壳源于一节高水平的军事理论课,原本活跃在央视画面上的军事理论家站在大学的讲台,讨论着钓鱼岛的归属,述说着九段线,勾出了些许的国际局势。有趣,复杂。尔后mooc,b站上台湾国立大学吕氏浩教授的《史记》,《秦始皇》以史为镜,以史中名家为镜,小青年懵懵懂懂。又遇到了二十余载最为精彩的思政课,唐忠宝,人称宝哥,播撒着眼中的光芒。

        去年,香港青年的动乱影像让我顺着评论找到了陈平教授,针砭时弊,用数据说话,创理论解释,为巨佬折服。再顺藤摸瓜找到金荣灿教授,各位或大或小身处各地的人物。震撼,敬仰。如今的小破站早已不再是搬运工了,国家智库的时评,降维打击,对up主来说越发的艰难。众说纷坛,百家论调,辩证来听,保持思考。这是一个多么有意思的时代。

        这些有用吗?对于普通人来说没有用。但是生活在一个巨变的时代,如何能让自己蒙眼前行?总想多看一些,多看远一些。另外,疫情也让我的观念变化。

马斯洛需求

 马斯洛在1943年发表的《人类动机的理论》( A Theory of Human Motivation Psychological Review)一书中提出了需要层次论。这种理论的构成根据3个基本假设:

 人要生存,他的需要能够影响他的行为。只有未满足的需要能够影响行为,满足了的需要不能充当激励工具。
 人的需要按重要性和层次性排成一定的次序,从基本的(如食物和住房)到复杂的(如自我实现)。
 当人的某一级的需要得到最低限度满足后,才会追求高一级的需要,如此逐级上升,成为推动继续努力的内在动力。
 马斯洛理论把需求分成生理需求、安全需求、社会需求、尊重需求和自我实现需求五类,依次由较低层次到较高层次。

maslow,Maslow's Hierarchy of Needs,Maslow's Hierarchy of Needs Theory,Hierarchy of Needs Theory,马斯洛,马斯洛需求理论,马斯洛人类需求五层次理论,马斯洛需求层次理论,需求层次理论,马斯洛层次分析法理论,马斯洛需求层次论,马斯洛的需求理论,马斯洛的需要层次论,需要层次理论

虽然说西方理论偏向简化人群,过于理想化,但进行初步分析和了解还够用。

我们国家互联网的发展和人群的经济发展水平是不是有相关性呢。安全软件,社交软件,小众社区,知识分享平台的兴起能否套用这套理论呢?实践出真知,明天希望能找一下相关的报告和数据练练手,验证看看。🤭