怎么進(jìn)步按鈕規(guī)劃的可用性

今日要來跟咱們講講細(xì)節(jié)中的用戶體會(huì)規(guī)劃——按鈕規(guī)劃。以小見大，往往從面包屑導(dǎo)航、箭頭、按鈕...等這樣的小細(xì)節(jié)的規(guī)劃就足以影響用戶體會(huì)高度。接下來，要告知咱們的是怎么進(jìn)步按鈕規(guī)劃的可用性。
它應(yīng)當(dāng)看起來可點(diǎn)擊/接觸

用戶看到可點(diǎn)擊的按鈕會(huì)有去點(diǎn)擊和接觸的激動(dòng)。盡管按鈕在屏幕上會(huì)以各式各樣的尺度出現(xiàn)，而且一般都具有杰出的可點(diǎn)擊性，可是在移動(dòng)端設(shè)備上按鈕本身的尺度和按鈕周圍的空隙尺度都是十分有考究的。
普通用戶的指尖尺度一般為8~10毫米，所以尺度為10×10毫米的接觸交互對(duì)象是符合邏輯的，這也算是移動(dòng)端上約定俗成的規(guī)矩了。
想要讓一個(gè)元素看起來可點(diǎn)擊，留意下面的技巧：
·微妙的陰影可以讓按鈕看起來“起浮”出界面，讓它看起來更接近用戶
·增加按鈕內(nèi)邊距，讓它看起來更容易點(diǎn)擊，引導(dǎo)用戶點(diǎn)擊
·進(jìn)行懸浮或許點(diǎn)擊操作的時(shí)分經(jīng)過實(shí)時(shí)顏色和效果變化，提示用戶
顏色很重要

按鈕的顏色需求依據(jù)整個(gè)網(wǎng)站的配色來單獨(dú)搭配。作為用戶交互的中心，按鈕在頁面中合適使用特定的顏色進(jìn)行強(qiáng)調(diào)。
按鈕的顏色應(yīng)該亮堂而迷人，這也是為什么那么多UI規(guī)劃都喜愛采用亮堂的黃色、綠色和藍(lán)色的按鈕規(guī)劃。想要按鈕在視覺上突出，按鈕的顏色最好選取布景色在色輪上相對(duì)方位的互補(bǔ)色。
別的一個(gè)值得留意的是品牌用色。你需求為按鈕選取一個(gè)同你的品牌配色方案相匹配的顏色，它不只要有識(shí)別度，還要有關(guān)聯(lián)性。不管你配色方案怎么調(diào)整，按鈕首先要與你的首要配色保持關(guān)聯(lián)和共同。
尺度的影響更大

按鈕要大！規(guī)劃師常常被各種人戳屏，LOGO要大是被指責(zé)得最多的當(dāng)?shù)�，而在進(jìn)行按鈕規(guī)劃的時(shí)分，大也相同是鋼需。只有當(dāng)按鈕尺度夠大的時(shí)分，用戶才能在一看到界面的時(shí)分就被它所吸引。盡管幽靈按鈕可以占有足夠大的面積，可是幽靈按鈕在視覺重量上的不足，使得它并不是最好的挑選。所以，咱們所說的大不只僅是尺度上的大，在視覺重量上相同要“大”。
當(dāng)然，按鈕的巨細(xì)尺度也是一個(gè)相對(duì)值。有的時(shí)分，相同的尺度的按鈕，在一種情況下是完美的巨細(xì)，在別的一個(gè)界面中可能便是過大了。很大程度上，按鈕的巨細(xì)取決于周圍元素的巨細(xì)比例。假如按鈕是界面中可見的僅有元素，那么誰都不會(huì)錯(cuò)過了。
方位也關(guān)鍵

按鈕應(yīng)該放置在哪個(gè)方位？界面中哪些當(dāng)?shù)乜梢詾槟銕�來更多的點(diǎn)擊量？
在絕大多數(shù)的情況下，按鈕應(yīng)當(dāng)依照你的頁面和APP的內(nèi)容來增加：
·在表單的底部
·在行為呼喚類信息附近
·在頁面或許屏幕底部
·在信息的正下方
為何要放置在這些方位？因?yàn)樗麄冏裱�用戶的�?xí)慣和天然的交互路徑，不管是網(wǎng)頁仍是APP。
專注于比照

