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

[dementia (妖精尾巴魔導士)]

網誌好讀版：
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因為這個註冊表單而被我反安裝了。

--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 123.194.161.233
※ 文章網址: http://www.ptt.cc/bbs/AndroidDev/M.1411740009.A.513.html
※ dementia:轉錄至看板 Design                                      09/26 22:00
※ dementia:轉錄至看板 Digital_Art                                 09/26 22:00
推 abc01251: 這個app真的註冊超麻煩 我也把它給刪了
→ charlesdc: 分享是件美德 但這裡不是個版 :)
→ dementia: 我是因為碰過很多開發者都很關心UI,才po在這裡. 另外請
→ dementia: 教一下 有專板嗎 甘溫 ^______^
→ Decill: Nike+的註冊體驗真的做得很糟 不過我記得我很早就在
→ Decill: 網頁版上面註冊過了所以沒遇過什麼問題XD
→ JULONE780701: "執行"那兩個字應該是看手機
→ JULONE780701: 我知道HTC會顯示enter的箭頭符號
→ JULONE780701: 三星則是"下一步"
→ JULONE780701: 還有...鍵盤遮住到底寫幾行甚麼樣的code可以解決?
→ dementia: 感謝指正 我會再研究一下 ^_^