SPARKFUL
閲覧しようとしているページの翻訳が完了していません。現在対応中のため、もうしばらくお待ちください!

Blog

Insights from the SPARKFUL teams

使用者其實都不專心:使用者中心的對話框設計指南

Decill Changexperience-design
name

對話框(Dialog)是個好用又方便的工具,通常用來再三確認使用者的操作動作與決策,以避免一時的手誤或誤會操作。因此,對話框常用於重要動作的確認,例如:「你確定要刪除這個聯絡人嗎?」

但若對話框搭配了不適當的回應選項文字,反而可能會造成使用者的困擾與誤解,有時還可能做了錯誤的決定。

對話框最常見的不當設計,就是選項上的文字出現:「是(YES)與否(NO)」。

回想在學生時期考試的時候,O 與 X 在是非題中是唯二的兩個答案,而出題者會透過文字敘述上正反的誤導,來測驗學生是否真的清楚了解,先不論這樣的測驗方式到底對學習以及知識的建立到底有沒有明顯的幫助,使用者可不想在開心的使用你的程式或服務時,還要小心翼翼的了解你對話框的內容。

我們當然可以細心的設計對話框中的文字,讓使用者清楚明瞭對話框的訊息,但是在大部分的情況下,使用者根本不會逐字去閱讀訊息的內容。

我們必須要假設,使用者除了對話框上的按鈕外,不會閱讀任何其他訊息(對話框的標題或是訊息內容)。 -- John Gruber of Daring Fireball

於是,我們應該注意選項的文字表達,將是否的選項替換成直接明瞭的動作詞彙,例如在 Mac OS 中登出的對話框,以「登出(Logout)」取代「是(Yes)」,「取消(Cancel)」取代「否(No)」。

這樣簡單的替換,即使不需要閱讀對話框的內容,也可以清楚明瞭的知道我現在應該要「登出」還是「取消我剛剛做的動作」。

Facebook 中刪除留言的對話框也是將「是」直接替換成「刪除(Delete)」的字眼,仔細想想,我們其實還真的沒有去注意過這些對話框的內容到底寫些什麼,但是我們一直都可以輕鬆的做出正確的決定。

換個情境,或許我們也能將這樣的概念應用在日常生活中,如速食店的點餐回應,來減少店員因太習慣而誤點的情況(笑):

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

我們則可以將「是」、「否」、「要」、「不要」的回答,改成明確的動作如「加大」、「換成沙拉」、「搭配」等字眼,那麼我們在生活上也可以少了許多麻煩呢!


圖片來源

  1. Tsahi Levent-Levi, CC Licensed
Decill Chang
Decill Chang
Principal Designer
A しばいぬ lover.
divider
関連記事
name

如何為產品注入玩心?Fourdesire 遊戲化設計的五個心法

Sammy 是 Fourdesire 的助理製作人,在 2017 年底加入 Fourdesire 後,開始參與遊戲化產品設計,目前負責經營《記帳城市》以及研發新產品。這篇文章會有這幾年在 Fourdesire 參與產品設計的正面和側面觀察,一...もっと記事を読む
name

配樂與音效,在互動作品中該扮演什麼角色?

多數影像的配樂與音效都是在作品完成之後,再交給配樂師進行後製,或許你會說這是專業分工和業界流程,亦可以減少修改的問題,那如果配樂、音效與作品同時開始進行製作呢?3 月 6 日(三)以「配樂與音效在作品製作上,該扮...もっと記事を読む
name

接案還是創作?李百罡:「滿足他人也是一種能力。」

3 月 6 日(三)由 FourdesireU 主辦的「配樂與音效在作品製作上,該扮演什麼樣的角色?」講座,邀請到製作獨立遊戲《返校》配樂與原聲帶的作曲家張衞帆,以及 App《Walkr》、《記帳城市》配樂音效製作人李百罡...もっと記事を読む