APP開發中對(duì)話(huà)框應該如何設計

在移動APP開發中常常需要用(yòng)到對(duì)話(huà)框，這(zhè)是與用(yòng)戶交互常見的(de)操作。對(duì)話(huà)框(Dialog)是個(gè)好用(yòng)又方便的(de)工具，通(tōng)常用(yòng)來(lái)再三确認使用(yòng)者的(de)操作動作與決策，以避免一時(shí)的(de)手誤或誤會操作動作的(de)意思，常用(yòng)于重要動作的(de)确認，例如：“你确定要删除這(zhè)個(gè)聯絡人(rén)嗎?”，但若對(duì)話(huà)框搭配了(le)不适當的(de)響應選項文字，反而可(kě)能會造成使用(yòng)者的(de)困擾與誤解，有時(shí)還(hái)可(kě)能做(zuò)了(le)錯誤的(de)決定。

在APP中，對(duì)話(huà)框最常見的(de)不當設計就是選項上的(de)文字出現：是(YES)與否(NO)，回想在學生時(shí)期考試的(de)時(shí)候，對(duì)與錯在是非題中是唯二的(de)兩個(gè)答(dá)案，而出題者會透過文字叙述上正反的(de)誤導，來(lái)測驗學生是否真的(de)清楚了(le)解，先不論這(zhè)樣的(de)測驗方式到底對(duì)學習(xí)以及知識的(de)建立到底有沒有明(míng)顯的(de)幫助，使用(yòng)者可(kě)不想在開心的(de)使用(yòng)你的(de)程序或服務時(shí)，還(hái)要小心翼翼的(de)了(le)解你對(duì)話(huà)框的(de)内容。

 

我們當然可(kě)以細心的(de)設計對(duì)話(huà)框中的(de)文字，讓用(yòng)戶清楚明(míng)了(le)對(duì)話(huà)框的(de)訊息，但是在大(dà)部分(fēn)的(de)情況下(xià)，我們幾乎根本不會逐字去閱讀訊息的(de)内容。你必須要假設用(yòng)戶除了(le)對(duì)話(huà)框上的(de)按鈕外，不會閱讀任何其他(tā)訊息(對(duì)話(huà)框的(de)标題或是訊息内容)。

 

于是我們應該注意選項的(de)文字表達，将是否的(de)選項替換成直接明(míng)了(le)的(de)動作詞彙，例如在 Mac OS 中注銷的(de)對(duì)話(huà)框，以「注銷(Logout)」取代「是(Yes)」「取消(Cancel)」取代「否(No)」，這(zhè)樣簡單的(de)替換，即使不需要閱讀對(duì)話(huà)框的(de)内容，也(yě)可(kě)以清楚明(míng)了(le)的(de)知道我現在應該要注銷還(hái)是取消我剛剛做(zuò)的(de)動作。

 

Facebook 中删除留言的(de)對(duì)話(huà)框也(yě)是将「是」直接替換成「删除(Delete)」的(de)字眼，仔細想想，我們其實還(hái)真的(de)沒有去注意過這(zhè)些對(duì)話(huà)框的(de)内容到底寫些什(shén)麽，但是我們一直都可(kě)以輕松的(de)做(zuò)出正确的(de)決定。

 

對(duì)話(huà)框雖然隻是APP中一個(gè)小小的(de)确認框，但對(duì)于用(yòng)戶體驗來(lái)說是非常重要的(de)。在APP設計中，我們應該留意這(zhè)些細節的(de)處理(lǐ)。