現(xiàn)在迎來所謂的設(shè)計(jì)創(chuàng)新潮流，只要你的東西夠潮流，有創(chuàng)新，都能在這個競爭很大的環(huán)境中生存。不過前提的是你需要一個好的平臺。現(xiàn)在在互聯(lián)網(wǎng)行業(yè)，作業(yè)手機(jī)開發(fā)的工程師們也在不斷的去創(chuàng)新。設(shè)計(jì)師也在不斷的去設(shè)計(jì)更新穎的東西，以至于自己設(shè)計(jì)的在今后會成為有紀(jì)念性的一款或者多款作品。

說道開發(fā)APP或者其他，首先呈現(xiàn)在消費(fèi)者面前的是什么，很多消費(fèi)者只在乎一些外表，不會特別的去在乎一些功能，單有些消費(fèi)者在乎的東西往往并不是外表或者功能，是你都不知道的，消費(fèi)者的選擇我們無法去判斷，但至少我們很清楚明白一點(diǎn)，一個東西的好壞肯定有人去認(rèn)同，只要我們做一樣?xùn)|西他做到最好，達(dá)到大多數(shù)消費(fèi)者，那么這個東西就是好的，是能被大家多接受的。

說道設(shè)計(jì)。有很多當(dāng)面。這里單一的對按鈕進(jìn)行探討。當(dāng)設(shè)計(jì)單選按鈕時，最重要的是遵循設(shè)計(jì)標(biāo)準(zhǔn)，因?yàn)檫@能增強(qiáng)用戶預(yù)測哪個選項(xiàng)能做什么和如何操作它。相反地，違反了標(biāo)準(zhǔn)的設(shè)計(jì)會讓用戶感覺到設(shè)計(jì)界面脆弱，仿佛什么事都有可能沒有警告而發(fā)生。

單選按鈕是表單系統(tǒng)的一個基本元素。它們被使用在當(dāng)存在互斥的兩個或多個選項(xiàng)列表而用戶必須選擇其中一個時。換句話說，點(diǎn)選某個尚未選中的單選按鈕，之前的選擇就會恢復(fù)成未選中。

正確的使用單選按鈕——它們能夠阻止用戶輸入錯誤的數(shù)據(jù)，因?yàn)樗鼈儍H顯示合法的選項(xiàng)。

一、單選按鈕的名字由何而來

單選按鈕的命名源自于舊式汽車中收音機(jī)用來切換頻道的物理按鍵——當(dāng)一個按鈕被按下，其他的就會被彈出，留下唯一的按鈕處于被選中的狀態(tài)?，F(xiàn)代軟件中的單選按鈕正是仿照的這些物理按鈕。

二、單選按鈕的最佳實(shí)踐

單選按鈕設(shè)計(jì)2.jpg

1、使用單選按鈕僅用來設(shè)置

使用單選按鈕來更改設(shè)置，而不是作為操作按鈕來執(zhí)行命令。同時，改變的設(shè)置不應(yīng)該在用戶點(diǎn)擊命令按鈕(標(biāo)記為“前進(jìn)”或“保存”為例)前生效。如果用戶點(diǎn)擊返回或取消按鈕，任何在該單選按鈕組所做的更改都應(yīng)該被丟棄而且回到初始狀態(tài)。

如果單選按鈕只被用來影響一個命令的執(zhí)行，那最好還是用顯示命令的變化來取代。這樣做允許用戶選擇單個交互的正確命令。

2、選項(xiàng)的邏輯順序

你應(yīng)該將所有選項(xiàng)按邏輯順序擺放，比如按被選中可能性由大到小，按操作難易度由簡單到復(fù)雜，按風(fēng)險(xiǎn)由小到大。字母順序不應(yīng)該受到推崇，因?yàn)樗墙⒃谡Z言的基礎(chǔ)之上不能本地化。

3、選項(xiàng)應(yīng)該是全面的和分明的

單選鈕的最大可用性問題來自于標(biāo)簽?zāi)：?，有誤導(dǎo)性，或描述的選項(xiàng)令普通用戶無法理解。雖然上下文幫助說明可以減少后者的問題，但讓用戶測試任何重要的交互控制仍然是最好的選擇。

4、通常給一個默認(rèn)選項(xiàng)

UI設(shè)計(jì)的十原則之一告訴我們用戶應(yīng)該能夠取消或重做他們的行為。這意味著通過UI控制應(yīng)該能夠讓用戶回到初始狀態(tài)。在單選按鈕的情況下，這意味著單選按鈕應(yīng)該預(yù)先選擇一個選項(xiàng)。選擇最安全(防止數(shù)據(jù)丟失或系統(tǒng)訪問)、最穩(wěn)當(dāng)和私有的選項(xiàng)。如果不必考慮安全性，那就選擇最有可能或方便的選項(xiàng)。

