童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

啊!费茨定律也有不适用的时候

9月1日 倾城傷投稿
  费茨定律,每个交互设计师都如雷贯耳,被誉为和格式塔古腾堡等交互原则齐名的七大交互定律。在我走上交互之路前,一位非常敬佩的设计师甚至和我说:掌握了费茨定律,你就可以打败一切产品经理然而,它也有不适用的时候?看看smashingmagazine上的这篇文章吧!或许能给你一点启示。
  原文地址:http:uxdesign。smashingmagazine。com20121204fittsslawanduserexperience
  开始译文之前,先带大家回顾一下费茨定律:
  费茨定律是指用户使用指点设备到达一个目标的时间同以下两个因素有关,距离和目标大小。
  (1。设备当前位置和目标位置的距离(D)。距离越长,所用时间越长;2。目标的大小(S)。目标越大,所用时间越短。该定律可用以下公式表示:log2(DS1)
  译文:
  距离越近,目标越大,点击所需时间越短。这看起来很好理解,也很容易运用在设计中。但当使用费茨定律去衡量所有设计时,就会发现一些交互体验上的问题。
  费茨定律之一:更大的可点击区域
  费茨定律最主要的理论是:点击区域越大,点击目标所需的时间越短。
  优点:可点击区域越大越容易操作,因为用户的鼠标能轻松触达。
  例如:一些网站按钮的可点击区域小得离谱。结果导致用户需要将光标准确的移到链接上,才会产生响应。费茨定律建议设计师尽可能的去增大按钮的可点击区域,让用户有更好的体验。
  左边可点击区域小,右边可点击区域大,右边光标可以更快速的点击到按钮。(左边案例是F,右边案例是Apple)。
  增大按钮的可点击区域,引导用户去完成某些特定的操作,这确实是一个不错的主意,也是设计师常用到的方法之一。
  比方说,设计界面的主要按钮时,往往把按钮做得很大,费茨定律为此提供了强大的理论基础。
  缺点:点击区域难道是越大越好吗?点击区域越大,占用屏幕空间就越多,会打乱界面的平衡。当界面空间不是很拥挤时,增大可点击区域是可行的。可是,点击区域增大到一定程度后,它和可用性之间就没什么关系了。
  一个小按钮,把它放大10,它的可用性会显著提升,但如果你将一个本来就很大的按钮再增加10,它和可用性之间就不成正比了。
  费茨定律之二:减少光标的移动
  距离越近,点击目标所需时间越短,这是费茨定律第二大理论。
  优点:将用户常用的功能放置在一个区域,相比那些分开放置的,用户可以减少光标的移动,更快的去完成操作。
  比如:UUnity界面,屏幕顶端是搜索框,下端是文件类型筛选。两个筛选区域相隔非常远,用户在浏览信息时需要在两个不同区域操作。
  (费茨定律不赞同这种做法,因为它们应该彼此相邻。)案例:UUnity,屏幕截图:Webupd8。org)
  缺点:如果严格按照费茨定律来设计,可能会与其他设计理论相冲突,如:根据不同的内容和功能来组织信息,让界面信息整齐合理,用户能轻松找到所需的内容。
  下面这张图片将不同类型操作安排在了一个很小的界面,左边是桌面工具,右边是文件插入工具。
  这种左右分类方式让界面很整洁,很有组织性。(例如:Numbers)
  用户会对有组织的分类方式产生熟悉的心理模型。在使用过一次之后,可以清晰的记住左右两边功能区的作用。相反,如果界面设计只用按钮使用率去安排界面布局,那么布局方式就会完全不同了。
  与费茨定律冲突的另一个原则是,让界面看起来不凌乱。下拉菜单是有效的整合网站内容的形式。虽然会有一些设计师提出异议,但下拉菜单的好处是不可否认的。
  下拉菜单使你的界面看起来干净,不凌乱。
  费茨定律不推荐使用下拉菜单,原因是光标需要移动很长的距离才能到达用户所选项。首先,用户需要点击或者悬停在下拉菜单上,然后移动光标,最后才到他所需要的选项,虽然不是太快捷,但是和下拉菜单的多个优势比起来,这点瑕疵不足为道。
  与费茨定律冲突的第三个重要的原则是设计允许用户出错的界面,帮助用户减小出错的代价。费茨定律建议设计师将一些常用的功能放在一起,以减少光标的移动,同时也能节省一些界面空间。但节省界面空间的代价是用户的误操作。当按钮边缘不易识别时,用户容易发生误操作。
  界面元素放置方式直接决定错误是否会发生。(比如:Blurb。com)
  注意,如果是分享或编辑这一类功能时,误操作的代价会很高,用户会恨死你的。
  当用户不小心打开错误链接,他可以点击返回按钮恢复他此前的操作,不会给用户造成任何严重后果。所以,此时链接可以放在相对随意的位置。
  而有些情况,问题就烦人了。当用户在播放一段视屏或音频文件时,不慎点到停止,退出,下一个或清楚播放列表,他就不可能再轻易的恢复此前的操作了。
  涉及到编辑或是分享功能时,问题就更具有杀伤力了。误点击到发送打印删除下载上传刻录关闭关机链接断开接收或拒绝,用户的行为可能造成一些无法挽回的后果。
  因此,设计如编辑,分享等特殊功能的按钮时,设计师必须尽可能地想办法,避免用户误操作。
  1给用户提供一个撤销执行的操作。(如临时取消按钮)
  2在两个界面元素间留一点空间。
  3让按钮边缘容易识别。
  4突出重点。
  5将按钮按照功能分组。
  最后来举个例子,
  如果想“接收邮件”,但却不小心误点成“创建新邮件”,这不会造成任何严重的后果,但不要将回复和删除按钮靠的太近。
  两步输入法可以有效防止错误的发生,它和可用性相违背的,但却有效防止用户的误操作。因为,用户会误操作到其中任何一个动作,却不可能同时误操作它们成功。比如滑动删除。
  先滑动,再删除。每一个非常容易发生的错误,结合起来可以成为一个有效预防错误的机制。
  用户会不小心向左右滑动,也会不小心点到删除按钮,但他们会不小心滑动后再不小心点击到删除按钮吗?这个几率就非常小了。
  两步输入法在移动设备上使用广泛,因为移动设备使用场景较为复杂,常会出现误操作。
  在设计时,可以先将用户操作的第二部隐藏起来,当用户操作完第一步后,再出现第二步。
  所以,当滑动与滑动,滑动与点击两者结合时,用户操作起来虽比直接按下一个大按钮麻烦,可这是有必要的。
  费茨定律之三:避免肌肉紧张
  费茨定律性能指标的目的是为了确定人类运动系统的信息容量。换句话说:它通过判断用户操作时需耗费的体力,来决定操作的方式。
  好处:我们在操作一个复杂的设备时,简单输入的好处是显而易见的。最突出的例子是垂直触摸屏。
  使用费茨定律理论,可以使垂直触摸屏的交互体验更好。(比如:PPixel)
  当操作触摸屏时,手臂保持垂直的方向会让三角肌迅速疲惫。从而导致输入错误或迫使用户放弃操作。所以,避免复杂的输入方式可以延长用户的操作时间。
  缺点:复杂的输入方式可以预防错误。比如:移动设备经常放在口袋里,常引发意外操作。这种情况下,高精度的输入法是很有用的。同时,这些高精度的输入法也提醒用户这些命令的严重性。举个例子,iphone的关闭。
  如果这个操作会带来严重后果,选择滑动操作,相反,选择按钮。
  关机或重启设备后果相对比较严重,一旦触发,就不可以撤销。因此,它使用了需要高精度操作的滑动。相反取消则相对没什么严重后果,因此设计成按钮。
  滑动控件和其他需要高精度的手势是非常安全也非常繁琐的输入方式。因此,为了平衡安全和可用性之间的关系,他们常被执行一些后果严重但不经常操作的命令。如:屏幕解锁,关机,设置系统,执行管理任务或唤醒报警设备。当有些命令后果严重也会被用户频繁操作时,如编辑删除或转移文件,有间隔的图标和两步输入法是很有效的。
  第二个原因是手势可以节省一些界面的空间。然而,根据费茨定律,涉及到一定程度上的拖拽会让肌肉处于一个紧张的状态,这就是为什么费茨定律推荐使用点击和指向。可拖拽等不利于费茨定律的手势也是有好处的,它不需要界面控件。
  举个例子,你管理deviantART艺术收藏品的方法。将项目添加到收藏夹,你不需要按钮,相反,你只需要拖动图片,方框就会显示告诉你如何去拖拽。
  拖拽等操作形式不需要占用界面的空间,因为它不需要按钮或者是其他的UI元素。但是这种操作方式也有弊端,它不会给用户提供明显的视觉线索。用户有可能会忽略或不知道它们的存在。
  费茨定律之四:利用主要的像素
  利用主要像素的概念是屏幕中有些特定位置的像素,用户可以更容易的点击到它们,如屏幕的边缘位置。不过最快的方式还是直接点击鼠标右键,只要在特定元素周边点击右键就可以获取相应的选项,不需要将光标移动很长的距离。
  优点:你只要在文本特定的像素周边点击右键就可以获取上下文的选项,因此,你不必长距离的去移动光标。有两种文本菜单的形式:线性菜单和饼状菜单。
  费茨定律是更倾向于饼状菜单的。原因:饼状菜单提供了很大的可点击区域。第二,因为菜单是一个圆形,光标到达菜单的任何位置距离都是相同的。这样的一致性可以让用户对到选项时肌肉产生力道产生记忆。相反,线性菜单只有前几个选项光标是非常容易到达的,这就是为什么我们要把常用选项放在光标最接近的地方。
  (费茨定律更倾向于饼状菜单)
  当选项在屏幕边缘时,用户可以将光标直接移到边缘位置,相比将选项放在屏幕中间位置的做法,可以更简单快捷的点击到目标区域。
  坏处:饼状菜单在时间和错误概率上相比线性菜单有微弱的优势。但在实际设计中,饼状菜单就不被看好了。
