pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

網(wǎng)站用戶體驗(yàn)分析:交互設(shè)計(jì)7大定律

  “除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)”,那在交互設(shè)計(jì)領(lǐng)域都有哪些法則定律被認(rèn)作了標(biāo)準(zhǔn)了呢?

  Alan Cooper:除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)。

  作為交互設(shè)計(jì)之父的阿蘭·庫(kù)珀最為人熟知的或許就是這句“除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)”了,在交互設(shè)計(jì)領(lǐng)域有很多經(jīng)過(guò)了時(shí)間的驗(yàn)證的法則定律被認(rèn)作了標(biāo)準(zhǔn),那么你都知道都有哪些嗎?

  1. Fitts’ Law / 菲茨定律(費(fèi)茨法則)

網(wǎng)站用戶體驗(yàn)分析:交互設(shè)計(jì)7大定律 三聯(lián)

  定律內(nèi)容:從一個(gè)起始位置移動(dòng)到一個(gè)最終目標(biāo)所需的時(shí)間由兩個(gè)參數(shù)來(lái)決定,到目標(biāo)的距離和目標(biāo)的大小(上圖中的 D與 W),用數(shù)學(xué)公式表達(dá)為時(shí)間 T = a + b log2(D/W+1)。

  它是 1954 年保羅.菲茨首先提出來(lái)的,用來(lái)預(yù)測(cè)從任意一點(diǎn)到目標(biāo)中心位置所需時(shí)間的數(shù)學(xué)模型,在人機(jī)交互(HCI)和設(shè)計(jì)領(lǐng)域的影響卻最為廣泛和深遠(yuǎn)。 新的 Windows 8 中由開(kāi)始菜單到開(kāi)始屏幕的轉(zhuǎn)變背后也可以看作是該定律的應(yīng)用。

  菲茨定律的啟示:

  按鈕等可點(diǎn)擊對(duì)象需要合理的大小尺寸。

  屏幕的邊和角很適合放置像菜單欄和按鈕這樣的元素,因?yàn)檫吔鞘蔷薮蟮哪繕?biāo),它們無(wú)限高或無(wú)限寬,你不可能用鼠標(biāo)超過(guò)它們。即不管你移動(dòng)了多遠(yuǎn),鼠標(biāo)最終會(huì)停在屏幕的邊緣,并定位到按鈕或菜單的上面。

  出現(xiàn)在用戶正在操作的對(duì)象旁邊的控制菜單(右鍵菜單)比下拉菜單或工具欄可以被打開(kāi)得更快,因?yàn)椴恍枰苿?dòng)到屏幕的其他位置。

  擴(kuò)展閱讀:Windows 設(shè)計(jì)規(guī)范中的鼠標(biāo)交互、菲茨定律與互聯(lián)網(wǎng)設(shè)計(jì)、費(fèi)茲定律Fitts’ Law與使用者介面設(shè)計(jì)、Google Chrome 與 Fitts Law、談?wù)?Fitts 定律、費(fèi)茨法則在交互設(shè)計(jì)中的應(yīng)用 (Readlists)

  2. Hick's Law / 席克定律(??朔▌t)

  定律內(nèi)容:一個(gè)人面臨的選擇(n)越多,所需要作出決定的時(shí)間(T)就越長(zhǎng)。用數(shù)學(xué)公式表達(dá)為反應(yīng)時(shí)間 T=a+b log2(n)。在人機(jī)交互中界面中選項(xiàng)越多,意味著用戶做出決定的時(shí)間越長(zhǎng)。例如比起 2 個(gè)菜單,每個(gè)菜單有 5 項(xiàng),用戶會(huì)更快得從有 10 項(xiàng)的 1 個(gè)菜單中做出選擇。

  席克定律多應(yīng)用于軟件/網(wǎng)站界面的菜單及子菜單的設(shè)計(jì)中,在移動(dòng)設(shè)備中也比較適用。

  擴(kuò)展閱讀:席克法則、談?wù)凥ick定律(Readlists)

  3. 神奇數(shù)字 7±2 法則

  1956 年喬治米勒對(duì)短時(shí)記憶能力進(jìn)行了定量研究,他發(fā)現(xiàn)人類頭腦最好的狀態(tài)能記憶含有7(±2)項(xiàng)信息塊,在記憶了 5-9 項(xiàng)信息后人類的頭腦就開(kāi)始出錯(cuò)。與席克定律類似,神奇數(shù)字 7±2 法則也經(jīng)常被應(yīng)用在移動(dòng)應(yīng)用交互設(shè)計(jì)上,如應(yīng)用的選項(xiàng)卡不會(huì)超過(guò) 5 個(gè)。

  4. The Law Of Proximity 接近法則

  根據(jù)格式塔(Gestalt)心理學(xué):當(dāng)對(duì)象離得太近的時(shí)候,意識(shí)會(huì)認(rèn)為它們是相關(guān)的。在交互設(shè)計(jì)中表現(xiàn)為一個(gè)提交按鈕會(huì)緊挨著一個(gè)文本框,因此當(dāng)相互靠近的功能塊是不相關(guān)的話,就說(shuō)明交互設(shè)計(jì)可能是有問(wèn)題的。

  5. Tesler's Law 泰思勒定律(復(fù)雜性守恒定律)

  該定律認(rèn)為每一個(gè)過(guò)程都有其固有的復(fù)雜性,存在一個(gè)臨界點(diǎn),超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了,你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。如對(duì)于郵箱的設(shè)計(jì),收件人地址是不能再簡(jiǎn)化的,而對(duì)于發(fā)件人卻可以通過(guò)客戶端的集成來(lái)轉(zhuǎn)移它的復(fù)雜性。

  6. 新鄉(xiāng)重夫:防錯(cuò)原則

  放錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽,而不是人為操作疏忽。通過(guò)改變?cè)O(shè)計(jì)可以把過(guò)失降到最低。該原則最初是用于工業(yè)管理的,但在交互設(shè)計(jì)也十分適用。如在硬件設(shè)計(jì)上的 USB 插槽;而在界面交互設(shè)計(jì)中也是可以經(jīng)??吹?,如當(dāng)使用條件沒(méi)有滿足時(shí),常常通過(guò)使功能失效來(lái)表示(一般按鈕會(huì)變?yōu)榛疑珶o(wú)法點(diǎn)擊),以避免勿按。

  如上圖所示極客公園的評(píng)論功能快,在留言框沒(méi)有內(nèi)容或郵箱格式不正確的時(shí)候是無(wú)法獲取驗(yàn)證碼的,只有兩者都滿足了才可以。

  7. Occam's Razor 奧卡姆剃刀原理(簡(jiǎn)單有效原理)

  這個(gè)原理被稱為“如無(wú)必要,勿增實(shí)體”,即如有兩個(gè)功能相等的設(shè)計(jì),那么選擇最簡(jiǎn)單的。在極客公開(kāi)課・走進(jìn) UC 中 UC 瀏覽器產(chǎn)品經(jīng)理蘇劍南在”UC 瀏覽器 For Android 產(chǎn)品設(shè)計(jì)思考“演講中也有講到該原理的應(yīng)用,”如果 UC 手機(jī)瀏覽器要發(fā)布第一個(gè)版本 UC 1.0,你會(huì)選擇哪五個(gè)功能?‘’

  為了遵守神奇的數(shù)字 7 法則本篇就只介紹到這里了,如果你還有興趣自己去找找其他的定律法則,如與費(fèi)茨定律接近的 Steering Law轉(zhuǎn)向定律、Gutenberg Diagram古登堡圖法則以及雷打不動(dòng)到哪哪適用的帕累托定律(80/20 原則)、三等分原則等。

  最后想說(shuō)的是雖然這些法則定律被很多人認(rèn)定為標(biāo)準(zhǔn),很多人也記得 Alan Cooper 說(shuō)過(guò)的那句名言,但從實(shí)際出發(fā)這些法則定了起到的只是參考或啟發(fā)作為,作為交互設(shè)計(jì)人員千萬(wàn)不能照本宣科,因?yàn)橹挥杏H自做過(guò)后才會(huì)深有體會(huì)。

  除非特別聲明,極客觀察均為極客公園原創(chuàng)報(bào)道,轉(zhuǎn)載請(qǐng)注明原文鏈接。

  原文地址:http://www.geekpark.net/read/view/166489