如果用戶可能需要避免作出選擇，你應(yīng)該提供一個選項(xiàng)，比如“沒有”。為用戶提供一個明確的，中立的默認(rèn)選項(xiàng)比要求的內(nèi)隱行為不是從列表中選擇要好。

5、設(shè)法讓你的選項(xiàng)列表垂直排列

橫向單選按鈕有時很難瀏覽和布局。單選按鈕的水平安排使它不容易告訴用戶按鈕對應(yīng)的標(biāo)簽：是按鈕前面的還是后面的。垂直排列的按鈕則更佳安全些。

設(shè)法讓你的選項(xiàng)列表垂直排列，每行一個選項(xiàng)足以。如果你還是需要在一行水平排列多個選項(xiàng)，請確保按鈕和標(biāo)簽的間距設(shè)計(jì)以清晰地傳達(dá)哪個選項(xiàng)對應(yīng)哪個標(biāo)簽。例如，應(yīng)該避免下圖中出現(xiàn)的很難理解第四個選項(xiàng)對應(yīng)哪個按鈕的情況：

6、使用標(biāo)簽作為點(diǎn)擊區(qū)域

單選按鈕本身很小，按照菲茲法則，它們很難被點(diǎn)擊或輕拍到。為了擴(kuò)大點(diǎn)擊區(qū)域，不要讓僅僅點(diǎn)擊按鈕本身才有效，點(diǎn)擊標(biāo)簽或相關(guān)詞組同樣有效才對。

好的水平排布的單選按鈕組案例可以在Duolingo app中看到：它們使用一組經(jīng)典的橫向按鈕，在視覺上凸顯出目標(biāo)區(qū)域并且對于觸摸設(shè)備來說足夠大。

7、使用單選按鈕而不是下拉列表

如果可能，就使用單選按鈕而不是下拉列表。單選按鈕認(rèn)知成本低因?yàn)樗阉羞x項(xiàng)可見從而讓用戶很容易比較選擇。

如果你的選擇項(xiàng)少于7個，你應(yīng)該考慮使用單選按鈕。用戶能夠很快看到有幾個選項(xiàng)以及每個選項(xiàng)是什么，而不用點(diǎn)擊或其他操作再去發(fā)現(xiàn)這些信息。

8、避免嵌套

避免嵌套單選按鈕和其他單選按鈕或復(fù)選框。應(yīng)該把所有選項(xiàng)置于同一層級避免用戶困惑。

9、使用動畫和視覺反饋

好的動畫讓操作體驗(yàn)感覺到是精心設(shè)計(jì)過的。通過視覺和動畫反饋能夠讓人最快的理解輸入信息。

二、復(fù)選框是一個更好的選擇嗎?

如果只有兩個選項(xiàng)，你應(yīng)該使用單獨(dú)一個復(fù)選框取而代之。然而，復(fù)選框只適合針對一個選項(xiàng)是開啟還是關(guān)閉，單選按鈕則可以被用到完全不同的選項(xiàng)中。

你應(yīng)該記住如下兩種情況，如果兩個解決方案都有可能：

替代選項(xiàng)

如果復(fù)選框無法完全清晰的表明意義，則使用單選按鈕。在例子中，選項(xiàng)是對立的因此使用單選按鈕是更好的方案。

設(shè)置向?qū)?/p>

你應(yīng)該在向?qū)ы撁嫔鲜褂脝芜x按鈕使選項(xiàng)明確，即使一個復(fù)選框也是可以接受的。一個有默認(rèn)值的單選設(shè)計(jì)能給用戶一個很好的建議。默認(rèn)選項(xiàng)可能引導(dǎo)用戶做出最好的決定，并提升它們在操作過程中的信心。

簡單的是或否的答案

當(dāng)你有一個簡單的問題而用戶只需回答是或否的時候，使用復(fù)選框是正確無誤的。

三、結(jié)論

當(dāng)設(shè)計(jì)單選按鈕時，最重要的是遵循設(shè)計(jì)標(biāo)準(zhǔn)，因?yàn)檫@能增強(qiáng)用戶預(yù)測哪個選項(xiàng)能做什么和如何操作它。相反地，違反了標(biāo)準(zhǔn)的設(shè)計(jì)會讓用戶感覺到設(shè)計(jì)界面脆弱，仿佛什么事都有可能沒有警告而發(fā)生。

單選按鈕很容易使用紙上原型測試，所以你不需要實(shí)現(xiàn)任何產(chǎn)出來檢測用戶是否理解該設(shè)計(jì)并正確地使用它。