網站建設中按鈕位置的設計！

2018-09-11 分類：網站建設

網站建設中按鈕位置的設計！

1.視覺流向

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

2.空間記憶

“我敢發誓，這個按鈕一分鐘前還是在這里！”用戶經常通過回憶它們在哪里來再次找到它們，而不是它們的名字。很多軟件的界面就是將對話框的按鈕確定|取消放在預定的位置上，部分原因是由于它們的空間記憶（Spatial Memory）依賴性。

用戶習慣的問題，當用戶對于某種操作形成習慣之后，很大程度提高了他的工作效率，但如果我們設計上調整了習慣，他必須馬上思考這個工具一次，增加使用成本。舉例看淘寶和當當的購物車頁面，淘寶的操作是左右結構，雖然有4個按鈕但是很符合我們的記憶，左邊全選刪除方便快捷。右側的橙色按鈕跟當當的綠色“結算”按鈕功能一致，區別在于當當將“繼續購物”按鈕樣式縮小了，這樣會增加用戶的判斷成本。而且淘寶在這里處理的很好，大小樣式很統一。當當的可取之處在于增加了一個“移入收藏”的文字鏈，個人覺得很實用，但是后續操作“移入收藏”的商品就不顯示在購物車中了。如果改成“加入收藏”商品還是在購物車中保留，效果應該會更好。

網站欄目：網站建設中按鈕位置的設計！
標題來源：http://m.kartarina.com/news/78257.html

網站建設、網絡推廣公司-創新互聯，是專注品牌與效果的網站制作，網絡營銷seo公司；服務項目有網站建設等

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容