激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

高校合作1：010-59833514 ?咨詢電話：400-810-1418 服務(wù)與監(jiān)督電話：400-810-1418轉(zhuǎn)接2

設(shè)計(jì)按鈕你該知道些什么(7個(gè)基本規(guī)則)

發(fā)布時(shí)間：2024-04-03 09:02:01 瀏覽量：184次

按鈕是交互設(shè)計(jì)的基本元素。在用戶和系統(tǒng)操作過程中起到非常重要的作用。這次我們來聊聊創(chuàng)建有效按鈕所需了解的七個(gè)基本原則。


1. 讓按鈕看起來像按鈕

用戶使用軟件界面交互時(shí)，用戶需要立即知道什么是“可點(diǎn)擊”，什么點(diǎn)不了。

使用適當(dāng)?shù)囊曈X符號(hào)（如大小、形狀、顏色、陰影等）讓元素看起來像一個(gè)按鈕。視覺符號(hào)具有重要的信息價(jià)值。

如果缺少清晰的交互，用戶為糾結(jié)哪些是“可點(diǎn)擊” 哪些是“不可點(diǎn)，那么我們?cè)O(shè)計(jì)的再炫酷都沒用。用戶體驗(yàn)太差是沒辦法留下用戶的。

不要假設(shè)你的用戶界面中的某些東西對(duì)你的用戶來說是顯而易見的

在許多情況下，設(shè)計(jì)師故意不將按鈕識(shí)別為交互元素，因?yàn)樗麄冋J(rèn)為交互元素對(duì)用戶來說是顯而易見的。

為您的按鈕使用熟悉的設(shè)計(jì)

以下是大多數(shù)用戶熟悉的幾個(gè)按鈕示例：


不要忘記空格

不僅按鈕本身的視覺屬性很重要。按鈕附近的空白數(shù)量使用戶更容易（或更難）理解它是否是交互式元素。留白。

2. 將按鈕放在用戶希望找到的位置

按鈕應(yīng)位于用戶可以輕松找到或期望看到的位置。不要讓用戶尋找按鈕。

盡可能使用傳統(tǒng)布局和標(biāo)準(zhǔn) UI 模式

按鈕的常規(guī)放置提高了可發(fā)現(xiàn)性。使用標(biāo)準(zhǔn)布局，用戶將很容易理解每個(gè)元素的用途。


3.用它們的作用標(biāo)記按鈕

帶有通用或誤導(dǎo)性標(biāo)簽的按鈕可能會(huì)讓您的用戶感到沮喪。

用戶應(yīng)該清楚地了解單擊按鈕時(shí)會(huì)發(fā)生什么。一些比如不可逆操作或存在風(fēng)險(xiǎn)的操作時(shí)的界面與其使用“確定”標(biāo)簽，不如使用“移除”。這將清楚地說明此按鈕對(duì)用戶的作用。此外，如果“移除”是一項(xiàng)具有潛在危險(xiǎn)的操作，您可以使用紅色來強(qiáng)調(diào)突出這一事實(shí)。

4. 適當(dāng)調(diào)整按鈕大小

使主要操作按鈕更加突出。增加它的大?。ㄍㄟ^使按鈕變大，使它看起來對(duì)用戶更重要）并結(jié)合使用對(duì)比色來吸引用戶的注意力。


5.注意順序

按鈕的順序應(yīng)該反映用戶和系統(tǒng)之間對(duì)話的性質(zhì)。


6.避免使用過多的按鈕

如果提供的選項(xiàng)太多時(shí)，就會(huì)變得無從下手。


7. 提供交互的視覺或聽覺反饋

當(dāng)用戶單擊或點(diǎn)擊按鈕時(shí)，他們希望用戶界面會(huì)以適當(dāng)?shù)姆答佭M(jìn)行響應(yīng)。根據(jù)操作類型，這可能是視覺或音頻反饋。當(dāng)用戶沒有任何反饋時(shí)，他們可能會(huì)認(rèn)為系統(tǒng)沒有收到他們的命令，并會(huì)重復(fù)執(zhí)行該操作。這種行為通常會(huì)導(dǎo)致多次不必要的操作。

熱門課程推薦

熱門資訊

請(qǐng)綁定手機(jī)號(hào)

獲取驗(yàn)證碼
x

同學(xué)您好！

您已成功報(bào)名0元試學(xué)活動(dòng)，老師會(huì)在第一時(shí)間與您取得聯(lián)系，請(qǐng)保持電話暢通！
確定