生活可以很知識,知識可以很有趣 短文摘






【每日一話 57】(App) 都是爛 UI 的錯!

~ 分享本文 ~


【一抹墨痕專欄】
全部文章
不跟風,不腥羶色,不灑狗血。
只講有溫度的東西~
關注臉書:一抹墨痕


上次在誠品假文青時,看到一本書很有趣,叫「不是你太笨,是爛 UI 的錯!」

書裡面提到各種有問題的 UI,會讓使用者一頭霧水的設計,比如想開電梯門,卻按到關閉電梯門的按鈕。墨痕真的有碰到這種電梯按鈕設計,因為很不明顯,按下去才知道錯了。

說到電梯,我發現長輩很容易搞錯叫電梯的方式,比如想下樓,他們卻是按「上」,因為他們想的是:
「誒,電梯你上來載我啊!」

因為墨痕是 App 工程師,做 App 就是要面對一堆按鈕,那我們就來談談關於「按鈕」的 UI 問題!

1.文化差異:真的是 OOXX

對,真的就是圈圈叉叉的。有玩 Game 的朋友都知道,在 PS4 等日本遊戲裡,按叉叉是取消,但是在XBox或歐美遊戲裡,按叉叉才是確定。而在 Steam,你兩種都可能遇上!
(啊其實如果是在 PS4 上的歐美遊戲,可能也是照歐美規則)

這東西文化差異,讓我每次在玩遊戲時,都要稍微想一下來切換反應。

2.到底是關閉中還是開啟中?

一般來說,當你遇到開關型按鈕時,按鈕在左邊 (反灰)代表這個設定是關閉的。




看起來是規定好的,但其實開發者可以自定義,在早期,就是App剛開始出現,大家還在摸索的年代。有些人會把左邊反灰設計成「是開啟的狀態」,歷經過這年代的人,有時候會搞不清楚,到底目前是關閉還是開啟中?

關於這點,我覺得 Android 的設定裡,嗯我說的是系統的設定不是那個「設定」App (咳,懂的就知道,不懂沒關係),它於下方加註目前的狀態,這個很貼心,也對使用者較友善。



題外話,通常App工程師兩種手機都會有,原因很簡單,比如我是 iOS 工程師,當客戶說:
「誒我的哀鳳 App 有bug喔!」
這時候 iOS 工程師會回答:「你先看看 Android 是不是有一樣的問題。」
因為如果安卓也有一樣問題,iOS工程師就會鬆一口氣:
「那就不是iOS的 bug,一定是後台伺服器問題啦!」

3.到底是取消下載,還是取消「取消下載」?

這個問題,我想大家也都遇過,請看下圖:



所以我按了取消之後,到底是取消下載,還是取消了「取消下載」,然後繼續下載?

按照墨痕的開發經驗,建議這樣做,比如上圖的話:

左邊按鈕寫:「沒事,還是繼續下載好了。」
右邊寫:「對我確定不想下載了!」

啊,抱歉我講幹話了。

總之要注意兩點:

1.不要在兩個地方用意義不同,字卻長一樣的動詞。
2.視窗的訊息文字,如果可以,要說明按下之後會發生什麼事。

好啦,我直接改給你看:



不過,最佳做法就是不要堅持一定得有「確定」或「取消」,只要按鈕定義清楚即可:



結論

開發 App 時,UI 的確是傷腦筋,這就是為什麼要尊重專業,讓設計來決定喔。然後若想開發 App,或想諮詢的,請私訊墨痕喔!(啊抱歉結論歪樓了,不過是講真的,接受諮詢及委託喔!)

註:其實這篇嚴格來說算是在講 UX,不過我想一般人就不必那麼認真弄清楚 UI 跟 UX 的定義。

本文之臉書貼文連結:
(給墨痕鼓勵,哪怕是一個讚、收藏本文、追蹤墨痕,都進入臉書吧。👍)





來看看【乾話集】!



更多【一抹墨痕】的文章
● 【每日一話 66】從三國無雙談App除錯
● 【每日一話 28】蟑螂都市傳說

更多【頑心號】的文章
● 弱連結是你的救星
● 【App之道】幫App找回家的路

推薦您看
● 2018年七月上映電影
● 【吃貨朝聖】馬辣試圖重新發明「蛋糕」
● 【每日一話 1】平均值美女


友站:單字卡文章




生活可以很知識,知識可以很有趣