按鈕的分組和位置的選擇，選擇按鈕的位置對提高網(wǎng)站整體效果有幫助

用戶瀏覽頁面的視覺流向通常是從左上至右下的一條弧線，我們可以看到通常瀏覽器的操縱都是在右側(cè)，封閉|縮小|動彈條等等。我們可以看范例iTunes的主窗口，四個角分別放置了一組按鈕，界面中間的歌曲也有良多的步履點。加上動彈條，該界面只有有14個按鈕。以后臺頁面的按鈕為例，一級按鈕和二級按鈕尺寸大小規(guī)格都是一致的，只要就是以顏色來區(qū)分（整張頁面中橙色的按鈕至多泛起一個）。假如改成“加入珍藏”商品仍是在購物車中留存，效果應(yīng)該會更好。確實有良多的功能，不外由于視覺上和語言上的巧妙組合，并不會給用戶很亂的感覺。

舉例看淘寶和當(dāng)當(dāng)?shù)馁徫镘図撁?，淘寶的操縱是左右結(jié)構(gòu)，固然有4個按鈕但是很符合我們的記憶，左邊全選刪除利便快捷。

假如按鈕都有自己的小圖標(biāo)，類似用于表單，列表中，可以將它們放在工具條或者類似工具條狹長的區(qū)域上，通常在頁面的頂部。符合視覺流向通常情況下，我們會將按鈕鋪排在相同的對象右邊，或者是下面，但是復(fù)雜界面元素的底部一般是用戶的“盲點”。當(dāng)當(dāng)?shù)目扇≈幵谟谠黾恿艘粋€“移入珍藏”的文字鏈，個人覺得很實用，但是后續(xù)操縱“移入珍藏”的商品就不顯示在購物車中了。而且淘寶在這里處理的很好，大小樣式很同一。用簡短而又含義明確的動詞或者動詞短語作為標(biāo)簽，假如用戶不需要的時候不要使用高深的專門用語。

幾個按鈕放在一起，由于它們可能完成類似的功能。

制定“阿里助手”視覺規(guī)范的時候運用的就是視覺相似性歸類，假若這組按鈕大小都一致，那么看起來就是一個整體，合適的大小和對齊可以匡助一組按鈕組成一個大一些的組合圖形。

用戶習(xí)慣的題目，當(dāng)用戶對于某種操縱形成習(xí)慣之后，很大程度進(jìn)步了他的工作效率，但假如我們設(shè)計上調(diào)整了習(xí)慣，他必需馬上思索這個工具一次，增加使用本錢。

分組按照按鈕的功能來分，設(shè)計上以顏色，大小來區(qū)分，為了頁面的整體性，質(zhì)感我們都保持一致的。我們將影響整個頁面或者對話框的按鈕，確認(rèn)|取消|下一頁|保留這樣類按鈕設(shè)置在彈出框的右側(cè)有很好的擴(kuò)展性，左側(cè)可以添加幫助按鈕，這樣有助于功能的區(qū)域劃分。右側(cè)的橙色按鈕跟當(dāng)當(dāng)?shù)木G色“結(jié)算”按鈕功能一致，區(qū)別在于當(dāng)當(dāng)將“繼承購物”按鈕樣式縮小了，這樣會增加用戶的判定本錢。

按鈕的分組可以讓一個界面變得具有自我描述能力.在復(fù)雜的布局中，組織良好的各組按鈕用以選擇，而且由于很顯著，這樣可以很快告訴用戶有哪些功能可以使用。

分享文章：按鈕的分組和位置的選擇，選擇按鈕的位置對提高網(wǎng)站整體效果有幫助
標(biāo)題網(wǎng)址：http://muchs.cn/news43/167793.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計公司、網(wǎng)站排名、小程序開發(fā)、商城網(wǎng)站、做網(wǎng)站、網(wǎng)站內(nèi)鏈

廣告

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