我記得之前在做彈窗的時(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)的用戶習(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è)上丧荐±掳辏可以更快速的方便我們作出選擇。而并非像WP一樣繞一圈虹统。
2弓坞、古騰堡法則
古騰堡法則指人們?cè)跒g覽頁(yè)面的時(shí)候，視覺(jué)都趨向于從上到下车荔，從左到右的眼動(dòng)規(guī)律渡冻。左上角是視覺(jué)的第一落點(diǎn)區(qū)，而右下角是視覺(jué)最終落點(diǎn)區(qū)忧便。用戶的視覺(jué)中心往往在頁(yè)面的左上方族吻，而結(jié)束瀏覽時(shí)視線往往落在右下角，所以合理利用這個(gè)法則可以幫助用戶更好地獲取內(nèi)容并采取行動(dòng)。
那么根據(jù)這個(gè)法則就不難解釋為何安卓繼4.0之后為何將確定更改到右下角的位置超歌。顯然最終的視覺(jué)落腳點(diǎn)很大程度上影響著用戶的操作砍艾。所以說(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去，不然很容易造成用戶的誤操作福扬。
