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