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

Blog

Insights from the SPARKFUL teams

避免無心之過:確認的重要性

Wei-Fan Chenuser-interface-design
name

本文有大量圖檔遺失,我們正在努力恢復中了!

我們在使用一些工具的時候,常常會不小心做錯某些事,然後開始抱怨自己怎麼那麼笨、怎麼那麼不小心。其實很多時候,這些錯誤往往不是使用者的問題,許多的問題都可以透過一些小小的設計技巧來避免。

當我們在設計許多擁有介面的硬體或軟體的時候,「確認」有時會會成為設計成敗的關鍵。所謂的「確認」,其實就是和使用者的一種對話,當系統(硬體、軟體或介面)覺得使用者所作出的決定是不可逆或是有危險的時候,必須耐心且細心的詢問使用者是否要「確認」這個決定。

如果常常看電影的人,也許會發現在電影「獵殺紅色十月」裡面,發射核彈的時候,需要同時保管兩把鑰匙的兩個人,同時插下鑰匙、按下按鈕,核彈才能被發射。這種需要兩個步驟以上的確認方式我們常常在硬體上使用:有的汽車需要從外面才能用鑰匙鎖上,是為了避免駕駛忘記把鑰匙從駕駛座拔下來、火災警報器上面總是多包了一層玻璃,也是為了防止誤按與惡作劇(也許後者比較多啦!)。

資源回收桶

舉例來說,一般我們在電腦上面刪除檔案的時候,系統是不會跳出對話框問你是否要刪除的,而是直接將你的檔案移到資源回收桶。但是在從資源回收桶刪除檔案的時候,系統卻會詢問你是否確定要刪除。這兩者之間的差異很清楚,前者是可以復原的,即使使用者後悔移除了檔案,他依舊可以再資源回收桶裡面找回他們。但後者卻會將你的檔案永遠的從硬碟移除了!更擴大一點的說,資源回收桶本身的設計就是一個「確認」的兩段式設計,防止使用者不小心刪除了重要的事物。

資源回收桶的雙重確認

介面的確認

替介面設計確認是很微妙的一件事情,如果每件事情都確認,會讓使用者覺得很困擾。把確認對話仔細的設計在容易造成系統錯誤、或是使用者無法挽回的地方。在網路上常見的註冊表單,就往往有著兩個需要確認的密碼框,以防止你輸入錯誤的密碼之後無法登入的情形:

paypal 的註冊流程

但在手機的螢幕上,常常沒辦法空出一個空間來放下的這個確認用的輸入框,比較常用的方法是讓使用者看到最後一個輸入的字母,以確認這整串密碼的正確性:

instagram 的輸入流程

提昇使用體驗

尤其是在重要且不可逆的操作過程中,確認是非常重要的一環。我們曾經在設計一個影像編輯軟體的時候,常常收集到使用者的抱怨說自己忘記儲存已經調整好的照片位置。最後我們發現,只要在有忘記儲存位置的情況下,若使用者按下發佈影像,則系統先詢問使用者是否要放棄這些還沒儲存的照片位置。如此一來,錯誤的問題降低,也很少聽到使用者抱怨了!小心的使用確認,而且不要過度的騷擾使用者,可以讓我們的介面和體驗大幅提昇的喔!


Reference

Photo by Dimitri Karastelev on Unsplash

Wei-Fan Chen
Wei-Fan Chen
CEO / SPARKFUL and Fourdesire
喜歡開發與創作各種有意義且有目的的遊戲以改變社會。 《玩心設計》作者、偶爾寫部落客與擔任講師。樂於參與大學和行業活動,興趣涵蓋遊戲設計、遊戲理論、行為設計、人機介面和交互設計。熱衷於雲端運算,同時也是一個活躍的獨立遊戲開發者 🎉
divider
関連記事
name

電影色彩學:這些經典電影如何運用「色彩」引導觀眾情緒

電影裡的弦外之音無論是電影、圖畫或任何形式的創作中,「色彩」都是非常基本且重要的元素。好的色彩運用可以讓人一眼看出創作者想表達的情緒。因此,如何恰當的運用色彩是一項相當重要的課題。平常在看電影的時候,除了關心劇情,也可以...もっと記事を読む
name

藏於字句間的創作:產品中的在地化翻譯

產品辛苦開發了,但要吸引其他語言使用者的使用,並不是那麼簡單的一件事。即使產品已經在某個國家(例如台灣)有了足夠的使用者數量,也不是翻譯成日文,就會憑空冒出許多日本的使用者。網路是連結的,但社群不是許多人...もっと記事を読む
name

為使用者撒下「麵包屑」

大家小時候應該都有看過或聽過《糖果屋》(收錄於格林童話)的故事吧?故事裡的小兄妹在森林裡面邊走邊撒下麵包屑,希望可以在迷路的時候沿著麵包屑回到家,結果麵包屑被森林裡的小動物吃掉,這對小兄妹也就在森林裡面...もっと記事を読む