UI/UX｜註冊登入流程．超完整的深入教學（下）
前情提要：
本篇重點：實際在設計註冊與登入流程的時候，如何減輕用戶的壓力？怎麼做出一個體貼、便利的設計？什麼樣的設計會讓使用者憤怒地想摔電腦？
想深入探討，就繼續往下閱讀吧！⬇⬇⬇
1：給使用者一個期待．提供註冊動機
如同上一篇所提到的，用戶不熟悉你的產品時，可以用延遲註冊的方式讓使用者先看看、逛逛，再請他註冊帳號。但是如果你的產品無法讓使用者在沒有帳號的情況下使用呢？
Dropbox 在註冊/登入頁面用可愛的小動畫搭配幽默、精簡的語句，傳神地表達服務內容和產品的便利性。當使用者還沒有決定要不要註冊帳號之前，這些文案與圖片能夠改變使用者的印象，成為臨門一腳的助力。
2：善用提示字．減少出錯的可能性
提示字是一個很好用的元素，它的位置就在使用者一定會點擊的地方，能見度非常高，因此很適合放置重要說明。左圖的提示字很常見，但是有講跟沒講其實差異不大。右圖的提示字很明顯地提供了更多資訊，也將密碼的規則寫得非常清楚，藉由好的提示字減少了用戶填寫時出錯的可能性，相對而言是比較貼心的設計。
3：善用正向激勵．減少用戶煩躁感
我們都知道資訊填寫錯誤時，用警語提醒是很重要的。不過有時候，如果可以用正向激勵的方式取代負面的警告，就能夠讓用戶在平靜、舒適的心情之中，達到完全一樣的效果。
同樣的道理，與其讓用戶在按下「完成」以後才用警語告訴他有資料尚未填寫，不如讓用戶在資料全數正確以後才能按「完成」。在少量資料的情況下，可以直接利用 inactive 狀態的按鈕讓用戶無法進行到下一步。
你有沒有遇過一種表單，每次按下一個輸入框，但還不想填寫的時候，這一類的警語：「此欄為必填欄位」「此處不可留空」就會自己跑出來？或者是填寫電話號碼的時候，每輸入一個數字，這一類的警語：「電話號碼格式錯誤」就會不斷出現？這種表單填寫起來特別讓人生氣，對吧！表單比較長的情況下，可以嘗試在「完成」的按鈕下方用提示語和小助手，幫助用戶順利完成填寫表單的程序。
4：盡可能顯示進度．減少不安與不耐煩
將註冊流程分為多個步驟時，利用進度條、顯示步驟等方法，可以減少用戶的不安（不曉得註冊還要多久），並利用實質的進度回饋提升用戶的耐心（看起來只差一點就能完成了），避免使用者註冊到一半就放棄。
進度條和步驟顯示的方法百百種，這邊只是列出三種常見的當參考。設計這一類的提示，最基本的訣竅就是要簡單、明確、好懂。不要用使用者可能會看不懂的圖示或是太複雜、需要思考的設計。舉例來說，曾經看過一個設計用了魔術方塊作為步驟提示，每完成一個步驟就會拼好一面，雖然很有創意，卻因為過於複雜、冗贅而導致失敗。
5：剔除不必要的選項．預設使用者都同意
舉圖中的例子來說，一般使用者都希望記住登入資訊（或是保持登入狀態），如果不希望記住資訊的話會選擇用無痕模式或是手動登出。因此特地要求使用者勾選這個選項是很多餘的，如果還是希望讓使用者有這個選擇的話，也應該預設為已勾選的狀態。
同樣的道理，真的有在看服務條款和隱私權政策的用戶實在少之又少，勾選同意又是必要選項，因此可以選擇預設用戶都是同意了才註冊的，或者是一開始就將這個選項預設為已勾選的狀態。
6：創造低壓環境．壓力是註冊的最大阻力
如果讓用戶進退兩難，用戶就有可能選擇乾脆放棄註冊。我用一個比較誇大的例子來說明：上圖左的提示字很親民、接地氣，但是「超有特色、超厲害的獨一無二個人 ID」讓人壓力超大！輸入框的 placeholder 又是一個超難想出來的中二範例，使用者想要造出一個和範例一樣有特色的厲害 ID 簡直難上加難，要逼死誰？
註冊的過程必須盡量減輕使用者的負擔，不要給用戶任何放棄註冊的契機。有些資訊如果不是註冊時非得要提供的，可以提供使用者先略過的選項，或是直接不放在註冊流程中，留到使用者摸索產品的過程中慢慢引導他們填寫。
設計登入/註冊流程的時候，需要考量產品特性、需要的資料量和登入/註冊的時機。這篇主要針對一些概括性的大方向做討論，當然實際設計不同產品的過程中還有很多需要考量的地方。
你在設計登入/註冊流程的過程中遇過哪些問題或困難呢？後來是怎麼解決的？歡迎在底下留言告訴我唷！下次見～
