我們對(duì)這些來自眼動(dòng)儀的監(jiān)測(cè)圖片不陌生叔营,用戶在瀏覽桌面端網(wǎng)頁(yè)時(shí)屋彪,視覺軌跡呈字母 "F" 型。而由于移動(dòng)端設(shè)備屏幕小绒尊,用戶能抓取到整個(gè)頁(yè)面的內(nèi)容畜挥,在移動(dòng)端頁(yè)面下,視覺軌跡則呈字母 "L" 型婴谱,位于右上角的信息較容易忽略蟹但。這來自騰訊 CDC 實(shí)習(xí)期間導(dǎo)師的分享。
當(dāng)用戶處于一個(gè)業(yè)務(wù)/功能流程中谭羔,往往需要經(jīng)歷多個(gè)頁(yè)面的交互操作华糖,進(jìn)行瀏覽、填寫信息等瘟裸,例如注冊(cè)缅阳、預(yù)約、功能引導(dǎo)或購(gòu)物流程。不少應(yīng)用將「下一步」的 action button 放在頂部 menu bar/app bar 的右側(cè)十办。如果在這些場(chǎng)景下秀撇,action button 放在內(nèi)容尾部或頁(yè)面底部,則符合移動(dòng)端頁(yè)面 "L" 型視覺動(dòng)線向族。
對(duì)比兩者泛范,后者操作起來更流暢、一氣呵成紊撕,而前者還需要稍費(fèi)心神去尋找一下按鈕的位置(雖然影響不大)罢荡,使視覺動(dòng)線大致呈 "r" 型。如果你說对扶,我就是想用戶不要太輕易觸發(fā)按鈕而提交內(nèi)容造成誤操作(這里討論的是業(yè)務(wù)/功能流程的場(chǎng)景区赵,而不是例如文章編輯頁(yè)面的長(zhǎng)時(shí)間駐留的場(chǎng)景),這不是按鈕位置的問題而是選項(xiàng)/表單設(shè)計(jì)的問題浪南,而且本身也需要考慮是否讓用戶能容易返回上一步或執(zhí)行撤銷操作笼才。當(dāng)然,還要根據(jù)實(shí)際的頁(yè)面信息數(shù)量進(jìn)行考慮決策络凿。
另外骡送,如果 action button 位于頁(yè)面底部,對(duì)于 iPhone 和部分 Android Phone 還發(fā)揮了費(fèi)茲法則的優(yōu)勢(shì)絮记。