2022-6-10 博博
除非有更好的選擇,否則就遵從標(biāo)準(zhǔn) —— 阿蘭庫珀
費(fèi)茨定律:
距離:起始位置離目標(biāo)位置越遠(yuǎn),我們到達(dá)目標(biāo)位置所花費(fèi)的時(shí)間就越長,反之亦然。
目標(biāo)大?。耗繕?biāo)面積越大,我們定位到目標(biāo)位置所花費(fèi)的時(shí)間就越短,反之,目標(biāo)越小,定位時(shí)間越長。
·生活中的費(fèi)茨定律
剎車和油門踏板相距很近,剎車時(shí)的物理面積比油門的物理面積大,會最快接觸到踏板,減少事故的發(fā)生。
·界面中的費(fèi)茨定律
(1)距離目標(biāo)位置盡量縮短,相關(guān)操作保持親密性
例如:抖音的視頻播放界面,系統(tǒng)會判斷用戶進(jìn)行觸發(fā)時(shí)手指與屏幕的接觸位置,并將操作按鈕顯示在離用戶手指最近的位置。
(2)目標(biāo)尺寸大小要合適
目標(biāo)點(diǎn)擊熱區(qū)在合適的范圍內(nèi),越大越容易精準(zhǔn)點(diǎn)擊,越小越容易誤操作。iOS交互指南中規(guī)定最小點(diǎn)擊熱區(qū)為44*44。
(3)拇指原則
人們在使用手機(jī)時(shí),75%的交互操作都是由拇指驅(qū)動(dòng)的,考慮到費(fèi)茨定律,如果目標(biāo)位置超出拇指的移動(dòng)范圍,操作成本增加。
米勒定律:
是交互設(shè)計(jì)中常用的一個(gè)定律,美國心理學(xué)家對人的記憶能力進(jìn)行定量研究,他發(fā)現(xiàn)人的短時(shí)記憶能力廣度為7±2個(gè)信息塊,超過這個(gè)范圍就容易出錯(cuò),在7+2與7-2之間浮動(dòng)。
·生活中的米勒定律
電話號碼,銀行卡號,身份證號碼進(jìn)行數(shù)字分隔,降低記憶成本,提高信息的易讀性,視覺防錯(cuò)。
·界面中的米勒定律
(1)分段記憶,信息分層
文章、文本中的字號、字間距,目的就是便于讀者記憶和提高易讀性
(2)導(dǎo)航和選項(xiàng)卡不超過9個(gè)
網(wǎng)頁設(shè)計(jì)的一級導(dǎo)航不要超過9個(gè),如果導(dǎo)航和選項(xiàng)卡內(nèi)容過多,可通過聚合按鈕來包容其他次要入口。(用戶使用導(dǎo)航就是要快速找到自己想要的內(nèi)容,如不能快速查找,用戶可能會就此流失掉)
(3)系列位置效應(yīng)
首因效應(yīng):相對中間位置,我們對最前面的物體記憶清晰。
新近效應(yīng):相對中間位置,對序列末尾物體記憶更清晰。
席克定律:
是一種心理物理學(xué)定律,用戶所面臨的選擇數(shù)量越多,花費(fèi)時(shí)間越長,人機(jī)交互界面選項(xiàng)越多,用戶決策時(shí)間越長。
·生活中的席克定律
遙控器按鈕越少,越快做出操作;如交互設(shè)計(jì)四策略:刪除、組合、隱藏、轉(zhuǎn)移。功能層級也需要細(xì)分核心功能、輔助功能、邊緣功能。而核心功能是進(jìn)入產(chǎn)品第一個(gè)發(fā)現(xiàn)的功能,操作頻率高,所以它的視覺應(yīng)是最突出的,可以幫助用戶增強(qiáng)感知和節(jié)約選擇時(shí)間。
·界面中的席克定律
(1)減少選項(xiàng)并提供默認(rèn)值
選項(xiàng)越多,用戶決策的時(shí)間越長,減少用戶思考的時(shí)間就是減少操作時(shí)間和學(xué)習(xí)成本,讓用戶不思考就做出正確的選擇,對于小模塊來說,一般選項(xiàng)不超過9個(gè),9個(gè)以上可以用交互約束用戶的行為,如展開收縮。
(2)選項(xiàng)分類分層,信息區(qū)分主次
在菜單欄的設(shè)計(jì)過程中,我們會進(jìn)行同類分組和多級分層的設(shè)計(jì),效率會更高。重點(diǎn)信息、推薦信息和普通信息要在時(shí)間上做區(qū)分,這樣才能搶占視覺并在第一時(shí)間感知到。
(3)分步完成,分布顯示
分解復(fù)雜流程,讓用戶一步步操作,而不是全部堆到用戶面前,通過分步完成一個(gè)任務(wù)流,降低其他信息給用戶帶來的干擾。例如:用戶填寫表單時(shí),可展示選項(xiàng),當(dāng)填完最后一項(xiàng)選“其他”時(shí),再展開剩余的表單,目的上是為了減輕大量表單,給用戶感知上帶來的壓力,達(dá)到場景細(xì)分的目的。
接近法則:
接近法則也是格式塔理論中我們最熟悉的,最常用的一種法則。觀察者看到彼此臨近的物體時(shí),會將它們視為一體。
·生活中的接近法則
小區(qū)規(guī)劃圖中,會通過較寬的過道,綠植圍欄來劃分他們之間的關(guān)系,從而增強(qiáng)人們的感知。
·界面中的接近法則
界面中的接近原則是對相似的信息及功能類別進(jìn)行分組、布局。作用是直接影響到用戶與產(chǎn)品的視覺交流,引導(dǎo)用戶的瀏覽及操作行為。
常見的在列表頁面,通過色塊區(qū)分大組與大組,分割線區(qū)分小組與小組,目的都是在視覺上通過組與組的區(qū)分來劃分功能與功能之間的關(guān)聯(lián)性。
以上這四條是我們在平常工作時(shí)都會用到的,我們再進(jìn)行一個(gè)界面的設(shè)計(jì)時(shí)應(yīng)該對照下以上幾條定律,在與產(chǎn)品或開發(fā)battle時(shí)也能有理有據(jù),告訴他我們「為什么這樣設(shè)計(jì)」。寫的手有些痛,剩下的4條定律下期我再繼續(xù)補(bǔ)充,下期見~
轉(zhuǎn)載請注明:站酷
分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( www.wnxcall.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、
UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.wnxcall.com