中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

按鈕是交互設(shè)計(jì)中必備的元素，它在用戶和系統(tǒng)的交互中承擔(dān)著非常重要的作用。在本文中，我將分別介紹創(chuàng)建有效按鈕必須要知道的七項(xiàng)基本原則。

一、按鈕就是按鈕

當(dāng)涉及到與用戶界面交互時(shí)，用戶需要立即知道什么是“可點(diǎn)擊的”，什么不是。設(shè)計(jì)中的每一個(gè)項(xiàng)目都需要用戶進(jìn)行解碼，一般來(lái)說(shuō)，用戶解碼需要的時(shí)間越多，可用性就越差。

但是用戶如何理解某個(gè)元素是否具有交互性呢？他們靠以前的經(jīng)驗(yàn)和視覺(jué)符號(hào)來(lái)判斷界面中元素的含義，這就是為何創(chuàng)建按鈕時(shí)必須使用恰當(dāng)?shù)囊曈X(jué)元素（比如尺寸、形狀、顏色、陰影等）。視覺(jué)符號(hào)具有重要的信息價(jià)值——有助于在界面中創(chuàng)建可視性。

不幸的是，在許多界面中，交互性的符號(hào)很弱，大大地減少了可發(fā)現(xiàn)性。如果交互不夠清晰，用戶連哪些是可以點(diǎn)擊的，哪些是不行的都弄不清楚的話，設(shè)計(jì)做的再酷也沒(méi)什么意義了。

對(duì)于移動(dòng)端的用戶來(lái)說(shuō)，這個(gè)問(wèn)題就更嚴(yán)重了。在嘗試了解單個(gè)元素是否具有交互性時(shí)，PC端用戶可以將光標(biāo)移到元素上，并檢查游標(biāo)是否改變了狀態(tài)。然而移動(dòng)端用戶就沒(méi)這種機(jī)會(huì)了，他們只能點(diǎn)擊，除此之外沒(méi)有別的方法可以檢測(cè)了。

不要以為對(duì)用戶來(lái)說(shuō)，界面中的東西都是顯而易見(jiàn)的。

在許多情況下，設(shè)計(jì)人員故意不將按鈕標(biāo)識(shí)為交互元素，因?yàn)樗麄冋J(rèn)為交互元素對(duì)用戶來(lái)說(shuō)是顯而易見(jiàn)的。在設(shè)計(jì)界面時(shí)，您應(yīng)該始終牢記：使用熟悉的設(shè)計(jì)創(chuàng)建按鈕，用戶理解交互元素的能力是遠(yuǎn)不及你的，因?yàn)樽鳛樵O(shè)計(jì)師，你當(dāng)然知道你的設(shè)計(jì)有什么用。

下面給幾個(gè)絕大多數(shù)用戶都會(huì)熟悉的按鈕：

1. 帶有正方形邊框的填充按鈕
2. 充滿圓角的按鈕
3. 充滿了陰影的按鈕
4. .幽靈按鈕

在以上的例子中，“充滿陰影的按鈕”對(duì)用戶來(lái)說(shuō)是最清晰的，用戶一看到這個(gè)按鈕的維度就知道這是可以點(diǎn)擊的。

不要忘記留白！

按鈕本身的視覺(jué)固然重要，其周圍的空白部分也很關(guān)鍵。以下面的“幽靈按鈕”為例，有些用戶也許會(huì)把它當(dāng)成是信息框。

二 、把按鈕放在用戶想要的地方

按鈕應(yīng)該放在用戶容易發(fā)現(xiàn)的地方，不要讓用戶滿世界的找按鈕。如果用戶找不到按鈕，他們就不會(huì)知道這個(gè)按鈕的存在。盡可能使用傳統(tǒng)的布局和標(biāo)準(zhǔn)的UI模式。

傳統(tǒng)的按鈕布局提高了可發(fā)現(xiàn)性；采用標(biāo)準(zhǔn)的布局，用戶可以很容易地理解每個(gè)元素的目的——即使它是一個(gè)沒(méi)有強(qiáng)指針的按鈕。將標(biāo)準(zhǔn)布局與干凈的視覺(jué)設(shè)計(jì)和充足的空白相結(jié)合，將使布局更容易被理解。

不要和用戶玩按鈕游戲，測(cè)試設(shè)計(jì)的可發(fā)現(xiàn)性，當(dāng)用戶第一次來(lái)到包含一些可操作行為的頁(yè)面時(shí)，他們應(yīng)該很容易就找到相應(yīng)的按鈕才對(duì)。

三、標(biāo)注按鈕的功能