【網(wǎng)站聲明】本站除付費(fèi)源碼經(jīng)過(guò)測(cè)試外,其他素材未做測(cè)試,不保證完整性,網(wǎng)站上部分源碼僅限學(xué)習(xí)交流,請(qǐng)勿用于商業(yè)用途。如損害你的權(quán)益請(qǐng)聯(lián)系客服QQ:2655101040 給予處理,謝謝支持。

相關(guān)文檔推薦

這篇文章給大家詳細(xì)介紹了HTML頁(yè)面跳轉(zhuǎn)及參數(shù)傳遞問(wèn)題,需要的朋友參考下吧
這篇文章主要介紹了純css實(shí)現(xiàn)照片墻3D效果的示例代碼,可以實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)圖片實(shí)現(xiàn)改變,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
這篇文章主要介紹了css 實(shí)現(xiàn)文字過(guò)長(zhǎng)自動(dòng)隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設(shè)置字體大小) 教程,小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
主站蜘蛛池模板: 好笔杆子网 - 公文写作学习交流分享平台 | 长沙广告公司_制作,长沙喷绘_发光字_招牌制作_长沙泓润广告官网 长城人品牌官网 | 压接机|高精度压接机|手动压接机|昆明可耐特科技有限公司[官网] 胶泥瓷砖胶,轻质粉刷石膏,嵌缝石膏厂家,腻子粉批发,永康家德兴,永康市家德兴建材厂 | 药品仓库用除湿机-变电站用防爆空调-油漆房用防爆空调-杭州特奥环保科技有限公司 | 贝壳粉涂料-内墙腻子-外墙腻子-山东巨野七彩贝壳漆业中心 | 标准件-非标紧固件-不锈钢螺栓-非标不锈钢螺丝-非标螺母厂家-三角牙锁紧自攻-南京宝宇标准件有限公司 | FAG轴承,苏州FAG轴承,德国FAG轴承-恩梯必传动设备(苏州)有限公司 | 送料机_高速冲床送料机_NC伺服滚轮送料机厂家-东莞市久谐自动化设备有限公司 | 知企服务-企业综合服务(ZiKeys.com)-品优低价、种类齐全、过程管理透明、速度快捷高效、放心服务,知企专家! | 礼堂椅厂家|佛山市艺典家具有限公司 | 玉米加工设备,玉米深加工机械,玉米糁加工设备.玉米脱皮制糁机 华豫万通粮机 | 工业胀紧套_万向节联轴器_链条-规格齐全-型号选购-非标订做-厂家批发价格-上海乙谛精密机械有限公司 | 阁楼货架_阁楼平台_仓库仓储设备_重型货架_广州金铁牛货架厂 | 菲希尔FISCHER测厚仪-铁素体检测仪-上海吉馨实业发展有限公司 | IP检测-检测您的IP质量 | 方源木业官网-四川木门-全国木门专业品牌 | 中式装修设计_室内中式装修_【云臻轩】中式设计机构 | 微妙网,专业的动画师、特效师、CG模型设计师网站! - wmiao.com 超声波电磁流量计-液位计-孔板流量计-料位计-江苏信仪自动化仪表有限公司 | 山东钢衬塑罐_管道_反应釜厂家-淄博富邦滚塑防腐设备科技有限公司 | 根系分析仪,大米外观品质检测仪,考种仪,藻类鉴定计数仪,叶面积仪,菌落计数仪,抑菌圈测量仪,抗生素效价测定仪,植物表型仪,冠层分析仪-杭州万深检测仪器网 | 无轨电动平车_轨道平车_蓄电池电动平车★尽在新乡百特智能转运设备有限公司 | 急救箱-应急箱-急救包厂家-北京红立方医疗设备有限公司 | 卓能JOINTLEAN端子连接器厂家-专业提供PCB接线端子|轨道式端子|重载连接器|欧式连接器等电气连接产品和服务 | 南京泽朗生物科技有限公司-液体饮料代加工_果汁饮料代加工_固体饮料代加工 | 科研ELISA试剂盒,酶联免疫检测试剂盒,昆虫_植物ELISA酶免试剂盒-上海仁捷生物科技有限公司 | QQ房产导航-免费收录优秀房地产网站_房地产信息网 | 广州监控安装公司_远程监控_安防弱电工程_无线wifi覆盖_泉威安防科技 | 鹤壁创新仪器公司-全自动量热仪,定硫仪,煤炭测硫仪,灰熔点测定仪,快速自动测氢仪,工业分析仪,煤质化验仪器 | 压片机_高速_单冲_双层_花篮式_多功能旋转压片机-上海天九压片机厂家 | 上海办公室装修公司_办公室设计_直营办公装修-羚志悦装 | TPE塑胶原料-PPA|杜邦pom工程塑料、PPSU|PCTG材料、PC/PBT价格-悦诚塑胶 | 开业庆典_舞龙舞狮_乔迁奠基仪式_开工仪式-神挚龙狮鼓乐文化传媒 | SMC-SMC电磁阀-日本SMC气缸-SMC气动元件展示网 | 企典软件一站式企业管理平台,可私有、本地化部署!在线CRM客户关系管理系统|移动办公OA管理系统|HR人事管理系统|人力 | 卫生型双针压力表-高温防腐差压表-安徽康泰电气有限公司 | 拉力机-万能试验机-材料拉伸试验机-电子拉力机-拉力试验机厂家-冲击试验机-苏州皖仪实验仪器有限公司 | 电车线(用于供电给电车的输电线路)-百科 | 欧景装饰设计工程有限公司-无锡欧景装饰官网 | 缝纫客| 水环真空泵厂家,2bv真空泵,2be真空泵-淄博真空设备厂 | 12cr1mov无缝钢管切割-15crmog无缝钢管切割-40cr无缝钢管切割-42crmo无缝钢管切割-Q345B无缝钢管切割-45#无缝钢管切割 - 聊城宽达钢管有限公司 |