幾乎所有類型的規(guī)劃都會(huì)比照照度有所要求，在進(jìn)行按鈕規(guī)劃的時(shí)分，不只要讓按鈕內(nèi)的內(nèi)容（圖標(biāo)、文本）可以同按鈕本身構(gòu)成杰出的比照，而且按鈕和布景以及周圍的元素也要形成比照。
那么，在你進(jìn)行規(guī)劃的時(shí)分，需求考慮到下面的因素：
·顏色
·字體的字重和尺度
·元素的巨細(xì)
·布景與形狀
·陰影與漸變
·留白和內(nèi)外距離
使用標(biāo)準(zhǔn)的形狀

當(dāng)你在考慮按鈕的外形的時(shí)分，你只需求考慮兩種情況：
·圓形。隨著Material Design這種規(guī)劃規(guī)范的推廣，圓形的按鈕已經(jīng)被咱們所接受了。圓形按鈕廣泛適用于時(shí)下流行的扁平化規(guī)劃風(fēng)格，合適目前的用戶形式。
·矩形。矩形按鈕（包括方形和各種圓角矩形）是最常見也是按鈕在咱們認(rèn)知中的默許形狀，它符合用戶的認(rèn)知與習(xí)慣，絕大多數(shù)的按鈕長度寬度的兩倍（當(dāng)然三四倍也有）。當(dāng)用戶看到它的時(shí)分，馬上會(huì)明白應(yīng)該怎么與之交互。至于使用圓角仍是直角，那便是別的一個(gè)問題了，挑選符合你的規(guī)劃風(fēng)格的即可。
告知用戶做什么

每個(gè)按鈕都會(huì)包括一個(gè)文本指令，它會(huì)告知用戶這個(gè)按鈕的功用。所以，按鈕上的文本要盡量簡練、直觀，而且使用符合整個(gè)網(wǎng)站風(fēng)格的語音語調(diào)。
然后，你需求“實(shí)行許諾”。當(dāng)用戶點(diǎn)擊按鈕的時(shí)分，按鈕所指示的內(nèi)容和成果應(yīng)當(dāng)合理、迅速地呈現(xiàn)在用戶眼前，無論是提交表單、跳轉(zhuǎn)到新的頁面，用戶經(jīng)過這個(gè)按鈕應(yīng)當(dāng)獲得他所預(yù)期的成果。
按鈕中的內(nèi)容一般包括：
·戳我！
·立即創(chuàng)建
·免費(fèi)試用
·參加購物車
·查看更多
讓按鈕具有更高的視覺優(yōu)先級(jí)

幾乎每個(gè)界面都塞滿了各種不同的UI元素。規(guī)劃的過程中，規(guī)劃師往往會(huì)規(guī)劃出若干個(gè)不同的版本，而直到項(xiàng)目接近完結(jié)的時(shí)分，才從無比相近的幾個(gè)方案中挑選一個(gè)版本。
不要陷入這種困境。
按鈕就該有按鈕的樣子。按鈕應(yīng)該是整個(gè)規(guī)劃中絕無僅有的控件，它在形狀、顏色和視覺重量上，都應(yīng)當(dāng)同其他部分區(qū)分開。想想看，當(dāng)你創(chuàng)造出的按鈕和其他的控件都要大，顏色在整個(gè)配色方案中都絕無僅有，它絕比照黑暗中的螢火蟲還要來得顯眼。
以上便是關(guān)于進(jìn)步按鈕規(guī)劃的可用性知識(shí)共享，這八個(gè)方面的分解析，是否對(duì)你有所啟發(fā)？你還可以試著憑借以上的建議，結(jié)合網(wǎng)站開發(fā)、APP開發(fā)方面的數(shù)據(jù)剖析，更加精確地了解用戶關(guān)于你所規(guī)劃的按鈕的實(shí)際效果。