【UI 陷阱】套牢的進度對話框

By

September 24, 2012 介面設計 Comments

work in progress

進度對話框(Progress dialog)是行動裝置介面裡一個常見又惹人厭的介面元件,它的出現限制了使用者的自由,有時甚至讓他們落入了無止盡的等待深淵,按 Back 鍵不靈,按 Home 鍵就掛點,到最後又可能只是一場空,無論是 iOS 還是 Android,這樣的景象處處可見。

進度狀態的呈現主要有三種方式:

1. 套牢式的進度對話框(Non-cancellable Progress Dialog)- 套牢式的進度對話框透過暫時限制住使用者的操控,讓程式可以安全地完成動作或許多動作,使用者在此時只能夠等待結果,或是按 Home 鍵跳出。

2. 可取消的進度對話框(Cancellable)- 在 Android 中比較常見(因預設對話框有提供可取消的參數),使用者可透過實體 Back 鍵取消動作,不過雖然可以讓使用者反悔,但若使用者想要成功地完成這個操作,還是得乖乖的等待進度對話框結束!

3. 在背景處理的進度(Progress in background)- 這種呈現方式是非常友善的,使用者可以在這個時候繼續使用你的程式其他功能,讓他們四處晃晃,等過一陣子後,再叮的一聲告訴你麵包烤好了快來吃,不過可以想像在背景程序中處理,效能上當然會打點折扣。

Progress Dialog

會使用進度對話框,最好的理由就是為了計算上的效率(如圖片濾鏡的計算),不過很可惜的在大部分的情況下,它只是方便了開發者而不是使用者,就像你害怕一個親戚小屁孩闖進房間把你珍貴的模型玩壞了,所以乾脆把房門直接鎖起來,而不是友善的邀請他進你房間任意玩耍並做好保護措施(例如把它們藏起來…)。

如果你真的必須確保使用者先完成某些步驟,或是加快你的步驟完成時間而使用進度對話框,那麼你應該考慮是否處在合適的操作深度下:

操作深度就是使用者處在程式階層架構中的深度,深度越深代表著操作動作越具體明確,使用者操作的動機也越確定。

若我們以相機濾鏡程式為例(如下圖所示),從啟動程式開始,當使用者選擇瀏覽熱門或是最新圖片、或是照相張相片,這時的操作深度其實還是很淺的,他們可能只是隨意的想要看看東西、或是隨便照照,很有可能在短時間內沒興趣就離開,這時的動機其實沒有那麼明確,使用者願意等待的耐心是較低的。

depth action

反之當使用者操作的功能與動作越細微、越明確,他們裁好了圖片、想要套用濾鏡,然後上傳圖片;或是在熱門圖片看到了有興趣的圖片,打好了想說的話要留言,這時候他們也很確定自己想要做什麼、有目的性,並且已經快到達了動作的末端,比較願意等待或是釋放出操作的控制權,這時候進度對話框的傷害就會減少許多。

但有些操作還是建議不要使用套牢式的進度對話框,尤其是必須透過網路連線或傳輸才能達成的操作(如讀取最新或熱門訊息),因為網路的速度是你無法掌握的,網路什麼時候斷線也不是你能事先預期的,程式很有可能就在這些動作間花上許多時間(並且最後還有可能失敗),使用者乾瞪著那該死又轉轉轉的讀取圖示卻什麼也無法作,那種心情你懂的…

其實最友善的作法,還是無論在任何情況下,都應該要讓使用者保有控制權,讓我們三心二意的使用者隨時可以反悔他們的決定,而不致於不知所措而緊張地按下了 Home 鍵跳出、或是不耐的強制關閉程式,如果你總是關上房門來管教對你充滿熱情的小屁孩,他們總有一天會對你失去興趣的。

 

延伸閱讀:

【ui-陷阱】消失的三角地帶

【ui-陷阱】按鈕總是看的到卻點不到

【ui-陷阱】消失的訊息

 

Image via Kevan, CC license.

我們的眼睛和大腦在觀察事物、接收影像刺激的時候,會有一些特別的傾向。這些傾向常常可以幫助我們快速的辨別事物,有時候也會產生所謂的「錯覺」。完形心理學重要的概念便...
「有感覺不一定會有知覺」,就像是自己的心跳聲,雖然平常我們都沒有知覺,只要靜下心來就會聽的到;平時我們幾乎都不會注意牆上的時鐘的滴答聲,但是一旦開始要注意時間的...
這是一個很有趣的購物推廣案例記錄。我們要推出一個和第三方網站合作的計畫,預計在原本的購物網站上面加上一個推廣用的「折扣序號」,讓顧客可以在第三方網站上面輸入 e...
想像你現在正在一間唱片行裡挑喜歡的 CD,當你正要帶著一張標價 399 元的搖滾專輯去櫃檯結帳的時候,旁邊有一個背著吉他的年輕人拉著你,說:「我只是好心想告訴你...
1956 年,認知心理學家 George A. Miller 發表了一篇名為「神奇的數字:7 ± 2」的論文,內容描述人類的大腦對於短期記憶的研究:人類對於 5...
不管是 UI 介面還是網頁設計人員,在協同工作時一定都會遇到彼此溝通的問題。當視覺設計師將規劃好的版面交給網頁工程師完稿之後,或多或少都會發現呈現的結果與最初設...
© 2013 Desiring Clicks. All Rights Reserved.
Top