如何設(shè)計(jì)清楚明了的對(duì)話框

2014-5-12    藍(lán)藍(lán)設(shè)計(jì)的小編

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   www.bouu.cn  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來(lái)源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請(qǐng)點(diǎn)這里

對(duì)話框(Dialog)是個(gè)好用又方便的工具,通常用來(lái)再三確認(rèn)使用者的操作動(dòng)作與決策,以避免一時(shí)的手誤或誤會(huì)操作動(dòng)作的意思,常用于重要?jiǎng)幼鞯拇_認(rèn),例如:「你確定要?jiǎng)h除這個(gè)聯(lián)絡(luò)人嗎?」,但若對(duì)話框搭配了不適當(dāng)?shù)幕貞?yīng)選項(xiàng)文字,反而可能會(huì)造成使用者的困擾與誤解,有時(shí)還可能做了錯(cuò)誤的決定。

對(duì)話框最常見(jiàn)的不當(dāng)界面設(shè)計(jì)就是選項(xiàng)上的文字出現(xiàn):「是(YES)與否(NO)」,回想在學(xué)生時(shí)期考試的時(shí)候,O與X在是非題中是唯二的兩個(gè)答案,而出題者會(huì)透過(guò)文字?jǐn)⑹錾险吹恼`導(dǎo),來(lái)測(cè)驗(yàn)學(xué)生是否真的清楚了解,先不論這樣的測(cè)驗(yàn)方式到底對(duì)學(xué)習(xí)以及知識(shí)的建立到底有沒(méi)有明顯的幫助,使用者可不想在開(kāi)心的使用你的程式或服務(wù)時(shí),還要小心翼翼的了解你對(duì)話框的內(nèi)容。

我們當(dāng)然可以細(xì)心的設(shè)計(jì)對(duì)話框中的文字,讓使用者清楚明了對(duì)話框的訊息,但是在大部分的情況下,我們幾乎根本不會(huì)逐字去閱讀訊息的內(nèi)容。那么藍(lán)藍(lán)設(shè)計(jì)告訴大家如何UI設(shè)計(jì)清楚明了的對(duì)話框。你必須要假設(shè)使用者除了對(duì)話框上的按鈕外,不會(huì)閱讀任何其他訊息(對(duì)話框的標(biāo)題或是訊息內(nèi)容)。

 – John Gruber of Daring Fireball

dialog

于是我們應(yīng)該注意選項(xiàng)的文字表達(dá),將是否的選項(xiàng)替換成直接明了的動(dòng)作詞匯,例如在Mac OS中登出的對(duì)話框,以「登出(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」,這樣簡(jiǎn)單的替換,即使不需要閱讀對(duì)話框的內(nèi)容,也可以清楚明了的知道我現(xiàn)在應(yīng)該要登出還是取消我剛剛做的動(dòng)作。

Facebook 中刪除留言的對(duì)話框也是將「是」直接替換成「刪除(Delete)」的字眼,仔細(xì)想想,我們其實(shí)還真的沒(méi)有去注意過(guò)這些對(duì)話框的內(nèi)容到底寫(xiě)些什么,但是我們一直都可以輕松的做出正確的決定。

換個(gè)情境,也許我們也可以將這樣的概念應(yīng)用在日常生活中,如速食店的點(diǎn)餐回應(yīng),來(lái)減少店員因太習(xí)慣而誤點(diǎn)的情況(笑):

店員:「你是否要將中薯加大呢?」「你是否要搭配四塊麥克雞塊呢?」

我們則可以將「是、否、要、不要」的回答改成明確的動(dòng)作如「加大、換成沙拉、搭配」等字眼,那么我們?cè)谏钌弦部梢陨倭嗽S多麻煩呢!

 

分享本文至:

日歷

鏈接

個(gè)人資料

存檔