利用格式塔原理“刪減”需求,將復(fù)雜簡單化
編輯導(dǎo)語:在一個項目的進(jìn)行過程中,我們會收到多方面的需求,而這些需求對于用戶來說可能是一個繁瑣的過程,所以為了避免影響到用戶體驗,將需求簡單化也是很重要的一項;本文作者分享了關(guān)于如何利用格式塔原理“刪減”需求,將復(fù)雜簡單化,我們一起來看一下。
1923年,維特海默的一篇論文提出了格式塔知覺組織原則,它包括接近原則、連續(xù)原則、類似原則、封閉原則、簡單圖形原則、圖形和背景原則、共同命運原則一共七個原則。
如今,格式塔原理已經(jīng)在界面設(shè)計領(lǐng)域中得到了非常多的運用,而在交互設(shè)計領(lǐng)域,格式塔理論也大有用處。
但讓我首先來聊聊:
為什么要“刪減”需求?
在實際的項目中,產(chǎn)品的需求和功能是由多方面因素決定的,在ToB項目內(nèi)經(jīng)常會出現(xiàn)過于繁雜的需求和功能,這些集合在一個產(chǎn)品內(nèi)的眾多需求和功能可能由于歷史原因、合同原因,各方利益的原因必須保留。
但我們知道,人的注意力有限,沒有人喜歡在一個界面里看到太多繁雜而不相關(guān)的信息,要在這樣的界面里面找到自己需要的信息太費勁;正如《簡約至上》里所說,人們喜歡簡單值得信賴的產(chǎn)品。
但是,如果不能做到真的刪減需求呢?
格式塔理論認(rèn)為,無論何時,一旦我們感覺到各種形狀或模式,知覺的組織作用就會自發(fā)和不可避免的發(fā)生。
舉個例子,一個符合格式塔連續(xù)性原則的圖形,我們會自發(fā)的把接近的元素看作一個整體;比如下面的圖,我們不用費什么力氣,就會傾向性的認(rèn)為有兩條線段而不是四條,這很有趣,幾乎不需要意識介入,“四”就變成了“二”。
線條圖
在勾畫交互框架的時候,設(shè)計師將相同類別的功能放在接近的位置,將同一行為下連續(xù)操作的按鈕捆綁處理,將類似的元素組織在一起,將一些元素放入另一些元素內(nèi)封閉起來,將界面上需要重點呈現(xiàn)的內(nèi)容從背景中突出出來。
在心理學(xué)領(lǐng)域,格式塔理論又被稱作“完形說”,是事物如何被知覺為“完整性”的理論。而完整性,是一個好的產(chǎn)品期望帶給用戶的感覺。
劍網(wǎng)3 游戲截圖,來源網(wǎng)絡(luò)
這個小島上有很多元素,但我們傾向于將它知覺為“一”。
如果將行為考慮進(jìn)去,我們還可以根據(jù)當(dāng)前用戶的位置和姿態(tài)來進(jìn)一步利用格式塔原理,“刪減”界面元素,優(yōu)化交互,讓界面呈現(xiàn)被知覺為更少。
在以AR眼鏡為終端設(shè)計界面時,固定距離下的FOV區(qū)域相對于要表現(xiàn)的需求經(jīng)常捉襟見肘。
以一個實際的ToB項目為例,廠房工人佩戴AR眼鏡后,需要巡檢的具體區(qū)域以及巡檢內(nèi)容會以虛擬圖像疊加在真實環(huán)境中進(jìn)行顯示,而標(biāo)準(zhǔn)的制造業(yè)工廠巡檢步驟和內(nèi)容非常多,可能最簡單的一個巡檢任務(wù)也包含三十多個小步驟;在每一個步驟,需要顯示的有四類信息:當(dāng)前巡檢進(jìn)度(包含上下進(jìn)度步驟數(shù)量),巡檢步驟名稱(通常為對象+操作名),巡檢對象位置指示,以及巡檢內(nèi)容和方法(通常為一組三維模型動畫),再考慮用戶站位和一般在手臂可到達(dá)的操作距離內(nèi),能夠顯示虛擬圖像的屏幕區(qū)域變得非常小。
操作距離圖
這個時候,細(xì)致考慮用戶的行為,即當(dāng)前行為的注意焦點,就可以根據(jù)用戶的位姿做進(jìn)一步刪減;在一個連續(xù)性的行為下,每一個時刻僅展示部分焦點內(nèi)容,將這個步驟分為四個時刻,并以同樣的動效推進(jìn)退出,以求在全部需求得到體現(xiàn)的同時,又能夠在知覺上達(dá)到簡單合一。
用戶行為分解圖(背景模型僅為示意,非該項目內(nèi)容)
然后,我們又得到了另外一個疑問:
減少到什么程度呢?
我們來看向另一個經(jīng)常在界面設(shè)計中用到的法則:“7+-2”,這是有關(guān)工作記憶容量的結(jié)論,由心理學(xué)家Miller提出。
當(dāng)然,現(xiàn)在的多個研究都證明這個數(shù)字偏大而更傾向于“4+-1”作為工作記憶的容量限制,我也在之前的文章中提到過。
需要說明的是,這些數(shù)字是指一個組塊,它可以是真的一個數(shù)字或一個字母,但也可以是組合而成的一個認(rèn)知單元,一個認(rèn)知單元里可以包括多個數(shù)字或者字母;比如CCTV,對大多數(shù)人而言,它只占用了我們工作記憶的一個組塊。
每一個時刻上能夠容忍的界面元素也與此類似,以用戶群體的認(rèn)知模式和產(chǎn)品的使用環(huán)境為依據(jù),將內(nèi)容控制在“4+-1”限制下。
正如我在《七個UI設(shè)計小Tip,從心理學(xué)角度談?wù)動邢薜淖⒁饬Α?/a>里寫道的:使用“4±1”法則(而不是“7±1”),結(jié)構(gòu)化呈現(xiàn)界面布局。
作者:林影落,10年+體驗設(shè)計師,專注AR及創(chuàng)新領(lǐng)域設(shè)計;微信公眾號:林間有影落
本文由 @林影落 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自?Unsplash,基于 CC0 協(xié)議
- 目前還沒評論,等你發(fā)揮!