2012年7月14日 星期六

從觸控熱區看各種UI設計 (II)

承接上一篇:

長途跋涉是為什麼? ANDROID犯了使用性的錯?


先說一下,其實要刪除桌面WIDGET可以用"甩的",
只要長按後就可以一下子"咻的"甩出螢幕上緣,就等於刪除了。
不知道知道這個功能之後,抱怨會不會少一些 ^^

不過HTC跟SAMSUNG似乎都把那個刪除搬移到螢幕下緣了(4.0之後HTC似乎又放到上面去了,原因不詳)

OK其實我想談論的不是這個,先來說說刪除的這個動作為什麼要放在那麼上面?
首先我想幾乎每個人都知道手機的"操作熱區",也就是握持的時侯手指最容易觸及的區域,
一般來說都是偏在手機1/2或者1/3下緣的地方。

那為什麼要把刪除放在這麼遠的地方??
我想一般而大多數人的推理都會是...因為這種編輯行為是需要"考慮的"
也就是在避免使用者太倉促的誤刪東西。

我想這是很容易得到的推理。

在來看看類似的介面設計:
WINDOWS PHONE的確認按鈕位置設計:

從圖可以看出,WINDOWS PHONE的確認按鈕是位於偏上方,並跟隨著說明文字的高度有所不同. 不過可以確定的是這是超出"使用熱區"

也是從推理來說,微軟希望使用者能花一點時間去讀,所以用這樣的方式來設計。
(我希望我能證實,但是這邊我只能靠看過的相關文章瞎猜=.=)

///////////////////////////////////////////////////////////////////

來看看蘋果的設計,跳出確認視窗是很標準的中央"POP-UP"



我個人覺得很有趣的點在於,那個X並不是出現在我們PC用戶很熟悉的"右上角"
各位可以想想看,在PC作業系統中,關閉的按鈕大多是在右上角的
而MAC則是在左上角,這邊頗有劃地盤的味道 (笑)

再從刪除確認視窗來看看"刪除單一檔案",到底誰比較人性??

ANDROID 刪除步驟示意圖:


基本上只要兩個步驟,就可以完成刪除的動作。
注意,第二步驟中的long distance就是費茲定律的D
這邊我們就用大寫的 D 來代表ANDROID案例中的移動距離吧。


而再來看看
IPHONE刪除步驟示意圖 :


不曉得有沒有人會反對我這樣細部拆解IPHONE的步驟,
第二步驟我們可以看成一個短移動距離小d1
第三步驟我們也可以把手指挪開後再次按下X看成一個短移動距離小d2

以動作來看,步驟三作完之後就結束了嗎?

不,IPHONE還會跳出確認視窗來問你....
 也就是要這個第四步驟完成才算完成刪除動作。
所以第四步驟中,又有一個短移動距離小d3



坦白說,我覺得寫到這邊,我反而覺得ANDROID方便多了 @@
因為手指的細部動作很少,而且操作很流暢。
ANDROID利用了"距離"來讓你"思考"這個動作是否真的是你想要作的動作
(不過大尺寸手機或小手人應該會抱怨也是合理,但請多利用甩出這招^^)

而IPHONE則很像有很多"頓號"的句子,讓你在每個動作中停頓後再向前。
我個人覺得不是我喜歡的方式。

不過綜合來看,大多數人還是會覺得IPHONE這裡的行為卡好用,
也許就是因為 D>>d1+d2+d3  
所以造成了整體移動時間的感覺,ANDROID還是比較費時。

不過我覺得有趣的一點是,
如果各位有讀那篇講述MAC跟WINDOWS的MENU 設計,
會發現:

ANDROID這邊的行為比較像是APPLE在MAC上設計MENU的位置也就是"靠近"螢幕上緣。

而APPLE在IPHONE上這個刪除行為的設計,反而比較像MS在WINDOWS上的設計。
(移動距離短,離螢幕邊緣遠)

為什麼???!!
其實我覺得是因為
桌上作業系統是以滑鼠為主要操作的,也就是用力往上一滑並不算太費工夫
而游標就會被卡在螢幕上緣,所以非常好用。

但是很不幸,手機是以手指頭為操作的
手指頭相對於滑鼠的操控是很"短"的,要讓手指頭做出長距離的移動非常困難
加上大螢幕的手機更是令人難以一下子移動到螢幕邊緣

所以...ANDROID在這邊....我個人覺得用'FITT's LAW來說是了.....


目前只是以"刪除單一ICON"來論述,我覺得....可以有更折衷的設計!
不過說到"大量刪除",則又是另一個故事了。

兩個都很難用.







沒有留言:

張貼留言