AV免费播放一区二区三区_亚洲综合网第三页_日本一 中文字幕久久综合伊人_麻豆久久久9性大片_日韩av

在交互設(shè)計(jì)中,作為設(shè)計(jì)師應(yīng)遵循的7大定律-上

2022-6-10    博博

在設(shè)計(jì)中尋找真理,探索每一個(gè)設(shè)計(jì)背后的意義。



除非有更好的選擇,否則就遵從標(biāo)準(zhǔn)  —— 阿蘭庫(kù)珀



費(fèi)茨定律:

距離:起始位置離目標(biāo)位置越遠(yuǎn),我們到達(dá)目標(biāo)位置所花費(fèi)的時(shí)間就越長(zhǎng),反之亦然。

目標(biāo)大?。耗繕?biāo)面積越大,我們定位到目標(biāo)位置所花費(fèi)的時(shí)間就越短,反之,目標(biāo)越小,定位時(shí)間越長(zhǎng)。


·生活中的費(fèi)茨定律

剎車(chē)和油門(mén)踏板相距很近,剎車(chē)時(shí)的物理面積比油門(mén)的物理面積大,會(huì)最快接觸到踏板,減少事故的發(fā)生。




·界面中的費(fèi)茨定律

(1)距離目標(biāo)位置盡量縮短,相關(guān)操作保持親密性

例如:抖音的視頻播放界面,系統(tǒng)會(huì)判斷用戶(hù)進(jìn)行觸發(fā)時(shí)手指與屏幕的接觸位置,并將操作按鈕顯示在離用戶(hù)手指最近的位置。


                                        


(2)目標(biāo)尺寸大小要合適

目標(biāo)點(diǎn)擊熱區(qū)在合適的范圍內(nèi),越大越容易精準(zhǔn)點(diǎn)擊,越小越容易誤操作。iOS交互指南中規(guī)定最小點(diǎn)擊熱區(qū)為44*44。

(3)拇指原則

人們?cè)谑褂檬謾C(jī)時(shí),75%的交互操作都是由拇指驅(qū)動(dòng)的,考慮到費(fèi)茨定律,如果目標(biāo)位置超出拇指的移動(dòng)范圍,操作成本增加。



米勒定律:

是交互設(shè)計(jì)中常用的一個(gè)定律,美國(guó)心理學(xué)家對(duì)人的記憶能力進(jìn)行定量研究,他發(fā)現(xiàn)人的短時(shí)記憶能力廣度為7±2個(gè)信息塊,超過(guò)這個(gè)范圍就容易出錯(cuò),在7+2與7-2之間浮動(dòng)。


·生活中的米勒定律

電話號(hào)碼,銀行卡號(hào),身份證號(hào)碼進(jìn)行數(shù)字分隔,降低記憶成本,提高信息的易讀性,視覺(jué)防錯(cuò)。




·界面中的米勒定律

(1)分段記憶,信息分層

文章、文本中的字號(hào)、字間距,目的就是便于讀者記憶和提高易讀性

(2)導(dǎo)航和選項(xiàng)卡不超過(guò)9個(gè)

網(wǎng)頁(yè)設(shè)計(jì)的一級(jí)導(dǎo)航不要超過(guò)9個(gè),如果導(dǎo)航和選項(xiàng)卡內(nèi)容過(guò)多,可通過(guò)聚合按鈕來(lái)包容其他次要入口。(用戶(hù)使用導(dǎo)航就是要快速找到自己想要的內(nèi)容,如不能快速查找,用戶(hù)可能會(huì)就此流失掉)

(3)系列位置效應(yīng)

首因效應(yīng):相對(duì)中間位置,我們對(duì)最前面的物體記憶清晰。

新近效應(yīng):相對(duì)中間位置,對(duì)序列末尾物體記憶更清晰。




席克定律:

是一種心理物理學(xué)定律,用戶(hù)所面臨的選擇數(shù)量越多,花費(fèi)時(shí)間越長(zhǎng),人機(jī)交互界面選項(xiàng)越多,用戶(hù)決策時(shí)間越長(zhǎng)。


