人
已閱讀
已閱讀
APP開發(fā)中對話框應(yīng)該如何設(shè)計
來源:lexintech.com ?? ?? 發(fā)布時間:2019-05-17
在移動APP開發(fā)中常常需要用到對話框,這是與用戶交互常見的操作。對話框(Dialog)是個好用又方便的工具,通常用來再三確認(rèn)使用者的操作動作與決策,以避免一時的手誤或誤會操作動作的意思,常用于重要動作的確認(rèn),例如:“你確定要刪除這個聯(lián)絡(luò)人嗎?”,但若對話框搭配了不適當(dāng)?shù)捻憫?yīng)選項文字,反而可能會造成使用者的困擾與誤解,有時還可能做了錯誤的決定。
在APP中,對話框最常見的不當(dāng)設(shè)計就是選項上的文字出現(xiàn):是(YES)與否(NO),回想在學(xué)生時期考試的時候,對與錯在是非題中是唯二的兩個答案,而出題者會透過文字?jǐn)⑹錾险吹恼`導(dǎo),來測驗學(xué)生是否真的清楚了解,先不論這樣的測驗方式到底對學(xué)習(xí)以及知識的建立到底有沒有明顯的幫助,使用者可不想在開心的使用你的程序或服務(wù)時,還要小心翼翼的了解你對話框的內(nèi)容。
我們當(dāng)然可以細(xì)心的設(shè)計對話框中的文字,讓用戶清楚明了對話框的訊息,但是在大部分的情況下,我們幾乎根本不會逐字去閱讀訊息的內(nèi)容。你必須要假設(shè)用戶除了對話框上的按鈕外,不會閱讀任何其他訊息(對話框的標(biāo)題或是訊息內(nèi)容)。
于是我們應(yīng)該注意選項的文字表達(dá),將是否的選項替換成直接明了的動作詞匯,例如在 Mac OS 中注銷的對話框,以「注銷(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」,這樣簡單的替換,即使不需要閱讀對話框的內(nèi)容,也可以清楚明了的知道我現(xiàn)在應(yīng)該要注銷還是取消我剛剛做的動作。
Facebook 中刪除留言的對話框也是將「是」直接替換成「刪除(Delete)」的字眼,仔細(xì)想想,我們其實還真的沒有去注意過這些對話框的內(nèi)容到底寫些什么,但是我們一直都可以輕松的做出正確的決定。
對話框雖然只是APP中一個小小的確認(rèn)框,但對于用戶體驗來說是非常重要的。在APP設(shè)計中,我們應(yīng)該留意這些細(xì)節(jié)的處理。