網(wǎng)站建設(shè)中按鈕位置的設(shè)計(jì)！

網(wǎng)站建設(shè)中按鈕位置的設(shè)計(jì)！

1.視覺(jué)流向

用戶瀏覽頁(yè)面的視覺(jué)流向通常是從左上至右下的一條弧線，我們可以看到通常瀏覽器的操作都是在右側(cè)，關(guān)閉|縮小|滾動(dòng)條等等。符合視覺(jué)流向通常情況下，我們會(huì)將按鈕安排在相同的對(duì)象右邊，或者是下面，但是復(fù)雜界面元素的底部一般是用戶的“盲點(diǎn)”。我們將影響整個(gè)頁(yè)面或者對(duì)話框的按鈕，確認(rèn)|取消|下一頁(yè)|保存這樣類按鈕設(shè)置在彈出框的右側(cè)有很好的擴(kuò)展性，左側(cè)可以添加幫助按鈕，這樣有助于功能的區(qū)域劃分。
如果按鈕都有自己的小圖標(biāo)，類似用于表單，列表中，可以將它們放在工具條或者類似工具條狹長(zhǎng)的區(qū)域上，通常在頁(yè)面的頂部。

2.空間記憶

“我敢發(fā)誓，這個(gè)按鈕一分鐘前還是在這里！”用戶經(jīng)常通過(guò)回憶它們?cè)谀睦飦?lái)再次找到它們，而不是它們的名字。很多軟件的界面就是將 對(duì)話框的按鈕 確定|取消 放在預(yù)定的位置上，部分原因是由于它們的空間記憶（Spatial Memory）依賴性。

用戶習(xí)慣的問(wèn)題，當(dāng)用戶對(duì)于某種操作形成習(xí)慣之后，很大程度提高了他的工作效率，但如果我們?cè)O(shè)計(jì)上調(diào)整了習(xí)慣，他必須馬上思考這個(gè)工具一次，增加使用成本。舉例看淘寶和當(dāng)當(dāng)?shù)馁?gòu)物車(chē)頁(yè)面，淘寶的操作是左右結(jié)構(gòu)，雖然有4個(gè)按鈕但是很符合我們的記憶，左邊全選刪除方便快捷。右側(cè)的橙色按鈕跟當(dāng)當(dāng)?shù)木G色“結(jié)算”按鈕功能一致，區(qū)別在于當(dāng)當(dāng)將“繼續(xù)購(gòu)物”按鈕樣式縮小了，這樣會(huì)增加用戶的判斷成本。而且淘寶在這里處理的很好，大小樣式很統(tǒng)一。當(dāng)當(dāng)?shù)目扇≈幵谟谠黾恿艘粋€(gè)“移入收藏”的文字鏈，個(gè)人覺(jué)得很實(shí)用，但是后續(xù)操作“移入收藏”的商品就不顯示在購(gòu)物車(chē)中了。如果改成“加入收藏”商品還是在購(gòu)物車(chē)中保留，效果應(yīng)該會(huì)更好。

網(wǎng)站欄目：網(wǎng)站建設(shè)中按鈕位置的設(shè)計(jì)！
標(biāo)題來(lái)源：http://www.muchs.cn/news/78257.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián)，是專注品牌與效果的網(wǎng)站制作，網(wǎng)絡(luò)營(yíng)銷seo公司；服務(wù)項(xiàng)目有網(wǎng)站建設(shè)等

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)