我記得之前在做彈窗的時候曾經(jīng)跟產(chǎn)品討論過確定和取消的位置放置問題,確定是在左邊好呢?還是右邊好呢?取消呢?一直沒有個定論。這次我就查找了一些相關(guān)資料學(xué)習(xí),跟大家聊一聊。
不同平臺的放置位置
蘋果不論移動或電腦設(shè)備,確定按鈕都放在右邊。
PC端和安卓端,恰恰相反確定按鈕都放在左邊。
然而Android4.0后變更為“取消/確定”黨,這似乎違背了多年來的堅持。
此次更改意味著什么呢?有人會覺得這是叛徒行為,毀掉多年來win培養(yǎng)的用戶習(xí)慣。那么我們來仔細分析一下不同的放置位置到底有何不同?
1、閱讀視線的順序造成視線無意識回跳
我們可以看到當消息提示我們進行下一步操作的時候,我們會下意識的尋找動作(action)按鈕,上圖左側(cè)是WP的彈窗,確定/取消。我們需要點確定的時候會先進行掃視,確定按鈕放置在左邊的時候,往往會從左往右看一遍再無意識回跳到左邊。而不是說我先看到左邊有確定就停止往下瀏覽了。
上圖右側(cè)的IOS彈窗,取消/確定。我們同樣是按照從左到右的閱讀習(xí)慣,最終視覺點會停留在右側(cè)上。可以更快速的方便我們作出選擇。而并非像WP一樣繞一圈。
2、古騰堡法則
古騰堡法則指人們在瀏覽頁面的時候,視覺都趨向于從上到下,從左到右的眼動規(guī)律。左上角是視覺的第一落點區(qū),而右下角是視覺最終落點區(qū)。用戶的視覺中心往往在頁面的左上方,而結(jié)束瀏覽時視線往往落在右下角,所以合理利用這個法則可以幫助用戶更好地獲取內(nèi)容并采取行動。
那么根據(jù)這個法則就不難解釋為何安卓繼4.0之后為何將確定更改到右下角的位置。顯然最終的視覺落腳點很大程度上影響著用戶的操作。所以說確定放在右下角是更為合理的,如若放在左下角就會停留在視覺盲點區(qū)域內(nèi)了。
3、取消和確定孰輕孰重?
比如上一步和下一步毫無疑問是上一步放置在左邊,下一步放置在右邊。那么通常情況下下一步的操作頻率明顯比上一步的操作頻率要高。那么如果按照這個邏輯,取消/確定這種放置位置就更為合理。有朋友問取消和確定哪個更重要?通常還是以實際的操作頻率的基準來看的。實際操作中遇到這種情況,往往還是確定按鈕的操作頻率要高很多。所以確定放置在右側(cè),取消放置在左側(cè)并沒有什么不妥。
當然無論我們怎么樣放置一定要遵循系統(tǒng)邏輯的一致性,比如在同一個APP里,取消和確定的操作位置要保持統(tǒng)一,不要換來換去,不然很容易造成用戶的誤操作。