·生活中的席克定律

遙控器按鈕越少,越快做出操作;如交互設(shè)計(jì)四策略:刪除、組合、隱藏、轉(zhuǎn)移。功能層級(jí)也需要細(xì)分核心功能、輔助功能、邊緣功能。而核心功能是進(jìn)入產(chǎn)品第一個(gè)發(fā)現(xiàn)的功能,操作頻率高,所以它的視覺(jué)應(yīng)是最突出的,可以幫助用戶(hù)增強(qiáng)感知和節(jié)約選擇時(shí)間。


      


·界面中的席克定律

(1)減少選項(xiàng)并提供默認(rèn)值

選項(xiàng)越多,用戶(hù)決策的時(shí)間越長(zhǎng),減少用戶(hù)思考的時(shí)間就是減少操作時(shí)間和學(xué)習(xí)成本,讓用戶(hù)不思考就做出正確的選擇,對(duì)于小模塊來(lái)說(shuō),一般選項(xiàng)不超過(guò)9個(gè),9個(gè)以上可以用交互約束用戶(hù)的行為,如展開(kāi)收縮。


(2)選項(xiàng)分類(lèi)分層,信息區(qū)分主次

在菜單欄的設(shè)計(jì)過(guò)程中,我們會(huì)進(jìn)行同類(lèi)分組和多級(jí)分層的設(shè)計(jì),效率會(huì)更高。重點(diǎn)信息、推薦信息和普通信息要在時(shí)間上做區(qū)分,這樣才能搶占視覺(jué)并在第一時(shí)間感知到。

(3)分步完成,分布顯示

分解復(fù)雜流程,讓用戶(hù)一步步操作,而不是全部堆到用戶(hù)面前,通過(guò)分步完成一個(gè)任務(wù)流,降低其他信息給用戶(hù)帶來(lái)的干擾。例如:用戶(hù)填寫(xiě)表單時(shí),可展示選項(xiàng),當(dāng)填完最后一項(xiàng)選“其他”時(shí),再展開(kāi)剩余的表單,目的上是為了減輕大量表單,給用戶(hù)感知上帶來(lái)的壓力,達(dá)到場(chǎng)景細(xì)分的目的。


接近法則:

接近法則也是格式塔理論中我們最熟悉的,最常用的一種法則。觀察者看到彼此臨近的物體時(shí),會(huì)將它們視為一體。


·生活中的接近法則

小區(qū)規(guī)劃圖中,會(huì)通過(guò)較寬的過(guò)道,綠植圍欄來(lái)劃分他們之間的關(guān)系,從而增強(qiáng)人們的感知。



·界面中的接近法則

界面中的接近原則是對(duì)相似的信息及功能類(lèi)別進(jìn)行分組、布局。作用是直接影響到用戶(hù)與產(chǎn)品的視覺(jué)交流,引導(dǎo)用戶(hù)的瀏覽及操作行為。

常見(jiàn)的在列表頁(yè)面,通過(guò)色塊區(qū)分大組與大組,分割線區(qū)分小組與小組,目的都是在視覺(jué)上通過(guò)組與組的區(qū)分來(lái)劃分功能與功能之間的關(guān)聯(lián)性。



以上這四條是我們?cè)谄匠9ぷ鲿r(shí)都會(huì)用到的,我們?cè)龠M(jìn)行一個(gè)界面的設(shè)計(jì)時(shí)應(yīng)該對(duì)照下以上幾條定律,在與產(chǎn)品或開(kāi)發(fā)battle時(shí)也能有理有據(jù),告訴他我們「為什么這樣設(shè)計(jì)」。寫(xiě)的手有些痛,剩下的4條定律下期我再繼續(xù)補(bǔ)充,下期見(jiàn)~


作者:瞧見(jiàn)貓

轉(zhuǎn)載請(qǐng)注明:站酷

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢(xún)、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

魏華的微信.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.

免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)m.hglv.net )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(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咨詢(xún)、用戶(hù)體驗(yàn)公司、軟件界面設(shè)計(jì)公司

日歷

鏈接

個(gè)人資料

存檔