2022-5-31 鶴鶴
“先有思想，后有設(shè)計(jì)”設(shè)計(jì)師自身應(yīng)該逐步建立一套自己的設(shè)計(jì)體系，需要對(duì)設(shè)計(jì)方法論有專(zhuān)業(yè)的認(rèn)識(shí)和理解。一直想收集整理日常說(shuō)到的各類(lèi)設(shè)計(jì)理論知識(shí)，也希望通過(guò)整理和總結(jié)能有新的收獲，加深記憶。
格式塔心理學(xué)是視覺(jué)排版及設(shè)計(jì)中應(yīng)用比較廣泛，主要指人的眼腦作用是一個(gè)不斷組織、簡(jiǎn)化、統(tǒng)一的過(guò)程，正是通過(guò)這一過(guò)程，才產(chǎn)生出易于理解、協(xié)調(diào)的整體。格式塔的理論核心是整體決定部分的性質(zhì)，部分依從于整體，人腦知覺(jué)到的東西要大于眼睛見(jiàn)到的東西。
古登堡法則是又稱(chēng)對(duì)角線平衡法則，由14世紀(jì)西方活字印刷術(shù)的發(fā)明人約翰·古騰堡提出。古登堡圖表將要畫(huà)面顯示的東西分成了四個(gè)象限：
1.第一視覺(jué)區(qū)(Primary Optical Area)：左上方，讀者首先注意到的地方。
2.最終視覺(jué)區(qū)(Final Optical Area)：右下方，視覺(jué)流程的終點(diǎn)。
3.強(qiáng)閑置區(qū)(Strong Follow Area)：右上方，較少被注意到。
4.弱閑置區(qū)(Weak Follow Area)：左下方，最少被注意到。
通過(guò)古登堡法則我們知道用戶的視覺(jué)中心往往在頁(yè)面的左上方，而結(jié)束瀏覽時(shí)視線往往落在右下角，所以合理利用這個(gè)法則可以幫助用戶更好地獲取內(nèi)容并采取行動(dòng)。自上而下的界面設(shè)計(jì)，自左向右的界面設(shè)計(jì)，頁(yè)面中通常將操作按鈕放在右下角。
菲茲定律：從一個(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)。意味著小而近的目標(biāo)用戶不需要花費(fèi)太大的精力就能輕易觸及或者關(guān)注，相反小而遠(yuǎn)的目標(biāo)則需要花費(fèi)用戶更多的時(shí)間和注意力，菲茲定律闡述的是效率相關(guān)的問(wèn)題
思考結(jié)論：1.必要時(shí)讓按鈕更大，2.讓相關(guān)信息更近
?？硕?span style="margin:0px;padding:0px;outline:none;box-sizing:inherit;color:#080808;">：一個(gè)人面臨的選擇(n)越多，所需要作出決定(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è)菜單中做出選擇。席克定律在產(chǎn)品應(yīng)用中主要用于通過(guò)合理的選項(xiàng)及功能規(guī)劃提高用戶的決策及完成任務(wù)效率
應(yīng)用場(chǎng)景：
1.分類(lèi)編組，提高決策效率
2.過(guò)濾選項(xiàng)，隱藏/刪除低頻率功能選項(xiàng)
3.分布執(zhí)行，提高流程轉(zhuǎn)化率
米勒定律：頭腦最好的狀態(tài)能記憶含有7（±2）項(xiàng)信息塊，在記憶了 5-9 項(xiàng)信息后人類(lèi)的頭腦就開(kāi)始出錯(cuò)。米勒定律在產(chǎn)品應(yīng)用中主要在于合理的信息布局和信息處理可以提高用戶對(duì)信息的獲取效率和記憶難度。
應(yīng)用場(chǎng)景：
1.控制數(shù)量，減少用戶選擇
2.信息分段，輔助用戶記憶
3.流程分步，優(yōu)化用戶操作
4.信息排序，引導(dǎo)用戶記憶
臨近性原則：當(dāng)對(duì)象離得太近的時(shí)候，意識(shí)會(huì)認(rèn)為它們是相關(guān)的。在交互設(shè)計(jì)中表現(xiàn)為一個(gè)提交按鈕會(huì)緊挨著一個(gè)文本框，用戶會(huì)理解為按鈕于文本框有關(guān)聯(lián)性。換句話說(shuō)當(dāng)相互靠近的功能塊是不相關(guān)的話，就說(shuō)明交互設(shè)計(jì)可能是有問(wèn)題的。
泰斯勒定律（復(fù)雜守恒定律):該定律認(rèn)為每一個(gè)過(guò)程都有其固有的復(fù)雜性，存在一個(gè)臨界點(diǎn)，超過(guò)了這個(gè)點(diǎn)過(guò)程就不能再簡(jiǎn)化了，你只能將固有的復(fù)雜性從一個(gè)地方移動(dòng)到另外一個(gè)地方。
應(yīng)用場(chǎng)景：
1.合理縮短用戶使用路徑，在設(shè)計(jì)中可有適度的簡(jiǎn)化縮短操作流程但是到一定的程度可能會(huì)影響整體的功能和價(jià)值。
2.將固有的復(fù)雜性從一個(gè)地方轉(zhuǎn)移到另一個(gè)地方，例如搜索中歷史記錄，信息商品的收藏等功能，實(shí)際都利用了此定律。
3.將功能進(jìn)行拆分，一次性無(wú)法降低復(fù)雜度的功能可以進(jìn)行拆分。
奧卡姆剃刀原理：奧卡姆剃刀原理只承認(rèn)確實(shí)存在的東西，認(rèn)為那些空洞的普遍性的東西都是沒(méi)有用的，應(yīng)該剔除掉，概括起來(lái)就是“如非必要，勿增實(shí)體”實(shí)際上無(wú)論實(shí)體、視覺(jué)或認(rèn)知上，多余的負(fù)擔(dān)都會(huì)削弱表現(xiàn)效能，去除解決方案的雜質(zhì)，讓最后的設(shè)計(jì)會(huì)更嚴(yán)謹(jǐn)、更純粹。在設(shè)計(jì)蘋(píng)果產(chǎn)品的時(shí)候，喬布斯一直堅(jiān)持認(rèn)為：為了實(shí)現(xiàn)一個(gè)功能而造出一堆復(fù)雜的東西，沒(méi)用，簡(jiǎn)單的才最好。Google專(zhuān)注于搜索，主頁(yè)上也只有搜索，其他搜索引擎就沒(méi)有做的這么徹底，這也是為什么Google用戶量最多的原因之一。
防錯(cuò)原則：最早應(yīng)用于汽車(chē)制造領(lǐng)域中，工程師新鄉(xiāng)重夫（豐田精益生產(chǎn)莊家）于上世紀(jì)60年代，創(chuàng)造了這個(gè)理念。防錯(cuò)原則認(rèn)為大部分的意外都是由設(shè)計(jì)的疏忽，而不是人為操作疏忽，例如硬件設(shè)計(jì)上的 USB 插槽，醬油瓶口。防錯(cuò)原則有四項(xiàng)基本原則包括，輕松原則，簡(jiǎn)單原則，安全原則和自動(dòng)原則。
狀態(tài)可見(jiàn)原則：保持界面的狀態(tài)可見(jiàn)，變化可見(jiàn)，內(nèi)容可見(jiàn)。讓用戶知道發(fā)生了什么，在適當(dāng)?shù)臅r(shí)間內(nèi)做出適當(dāng)?shù)姆答仭?比如用戶在網(wǎng)頁(yè)上的任何操作，不論是單擊、滾動(dòng)還是按下鍵盤(pán)，頁(yè)面應(yīng)即時(shí)給出反饋。
貼近場(chǎng)景原則：用用戶的語(yǔ)言，用詞，短語(yǔ)和用戶熟悉的概念，而不是系統(tǒng)術(shù)語(yǔ)。遵循現(xiàn)實(shí)世界的慣例來(lái)呈現(xiàn)信息，功能操作符合用戶的使用場(chǎng)景。進(jìn)一步來(lái)說(shuō)貼近場(chǎng)景，也是要求在設(shè)計(jì)的時(shí)候要考慮，產(chǎn)品面對(duì)的人群和人群所在的環(huán)境，比如，同一款產(chǎn)品在不同地區(qū)呈現(xiàn)形式需要考慮文化差異。不同屬性的產(chǎn)品例如兒童教育和辦公產(chǎn)品，需考慮使用人群的特性。
可控原則：操作應(yīng)該是可逆的，可以支持“撤銷(xiāo)”和“重試”，以此來(lái)離開(kāi)“非預(yù)期” 的狀態(tài)，簡(jiǎn)單來(lái)說(shuō)就是不要讓用戶走進(jìn)死胡同，提供出口和退路。例如微信發(fā)送消息可以撤回可重新編輯等。很多web端的表單，文章發(fā)布等都支持自動(dòng)保存，很大程度上避免錯(cuò)誤或者意外操作。
一致性原則：遵循平臺(tái)的慣例。也就是，同一用語(yǔ)、功能、操作保持一致。
防錯(cuò)原則：核心觀點(diǎn)是如何有效的在用戶出錯(cuò)之前就盡量避免錯(cuò)誤發(fā)生，在互聯(lián)網(wǎng)產(chǎn)品中，比起回退修改錯(cuò)誤信息或者操作更好的是，用設(shè)計(jì)防止這類(lèi)問(wèn)題發(fā)生。很多轉(zhuǎn)賬功能中輸入數(shù)字后會(huì)顯示千萬(wàn)等說(shuō)明文字，用戶輸入卡號(hào)后會(huì)自動(dòng)識(shí)別關(guān)聯(lián)銀行，避免用戶出錯(cuò)。
1.限制操作范圍和條件。例如很多手機(jī)登錄等交互中默認(rèn)設(shè)置手機(jī)號(hào)為11位避免了用戶出錯(cuò)，提高了易用性。
2.對(duì)有風(fēng)險(xiǎn)的操作進(jìn)行二次確認(rèn)。
易取原則：盡量減少用戶對(duì)操作目標(biāo)的記憶負(fù)荷，動(dòng)作和選項(xiàng)都應(yīng)該是可見(jiàn)的。用戶不必記住一個(gè)頁(yè)面到另一個(gè)頁(yè)面的信息。系統(tǒng)的使用說(shuō)明應(yīng)該是可見(jiàn)的或者是容易獲取的。 很多產(chǎn)品搜索功能的關(guān)鍵詞聯(lián)想搜索，即使用戶不能完全記住關(guān)鍵詞也能輕松搜索。
1.讓用戶選擇而不是輸入，選擇和輸入的操作成本相差巨大，產(chǎn)品應(yīng)給給用戶提供選項(xiàng)，讓用戶可以直接選擇，而不是自己輸入，比如填寫(xiě)收貨地址。
2.自動(dòng)讀取、記錄信息、減少操作路徑。在用戶使用產(chǎn)品的過(guò)程中，會(huì)產(chǎn)生一些需要記憶的內(nèi)容、或者操作路徑，這個(gè)時(shí)候我們要避免用戶記憶，把信息直接提取出來(lái)，送到用戶手里
高效靈活原則：為大多數(shù)用戶設(shè)計(jì)，兼容少部分特殊用戶。允許用戶進(jìn)行頻繁的操作，更加便捷靈活的代碼和反饋。各大產(chǎn)品中常使用的搜索功能，提供歷史搜索功能。微信朋友圈發(fā)布中選擇可見(jiàn)/不可見(jiàn)人群時(shí)，提供上次選人記錄。
1.提供快捷入口，例如支付寶的首頁(yè)可以自主配置常用的小程序，微信下拉對(duì)話頁(yè)面可以快捷進(jìn)入歷史小程序
2.方便用戶重復(fù)操作，例如外賣(mài)平臺(tái)中自動(dòng)定位常用地址，訂單中可以再來(lái)重復(fù)的一單等
3.預(yù)知用戶操作縮短操作路徑，例如截圖后打開(kāi)微信對(duì)話框會(huì)關(guān)聯(lián)截圖發(fā)送
簡(jiǎn)約原則：審美和簡(jiǎn)約設(shè)計(jì)，頁(yè)面不應(yīng)該包含無(wú)關(guān)緊要的信息，頁(yè)面的每個(gè)額外信息都會(huì)降低主要內(nèi)容的相對(duì)可見(jiàn)性。
容錯(cuò)原則：錯(cuò)誤信息應(yīng)該用語(yǔ)言表達(dá)（不要用代碼），較準(zhǔn)確地反應(yīng)問(wèn)題所在，并且提出一個(gè)建設(shè)性的解決方案。比如404。
人性化幫助原則：有必要提供幫助和文檔。任何信息應(yīng)容易去搜索，專(zhuān)注于用戶的任務(wù)，列出具體的步驟來(lái)進(jìn)行。幫助性提示最好的方式是：1、一次性提示；2、常駐提示；3；幫助文檔。
通過(guò)這些方法的總結(jié)歸納，我發(fā)現(xiàn)其實(shí)很多原則原理我們?cè)谄綍r(shí)的設(shè)計(jì)中有意無(wú)意的總會(huì)用到，在實(shí)際工作中設(shè)計(jì)很大程度上是做選擇，哪一種是對(duì)產(chǎn)品對(duì)用戶最優(yōu)的方案，有的設(shè)計(jì)師可以通過(guò)自己的經(jīng)驗(yàn)作出選擇，沒(méi)有經(jīng)驗(yàn)的可能需要多多理解這些原則原理，交互設(shè)計(jì)之父阿蘭·庫(kù)珀說(shuō)過(guò)“除非有更好的選擇，否則就遵從標(biāo)準(zhǔn)”只有反復(fù)的遵循使用標(biāo)準(zhǔn)才能建立自己的一套設(shè)計(jì)方法論，讓工作更加得心應(yīng)手。
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
藍(lán)藍(lán)設(shè)計(jì)( www.lmkl.com.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(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ù)、
來(lái)源：站酷
作者：有魚(yú)MUMU
免責(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ì)的小編 http://www.lmkl.com.cn