網誌好讀版： 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://webptt.com/m.aspx?n=bbs/AndroidDev/M.1411740009.A.513.html ※ dementia:轉錄至看板 Design 09/26 22:00 ※ dementia:轉錄至看板 Digital_Art 09/26 22:00