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

看板AndroidDev作者dementia (妖精尾巴魔導士)時間9年前 (2014/09/26 22:00)推噓1(1推 0噓 10→)

留言11則, 5人參與討論串1/1

網誌好讀版： 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

09/26 22:51, , 1^F

09/26 22:51, 1^F

→

charlesdc

09/27 00:59, , 2^F

09/27 00:59, 2^F

→

dementia

09/27 01:53, , 3^F

09/27 01:53, 3^F