[分享] 好UI爛UI大車拼03 有關註冊表單兩三事

作者: dementia (早安競女賽尻認同請分享)   2014-09-26 22:00:05
網誌好讀版:
http://thisblogexist.pixnet.net/blog/post/106856978
~ ~ ~ 本文開始 ~ ~ ~
這不是新題目。打從WEB時代就已經有許多前輩探討過表單,尤其是註冊表單
,如何優化以提供使用者更好更快的服務。
時至今日,註冊表單的重要性不減反增,可是水準不升反降。
即使是大廠出品,也未必考慮周全……
糟糕案例2號:讓註冊流程更長的註冊表單
 APP資訊
 APP名稱:Nike+ Running
 版本資訊:1.4.2(Android)
這款APP,乍看之下其註冊表單簡潔清爽(哪一家不清爽XD),可是註冊流程
不順。
以我為例,小弟花了大約5分鐘,而且沒註冊完就放棄;而我也試了其他同類
型的,了不起2分鐘就搞定。如果你也碰到類似的情形,請問你會比較想用哪
一款APP?會先排除哪一款呢?
http://pic.pimg.tw/thisblogexist/1411472362-4287529639.png
在上一篇系列文中,我們討論過啟動畫面,因此不多贅述。
也許有些人用的是較高階的手機沒什麼感覺,但我這支中階手機,從黑屏到
啟動畫面再進入APP大約要5秒。
心裡浮現單一個字:慢。
然後出現了……咦!什麼是「服務無法使用」阿?
http://pic.pimg.tw/thisblogexist/1411472362-1259391082.png
原來是要開啟網路連線的意思……我馬上就猜到了,可見我慧根不錯(?)。
重啟之後我終於要來註冊了。這款APP支援從第三方帳號匯入,這是一定要的
。我選擇用FB來註冊。
然後悲劇就發生了……
http://pic.pimg.tw/thisblogexist/1411472362-2500555519.png
只有帶入名字和e-mail,剩下還要自己填?填完送出才算註冊成功?哪招阿!
一格一格填吧,勞碌命喔~
從欄位下方的提示來看,Nike+ Running對密碼的要求還滿嚴格的。可是一般
來說,手機的鍵盤會佔去螢幕一半的空間,所以這些提示很可能因為位置不好
,而被遮住。
http://pic.pimg.tw/thisblogexist/1411472362-1464781593.png
這是一個小細節,不難解決,只要麻煩工程師多寫幾行code就可以了(喂……
),但前提是你能注意到它。
另外,我們這裡要說一下「執行」--鍵盤右下角的那一顆鍵。
虛擬鍵盤是一個手機UI特有的細節。
在這裡,如果按下「執行」,會跳到下一個輸入欄位。因此這裡顯示「執行」
名實不符。
有一些APP更糟糕,名稱、功能全都沒改。一個常見的錯誤是在登入頁面,帳
號欄位配「執行」,這難道是在暗示使用者其實不用輸入密碼的意思?
你知道預設值是什麼嗎?每一種欄位的預設值都不太一樣喔。
http://pic.pimg.tw/thisblogexist/1411472363-1981541680.png
手機表單裡一個最常見的問題就是:不當地使用選單對話框;如上圖。
有時候,選單對話框是一種很不用腦的處理方式。我們都知道,使用者並不喜
歡在幾十、上百個選項之間滾來滾去,可是因為對於廠商或開發者而言,這種
做法最輕鬆,所以很普遍。
其實有很多解決方法,你可以考慮,例如:
1. 兩層式選單:將所有項目先分成5~8個群組,第二層選單平均就只剩下10~
20個。
2. 自動完成 + 提示。
http://pic.pimg.tw/thisblogexist/1411472363-2011982290.png
嗯,發生了什麼事呢?原來在我填好送出之後,被退回了!
不管是自動的即時檢查,還是在旁邊放一顆按鈕手動檢查,都可以,難道會很
難嗎?
現在可好,下面一堆欄位恢復空白,重填……嗎?
不,我可不想讓它有機會退第二次,誰有那個精神讓它這樣搞?至少我沒有,
所以這個APP因為這個註冊表單而被我反安裝了。
作者: abc01251 (爪哥)   2014-09-26 22:51:00
這個app真的註冊超麻煩 我也把它給刪了
作者: charlesdc (MoOn)   2014-09-27 00:59:00
分享是件美德 但這裡不是個版 :)
作者: dementia (早安競女賽尻認同請分享)   2014-09-27 01:53:00
我是因為碰過很多開發者都很關心UI,才po在這裡. 另外請教一下 有專板嗎 甘溫 ^______^
作者: Decill (inner peace)   2014-09-27 10:30:00
Nike+的註冊體驗真的做得很糟 不過我記得我很早就在網頁版上面註冊過了所以沒遇過什麼問題XD
作者: JULONE780701 (亞)   2014-09-29 01:42:00
"執行"那兩個字應該是看手機我知道HTC會顯示enter的箭頭符號三星則是"下一步"還有...鍵盤遮住到底寫幾行甚麼樣的code可以解決?
作者: dementia (早安競女賽尻認同請分享)   2014-09-30 20:59:00
感謝指正 我會再研究一下 ^_^

Links booklink

Contact Us: admin [ a t ] ucptt.com