好的使用者介面不只提供爽度,還能解決問題

每次去美式餐廳吃飯看到heinz 番茄醬罐子,就會想到這個罐子內涵的人機介面精典範例: 利用使用者介面來引導操作,藉此解決實際存在的問題.
而我過去幾年做MMI的經驗中,也曾經有過一次類似的經驗: 用UI設計來解決硬體限制. 因為是個還蠻有趣的經驗,所以來做個分享.

曾幾何時,你不用再甩番茄醬罐了?

你應該也有一樣的經驗:如果冰箱裡的可X美番茄醬剩下不多時,要倒出來使用就得很小心的甩甩甩,一不小心衣服就中槍了. 喜愛使用番茄醬跟黃芥末醬的美國人在很多年前也對此感到很困擾, 所以某公司(我不確定是不是就是heinz)做了個簡單的修改來解決這個問題:

把瓶蓋做的又大又平,再把標籤反貼

之後有趣的事發生了,雖然罐子還是可以用罐底著地,但是大家還是用瓶蓋著地,所以醬料永遠都在瓶蓋附近,即使剩下不多也都不太需要用力的甩.
基本上標籤反貼就是一種利用使用者介面的變化來引導使用者操作的方式,再配合瓶蓋以及瓶口的物裡性修改,順利解決了問題

很多做人機介面的人應該都聽過或者在書上看過上面這個故事,但是對軟體工程師來說,似乎卻沒啥感覺,所以我再來分享個我自己的故事

電阻式觸碰螢幕上的虛擬鍵盤,有問題嗎?

自從iphone上市後,觸碰銀幕配合虛擬鍵盤就變成了智能手機的標配,因此在幾年前,大陸都還做山寨機的年代,每台手機也都要山寨這樣的使用者介面. 只是山寨畢竟是山寨,一切追求的是低價,所以明明智能機都是用電容式觸碰螢幕(支持多點觸碰),山寨機硬是要拿便宜的電阻式觸碰螢幕(通常不支持多點觸碰)來做,大家的想法都是:反正我也不要多點觸碰的功能,所以用電阻屏應該沒問題啦. 卻沒想到在實際使用上,卻在虛擬鍵盤輸入出現了個限制.

應該是為了配合拉丁語系的輸入方便吧,智能機的虛擬鍵盤跟電腦鍵盤很像,都是QWERTY樣式,因此使用者可以雙手抓著手機,用兩手接續按鍵盤輸入

但是雙手協同輸入不免就會出現兩根手指頭同時按在螢幕上的情況(我就英打快阿,怪我囉!),這個情境對支持多點輸入的電容屏來說沒啥,但是對於電阻屏來說,就會造成判斷錯誤,例如:同時按到a跟l,結果卻判斷成按在g鍵上.

當測試人員多次回報了這個問題且高亮之後,負責輸入法的工程師認為這是硬體限制所以來找我討論該怎麼處理(當時輸入法是歸我的部門負責),我研究後跟他說: 把設定改成 "當產品是電阻屏時,虛擬鍵盤一律顯示12鍵鍵盤樣式,而非QWERTY樣式"

你應該會發出疑問:啊! 這樣就算解決了??
我也擔心測試人員也這樣懷疑而覺得我們工程師在亂搞,所以我親自跑去跟發問題的測試人員說明: 你試看看,當鍵盤是12鍵樣式時,你試著輸入"apple",你會用單手輸入還是雙手輸入?

是的, 12鍵鍵盤是一種方便單手輸入(或者肥手指人)的設計,所以當使用者看到這樣的鍵盤(使用者介面的變化),就會傾向用單手輸入(引導使用者操作),也就不會發現同時按兩個鍵的誤判問題

你也許會繼續問: 這樣客戶就接受了嗎? 我只能說,自從我們提供這樣的產品設定後,再也沒聽過客戶端反饋一樣的問題