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