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)看看吧
主站蜘蛛池模板: 多功能干燥机,过滤洗涤干燥三合一设备-无锡市张华医药设备有限公司 | 长沙发电机-湖南发电机-柴油发电机供应厂家-长沙明邦智能科技 | 苏州工作服定做-工作服定制-工作服厂家网站-尺品服饰科技(苏州)有限公司 | 陕西自考报名_陕西自学考试网| 仿古建筑设计-仿古建筑施工-仿古建筑公司-汉匠古建筑设计院 | 杭州ROHS检测仪-XRF测试仪价格-百科 | 砍排机-锯骨机-冻肉切丁机-熟肉切片机-预制菜生产线一站式服务厂商 - 广州市祥九瑞盈机械设备有限公司 | 电销卡_北京电销卡_包月电话卡-豪付网络| 德州万泰装饰 - 万泰装饰装修设计软装家居馆 | 大立教育官网-一级建造师培训-二级建造师培训-造价工程师-安全工程师-监理工程师考试培训 | 精密模具-双色注塑模具加工-深圳铭洋宇通| 湖南档案密集架,智能,物证,移动,价格-湖南档案密集架厂家 | 建筑资质代办-建筑企业资质代办机构-建筑资质代办公司 | 儋州在线-儋州招聘找工作、找房子、找对象,儋州综合生活信息门户! | 照相馆预约系统,微信公众号摄影门店系统,影楼管理软件-盟百网络 | 色谱柱-淋洗液罐-巴罗克试剂槽-巴氏吸管-5ml样品瓶-SBS液氮冻存管-上海希言科学仪器有限公司 | 中医治疗皮肤病_潍坊银康医院「山东」重症皮肤病救治平台 | 上海恒驭仪器有限公司-实验室平板硫化机-小型平板硫化机-全自动平板硫化机 | 聚丙烯酰胺_阴离子_阳离子「用量少」巩义亿腾厂家直销,售后无忧 聚合甘油__盐城市飞龙油脂有限公司 | 耐腐蚀泵,耐腐蚀真空泵,玻璃钢真空泵-淄博华舜耐腐蚀真空泵有限公司 | 环氧树脂地坪漆_济宁市新天地漆业有限公司 | 多功能真空滤油机_润滑油全自动滤油机_高效真空滤油机价格-重庆润华通驰 | 上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家 | 苏商学院官网 - 江苏地区唯一一家企业家自办的前瞻型、实操型商学院 | 武汉刮刮奖_刮刮卡印刷厂_为企业提供门票印刷_武汉合格证印刷_现金劵代金券印刷制作 - 武汉泽雅印刷有限公司 | 磁力轮,磁力联轴器,磁齿轮,钕铁硼磁铁-北京磁运达厂家 | 无菌实验室规划装修设计-一体化实验室承包-北京洁净净化工程建设施工-北京航天科恩实验室装备工程技术有限公司 | 浴室柜-浴室镜厂家-YINAISI · 意大利设计师品牌 | 咿耐斯 |-浙江台州市丰源卫浴有限公司 | 捷码低代码平台 - 3D数字孪生_大数据可视化开发平台「免费体验」 | 派克防爆伺服电机品牌|国产防爆伺服电机|高低温伺服电机|杭州摩森机电科技有限公司 | 金属切削液-脱水防锈油-电火花机油-抗磨液压油-深圳市雨辰宏业科技发展有限公司 | 运动木地板厂家,篮球场木地板品牌,体育场馆木地板安装 - 欧氏运动地板 | 台湾阳明固态继电器-奥托尼克斯光电传感器-接近开关-温控器-光纤传感器-编码器一级代理商江苏用之宜电气 | 神超官网_焊接圆锯片_高速钢锯片_硬质合金锯片_浙江神超锯业制造有限公司 | 浙江自考_浙江自学考试网| 山东PE给水管厂家,山东双壁波纹管,山东钢带增强波纹管,山东PE穿线管,山东PE农田灌溉管,山东MPP电力保护套管-山东德诺塑业有限公司 | 天助网 - 中小企业全网推广平台_生态整合营销知名服务商_天助网采购优选 | 宽带办理,电信宽带,移动宽带,联通宽带,电信宽带办理,移动宽带办理,联通宽带办理 | 东莞办公家具厂家直销-美鑫【免费3D效果图】全国办公桌/会议桌定制 | 注塑_注塑加工_注塑模具_塑胶模具_注塑加工厂家_深圳环科 | 开锐教育-学历提升-职称评定-职业资格培训-积分入户 |