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

看板Design作者 (妖精尾巴魔導士)時間9年前 (2014/09/26 22:00), 編輯推噓2(200)
留言2則, 2人參與, 最新討論串1/1
※ [本文轉錄自 AndroidDev 看板 #1K9N5fKJ ] 作者: dementia (妖精尾巴魔導士) 看板: AndroidDev 標題: [分享] 好UI爛UI大車拼03 有關註冊表單兩三事 時間: Fri Sep 26 22:00:05 2014 網誌好讀版: 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 ※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: dementia (123.194.161.233), 09/26/2014 22:00:27

10/02 16:39, , 1F
感謝分享
10/02 16:39, 1F

10/07 18:13, , 2F
很值得分享的文章
10/07 18:13, 2F
文章代碼(AID): #1K9N5yr- (Design)