投诉 评论 转载

做好用户体验的76个要素网站用户体验的分类1、感官体验:呈现给用户视听上的体验,强调舒适性。2、交互体验:呈现给用户操作上的体验,强调易用可用性。3、情感体验:呈现给用户心理上的体验……网站面包屑设计分享译者注:搜索的关键是让用户更加容易的找到所需的信息,我发现该文精心的为用户创造了一个灵活的解决方法,交互形式不在拘泥于固有的设计原则,更多是从实际情况出发,创造更适合的交互控件……用户及用户特征要创建1个可以与用户有效交流的网站,必须考虑到与你交流的用户。理解用户的需求对我们决定网站内容、信息量、用户以及内容结构至关重要。用户不是被动的接受网站提供的信息,所有人……“跳过导航”链接译者注:文章的英文原名为”SkipNavigation”Links,来自WebAIM。WebAIM组织为网站信息无障碍提供了全面的解决方案。所谓网站信息无障碍指任何人(无论是健……啊!费茨定律也有不适用的时候费茨定律,每个交互设计师都如雷贯耳,被誉为和格式塔古腾堡等交互原则齐名的七大交互定律。在我走上交互之路前,一位非常敬佩的设计师甚至和我说:掌握了费茨定律,你就可以打败一切产品经……拥抱手势驱动的界面设计“作为一名移动产品的视觉或用户体验设计师,你也许觉得Apple发布iPhone仿若昨日。iPhone无疑为最个人、最私密的设备开启了一个全新以触摸屏为中心的交互时代,是当之无愧……把握5元素,让页面文字阅读更舒适上网在线阅读,是大多人获取信息的重要途径。用户会在网上阅读到大量的新闻及各类文章,特别是网络小说,这些页面展示的主体就是通篇大段的文字。对于这种看似简单的文字堆砌的页面,有没有……万般设计为阅读【译】随着各种网页字体、付费的网页字体服务和现成工具越来越多,字体排版收回了它作为设计皇后的桂冠,成为所有图形和网页设计的关键。今时今日,许多设计师在设计排版时,主要考虑的本质……合理设置响应式设计的响应点【译】你可以轻易找到许多如何设置响应式设计响应点的攻略,但是这些过时的设计方法都是以主流屏幕尺寸为依据的,效果并不理想。其实并没有“主流”屏幕尺寸这一概念。另外一个主流的方法是当布局……新技术让人机交互更上一层楼【编者按】本文解析了当前仍在开发中的全新技术bRightbBright实现的是智能化的人机交互。文中对SRI计算机科学实验室GritDenker博士的采访解析了当下技术发展的现……手机上能不跳转就不跳转跳转太多了,就搞不懂了。PC上的网页,页面间反复跳转是再正常不过的了,从首页进入搜索结果页,再到详情页,再跳到相关内容的详情页不过到了手机上,无节制的跳转就有点儿问题了。……SNS、微博网站“注册流程”用户体验分析一个用户到了某个网站的门口,从跨进门槛到找到自己的座位,这个过程中网站要做的,一是让用户尽快坐稳,该干什么干什么;二是让用户快速熟悉房间,保持新鲜感,至少在坐下之前,主人应该送……
漫画人产品体验报告从蚂蚁森林谈谈产品分析移动视频APP的水深火热:腾讯视频和爱奇艺竞品分析报告深度:主流聚合类资讯应用视频模块的细节对比不止血脉偾张:火辣健身产品分析报告浅谈互联网思维(一)小米的产品之道二手电商产品分析丨不同交易模式下的二手电商形态是如何运转(第高铁管家和智行火车票竞品分析:手机购买火车票哪家强?二手电商产品分析丨浅谈二手电商平台的商业基础(第一章)弱化团购以后,生活服务类应用是怎么玩的美团、大众点评、百度糯MUJIpassportAPP体验报告上线3个月,来复盘一下知乎Live的数据和本质

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界