帶有通用或誤導(dǎo)性標(biāo)簽的按鈕可能會(huì)給用戶帶來(lái)巨大的挫敗感，編寫按鈕標(biāo)簽時(shí)要清楚地解釋每個(gè)按鈕的功能。理想情況下，按鈕的標(biāo)簽應(yīng)該清楚地描述它的作用。

你得讓用戶清楚的知道點(diǎn)了某個(gè)按鈕之后會(huì)有什么反應(yīng)。來(lái)看個(gè)簡(jiǎn)單的例子，假設(shè)用戶不小心點(diǎn)了“刪除”按鈕，就會(huì)看到以下消息：

在這個(gè)語(yǔ)境里，“OK”和“Cancel”到底代表什么意思？大多數(shù)用戶都會(huì)問(wèn)自己：“如果我點(diǎn)了Cancel會(huì)發(fā)生什么？”

所以，不要設(shè)計(jì)一個(gè)只由兩個(gè)按鈕“OK”和“Cancel”組成的對(duì)話框或表單。

用“Remove”作為標(biāo)簽就比“OK”清晰多了，用戶看了就知道到底是什么意思。另外，如果“Delete”是一個(gè)潛在的危險(xiǎn)操作，你可以用紅色來(lái)標(biāo)注一下。

四、按鈕的大小要適當(dāng)

按鈕大小應(yīng)該反映該元素在屏幕上的優(yōu)先級(jí)，大按鈕意味著更重要的動(dòng)作。

優(yōu)先級(jí)高的按鈕：讓最重要的按鈕看起來(lái)就是最重要的，增加它的尺寸（按鈕更大對(duì)用戶來(lái)說(shuō)就是更重要），使用對(duì)比色來(lái)吸引用戶的注意力。

做按鈕時(shí)要考慮移動(dòng)端用戶的操作友好性，很多APP里的按鈕做的太小了，導(dǎo)致用戶常常誤操作。

麻省理工學(xué)院的觸覺(jué)實(shí)驗(yàn)室研究發(fā)現(xiàn)：

手指墊的平均長(zhǎng)度在10-14mm之間，指尖的長(zhǎng)度為8-10mm，所以10mm x 10mm就是一個(gè)很好的最小觸摸目標(biāo)尺寸。

五、注意順序

按鈕的順序應(yīng)該反映用戶和系統(tǒng)之間交互的本質(zhì)。問(wèn)問(wèn)你自己，用戶期望在這個(gè)屏幕上看到的是什么樣的順序，并據(jù)此設(shè)計(jì)。

例如，如何在分頁(yè)中排列“向前/向后”按鈕? 一般來(lái)說(shuō)，向前移動(dòng)的按鈕應(yīng)該在右邊，向后移動(dòng)的按鈕應(yīng)該在左邊。

六、避免使用過(guò)多的按鈕

很多APP和網(wǎng)站都存在這個(gè)問(wèn)題，提供的選項(xiàng)太多，用戶反倒什么也不會(huì)做了。設(shè)計(jì)APP或者網(wǎng)站的頁(yè)面時(shí)，多想想你認(rèn)為用戶最應(yīng)該進(jìn)行的操作是什么吧。

七、提供視覺(jué)或聽(tīng)覺(jué)反饋

當(dāng)用戶點(diǎn)擊按鈕時(shí)，他們希望界面可以給些恰當(dāng)?shù)姆答?。如果沒(méi)有任何反饋，用戶會(huì)以為系統(tǒng)沒(méi)有收到他們的操作，然后就會(huì)重復(fù)點(diǎn)擊。這種行為常常導(dǎo)致多個(gè)不必要的操作。

為什么會(huì)這樣？作為人類，在與某物進(jìn)行互動(dòng)之后我們總是期望能得到反饋的。不管是視覺(jué)的、聽(tīng)覺(jué)的或者觸覺(jué)的，總得讓我們知道互動(dòng)成功了。

對(duì)于某些操作，比如下載，它不僅需要確認(rèn)用戶輸入，而且還顯示進(jìn)程的當(dāng)前狀態(tài)。

八、結(jié)論

盡管按鈕是交互設(shè)計(jì)的一個(gè)普通元素，但它值得投入大量的精力，把這個(gè)元素做好。記住，按鈕用戶體驗(yàn)設(shè)計(jì)最主要的兩個(gè)點(diǎn)就是識(shí)別和清晰。

作者：Nick Babich（微信公眾號(hào)：集創(chuàng)堂）

原文鏈接：https://uxplanet.org/7-basic-rules-for-button-design-63dcdf5676b4

翻譯：熊小熊（微信公眾號(hào)：集創(chuàng)堂）

本文由 @熊小熊 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來(lái)自 Pexels，基于 CC0 協(xié)議