2211
12
1
2017-01-06 10:30:39
2017-01-06
A 君注：在應(yīng)用市場繁花綻放的現(xiàn)在，一款 app 獲取新用戶越來越困難，成本越來越高。好不容易通過推廣吸引了新人，用戶還很可能因為注冊麻煩而離開。
AppSo今天這篇文章，為你分享線上注冊環(huán)節(jié)設(shè)計的 10 個原則，助你更好地留住用戶。
雖說線上注冊處處可見，但就設(shè)計而言，它也是其中一個棘手部分。要保證你的注冊頁面設(shè)計不會給用戶帶來麻煩，你需要采納以下幾點建議，來關(guān)于更好地設(shè)計線上注冊流程。
你需要多長時間才能發(fā)現(xiàn)下圖中「登錄（Sign In）」和「注冊（Sign Up）」的區(qū)別？
不推薦示范：同時使用「登錄（Sign In）」和「注冊（Sign Up）」
很多 app 的英語界面常用「Sign In」和「Sign Up」來表示「登錄」和「注冊」。但「登錄（Sign In）」和「注冊（Sign Up）」挨得太近，當(dāng)這兩個按鈕看起來太相似，并且都用同一個動詞時，用戶很容易產(chǎn)生困惑。
用戶可能會點擊其中一個按鈕，而不是本應(yīng)點擊的另一個，這樣就會打擊他們的積極性，因為用戶是犯這類錯誤最多的一類群體。
為什么會這樣呢？因為用戶快速掃過屏幕，理所當(dāng)然地認(rèn)為第一個映入眼簾的「行為號召」即是正確的選擇。即便用戶不犯這個錯誤，他們也將花額外時間來區(qū)分這兩個選項。
不應(yīng)該讓用戶停頓去思考他們應(yīng)該點擊哪個按鈕。若你想為用戶登錄提供較好的用戶體驗，就應(yīng)避免同時使用容易混淆的詞語，而應(yīng)在按鈕標(biāo)簽上使用不同的動詞，這樣就能讓用戶很簡單地區(qū)別這兩個按鈕。
推薦示范：「登錄（Login）」和「注冊（Register）」這兩個詞就更清晰明了。
同時，為了使得上述區(qū)別更加明顯，還可以在按鈕上設(shè)計不同（顏色和風(fēng)格）的視覺呈現(xiàn)：
圖片來源：ThinkWithGoogle
注冊新用戶時，盡可能讓用戶填寫最少的信息。在注冊過程中需要用戶填寫的項目越少，用戶放棄注冊的可能性就越低。需要考慮哪些信息是必不可少的：
1）對所有線上注冊來說，移除「確認(rèn)密碼」和「確認(rèn)郵箱地址」這兩個選項有益無害?？隙ㄓ衅渌姆椒▉斫鉀Q打字錯誤的問題（詳情請參考第 4 點）。
2）從用戶體驗角度來看，線上注冊最好不設(shè)置選填項目。如果某信息是非必需的，那就不必浪費用戶的時間來填寫，你可以在后續(xù)項目增設(shè)其他問題。如果一定要設(shè)置選填項目，務(wù)必清晰地向用戶強調(diào)該選項是選填項目。
上圖中「你多大了」這個表單問題清晰地標(biāo)注為選填項目
很多網(wǎng)站和 app 的注冊和登錄框基本使用了同樣數(shù)量的填寫項目（如電子郵箱/用戶名和密碼），并且注冊和登錄分兩欄緊挨在一起呈現(xiàn)：
不推薦示范：注冊和登錄兩欄緊挨一起
然而，清晰明了地區(qū)分開注冊和登錄、最大程度地降低用戶不小心通過注冊表登錄的可能性非常重要。
例如： Twitter 的登錄和注冊框不僅區(qū)別明顯，其也加入了「行為號召（CTA）」按鈕和適當(dāng)?shù)膸椭脩衾斫獾奈淖郑ㄈ纾盒聛淼?Twitter ？注冊）。
推薦示范：Twitter 的登錄和注冊框
登錄和注冊過程中一個常見的問題就是密碼輸入錯誤。這很容易出錯，因為密碼選項通常隱藏顯示（當(dāng)然是因為安全問題）。就打字而言，沒人能做到完美，人們經(jīng)常會打錯字，在手機上尤其如此。
很多注冊表單在設(shè)置密碼時要求確認(rèn)密碼，從而防止打字錯誤。
不推薦示范：用戶密碼項設(shè)置「密碼」和「確認(rèn)密碼」兩個選項
雖說確認(rèn)密碼選項看起來有道理，但實際上并沒有解決問題。用戶輸入密碼時看不到輸入內(nèi)容，這會導(dǎo)致更多的錯誤。這樣，他們會更沒把握，因為他們可能會在（兩個輸入欄）重復(fù)犯錯。
不要讓用戶再次填寫同一個選項！設(shè)置「顯示密碼」選項是防止用戶輸錯密碼的適宜方式。可以在密碼選項附近加一個復(fù)選框，當(dāng)用戶勾選的時候，頁面會顯示已隱藏的輸入信息。
推薦示范：「顯示密碼」項作為復(fù)選框選項
或者，也可以使用圖標(biāo)按鈕。用戶點擊按鈕時，頁面的眼睛圖標(biāo)上顯示一條斜線，即可顯示隱藏的內(nèi)容。
推薦示范：「顯示密碼」項作為圖標(biāo)按鈕
你應(yīng)該清楚地解釋說明表單選項填寫錯誤。若某選項未正確填寫，不僅要讓用戶知道其填寫有誤，還要讓用戶知道哪個選項填寫有誤，并說明正確填寫該項的方式。
出于安全考慮，密碼長度必須在 6-10 個字符，并且包含至少一個大寫字母、一個數(shù)字和一個符號。
這是標(biāo)準(zhǔn)的密碼設(shè)置要求，但要求用戶考慮所有選項填寫要求，并不是解釋這個問題的恰當(dāng)方式?？梢詤⒖?Mailchimp，其通過「密碼強度」視覺提示，顯示用戶完成該選項的進展。
密碼設(shè)置仍須輸入「一個特殊字符」、「一個數(shù)字」，并且必須輸入 8 位數(shù)。
實時數(shù)據(jù)驗證可以直接告知用戶其所提供數(shù)據(jù)是否正確。這個方法可以使用戶快速糾正錯誤，不必在點擊提交按鈕后才知道錯誤。
然而，表格數(shù)據(jù)驗證不僅僅要告訴用戶錯誤選項，同時，還應(yīng)該告訴用戶哪些是對的。這會讓用戶更加有把握去繼續(xù)完成注冊。
圖片來源：form-ux-tips
實時驗證對用戶不太有把握的答案特別有用，比如選擇一個未被注冊的用戶名，或者設(shè)置高強度密碼時。
Twitter 就是個典型的例子。下圖中的 Twitter 注冊界面上，你可以看到該注冊表單提醒我該郵箱地址已被注冊，并給我提供了其他的選擇（比如登錄或者是找回密碼）。
如果要求用戶在注冊過程中設(shè)置用戶名，你很有可能會遇到以下問題：
由于用戶名必須未被注冊才行，用戶可能需要幾分鐘才能想得到合適的用戶名，畢竟其想好的用戶名可能已被其他用戶注冊。
用戶可能會注冊一個全新的用戶名，但可能在不久后就忘記了。
網(wǎng)站或者 app 界面應(yīng)該允許用戶通過郵箱地址或手機號碼登錄：
推薦示范：注冊過程中可以用電話號碼或郵箱地址來代替用戶名
如果可以讓用戶通過第三方賬號（比如 Facebook, Google 或 Twitter ）登錄，為什么還要強制要求用戶重新設(shè)置一套登錄信息呢？這可以減少注冊麻煩。
和常規(guī)的郵箱地址注冊相比，其有如下利弊：
利：不必要求用戶通過填寫注冊表單來設(shè)置另一套用戶名/密碼，并且去驗證郵箱地址。因此，用戶 10 秒鐘就能完成注冊，而不再需要 10 分鐘。更為重要的是，用戶也不用再去記憶新的用戶名/密碼。
弊：由于用戶信息自動加載，會出現(xiàn)涉及用戶隱私的顧慮，并不是每個人都愿意共享其個人信息。鑒于此，應(yīng)該同時保留原有登錄方式供用戶選擇。
推薦示范：通過 Facebook/Google+/Twitter 登錄或選擇原有登錄方式
注冊還會涉及的問題是要求用戶在注冊后立即登錄。這個額外要求通常都會讓用戶不爽。
不推薦示范：要求用戶激活賬戶后立即登錄
應(yīng)該通過改良設(shè)計，在用戶注冊后立即保持其登錄狀態(tài)，除非是因為安全問題所致，比如銀行 app 或者網(wǎng)站。
非常重要的是，若用戶忘記其密碼（這也不是不可能），可通過登錄過程來恰當(dāng)處理。
不要使用戶重置密碼過程太麻煩，否則用戶會放棄你的服務(wù)。在登錄框中一定要有清晰的提示「忘記密碼？」的鏈接，該鏈接要始終可見（而不是在輸錯密碼后才可見）。
推薦示范：Mailchimp 登錄框有「忘記密碼？」鏈接
Janrain 的調(diào)查顯示，過早強制用戶注冊，可導(dǎo)致超過 85% 的用戶放棄該產(chǎn)品。
除非有其他形式的直接回報（比如打車），不然一開始就要求用戶提供個人信息，用戶很可能會放棄使用 app/網(wǎng)頁服務(wù)。尤其如果你是品牌辨識度低的服務(wù)供應(yīng)商，那要解決的問題就更多了。
圖片來源： ThinkWithGoogle
讓用戶能直接使用其中某些功能，總比什么都用不了要好。因此，建議采用「先試后買」策略。這可以讓新用戶有機會體驗到你的產(chǎn)品，讓他有興趣注冊。若知道是什么產(chǎn)品、產(chǎn)品體驗如何，人們將更愿意去注冊并提供個人真實信息。
當(dāng)然先試后買模式不是說不能要求用戶創(chuàng)建賬號，只是在用戶體驗到產(chǎn)品價值后再要求其創(chuàng)建賬號。
比如，YouTube 在用戶感興趣的前提下，允許新用戶瀏覽盡可能多的頁面內(nèi)容，其目的就在于吸引用戶注冊，從而能讓用戶使用評論功能或者上傳其個人視頻。
當(dāng)你把注冊相關(guān)的障礙全部清除后，你會得到巨大的注冊量，但這并不意味著你就擁有了巨大的用戶群體。培育出用戶群體是一系列努力的成果，而設(shè)計高效的注冊流程只不過是朝著該方向邁進的第一步罷了。
謝謝！
作者 | Nick Babich
軟件工程師，關(guān)注 UI 和 UX 。
譯者 | Jorri
本文譯自 How to Craft Effective Registration，已獲原作者授權(quán)翻譯。
原文鏈接 http://babich.biz/how-to-craft-effective-registration/
