移動(dòng)應(yīng)用設(shè)計(jì)：注冊(cè)和表單
上次我們討論了應(yīng)用內(nèi)搜索和業(yè)務(wù)轉(zhuǎn)化的設(shè)計(jì)原則，這次讓我們把話題聚焦在這兩個(gè)比較復(fù)雜的內(nèi)容上，事實(shí)上我們發(fā)現(xiàn)這也是不少設(shè)計(jì)師和開(kāi)發(fā)者頭疼的地方。也正因?yàn)槿绱?，我們針?duì)性地準(zhǔn)備了七條原則來(lái)幫助大家少走彎路。
一、注冊(cè)
注冊(cè)是一種您用來(lái)與用戶聯(lián)系的方式，它可以提升未來(lái)的轉(zhuǎn)換幾率，并為雙方未來(lái)的關(guān)系提供更多的可能性。然而，設(shè)計(jì)不佳的注冊(cè)往往也是摩擦產(chǎn)生的根源，也可能是轉(zhuǎn)換的障礙。這里我們向您展示如何構(gòu)建注冊(cè)過(guò)程，讓用戶能夠更快地達(dá)成目標(biāo)。
1. 要求用戶注冊(cè)前，需提供明確的用途
如果一個(gè)應(yīng)用一開(kāi)始就要求用戶提供個(gè)人信息，用戶就會(huì)放棄它，除非它承諾向用戶提供某種形式的即時(shí)回報(bào)(例如打車或外賣等具體的服務(wù))。尤其是那些品牌認(rèn)可度不高的應(yīng)用，以及價(jià)值主張不清晰的應(yīng)用，如果要在最開(kāi)始就要求用戶注冊(cè)，必須得跨越非常大的阻礙。只在必要的時(shí)候要求用戶注冊(cè)，貫徹這一原則的常見(jiàn)做法是，在業(yè)務(wù)轉(zhuǎn)化點(diǎn)，也就是結(jié)賬的時(shí)候允許用戶使用訪客身份 (guest) 結(jié)賬。
△ 左邊，進(jìn)入應(yīng)用就要求用戶注冊(cè)，對(duì)使用設(shè)置了較大的障礙，用戶體驗(yàn)不好。右邊，并沒(méi)有要求用戶注冊(cè)，而是全力展示著自己的核心服務(wù)內(nèi)容 —— 后退一步，給用戶一些空間，體驗(yàn)會(huì)更好。
2. 區(qū)分 “登錄” 和 “注冊(cè)”
用戶經(jīng)常試圖點(diǎn)擊 “登錄” 按鈕來(lái) “注冊(cè)” 賬號(hào)，當(dāng)系統(tǒng)再次提示輸入密碼時(shí)，才意識(shí)到自己錯(cuò)誤的行為。這種情況經(jīng)常發(fā)生，因?yàn)橛脩粼谘杆賿哌^(guò)屏幕后，通常會(huì)選擇最顯眼的、***注意到的操作入口(CTA, Call To Action)。所以，需要設(shè)計(jì)易于區(qū)分的 “登錄” 和 “注冊(cè)” 按鈕，以便用戶可以快速操作。
△ 左邊的 CTA 按鈕沒(méi)有作區(qū)分，很容易將下面的兩個(gè)按鈕都認(rèn)為是上面用戶名和密碼的下一步操作;右邊的界面更為簡(jiǎn)潔，且 “注冊(cè)” 和 “登錄” 兩個(gè)行為被明確聲明為兩個(gè)平級(jí)的操作。
3. 減少密碼輸入錯(cuò)誤的可能性
如果密碼輸入總是在出錯(cuò)，用戶會(huì)感到惱火。您應(yīng)該盡可能降低密碼輸入錯(cuò)誤的可能性來(lái)降低被用戶放棄的風(fēng)險(xiǎn)。盡可能減少步驟，或提供不同的身份驗(yàn)證方法，如使用 Google Sign-In、第三方登錄或指紋觸摸登錄。
△ 左邊只提供了手動(dòng)輸入密碼的選擇，而偏偏手機(jī)輸入會(huì)更容易出錯(cuò);而右邊提供指紋登陸等更有效率的驗(yàn)證方式，用戶體驗(yàn)更為友好。
二、表格錄入
表格一般總在最重要的時(shí)候出現(xiàn)，畢竟要求用戶親自輸入信息在如今已經(jīng)是門(mén)檻極高的要求了。請(qǐng)遵循這些原則，制作可以快速且輕易完成的表格。
1. 建立用戶友好的表單
表格的設(shè)計(jì)需要符合用戶輸入信息的方式、習(xí)慣。屏幕需要能夠適應(yīng)多種輸入形式，而不是讓用戶去適應(yīng)應(yīng)用。另外，請(qǐng)確保表格字段不被其他界面元素(如鍵盤(pán))阻擋。當(dāng)用戶完成一個(gè)表格字段時(shí)，自動(dòng)將下個(gè)字段提到屏幕上方。此外，自動(dòng)填充、自動(dòng)大小寫(xiě)調(diào)整和信用卡掃描等功能也可以提升效率。
△ 左邊的表單，數(shù)據(jù)輸入的格式太過(guò)死板(比如，三個(gè)表格字段來(lái)輸入電話號(hào)碼)，另外，下一個(gè)要輸入的字段被鍵盤(pán)擋住了;右邊的表單，信息輸入的格式更為自由，完成一個(gè)字段后會(huì)自動(dòng)展現(xiàn)下一個(gè)字段。
2. 實(shí)時(shí)提示表格信息輸入錯(cuò)誤
用戶辛辛苦苦填寫(xiě)好了表格，但在提交時(shí)才發(fā)現(xiàn)表格出現(xiàn)錯(cuò)誤，這是十分惱人的。您需要實(shí)時(shí)檢測(cè)并提供錯(cuò)誤信息來(lái)緩解這一 “痛苦”，并且在用戶成功完成某個(gè)字段后給予確認(rèn)。此外，您需要不斷測(cè)試表格的使用體驗(yàn)，來(lái)確保整個(gè)流程的流暢性。
△ 左邊，表格信息只有在提交時(shí)才會(huì)驗(yàn)證是否正確，而且錯(cuò)誤的信息并沒(méi)有展現(xiàn)在字段框里，且沒(méi)有提供參考示例;右邊，在字段框里直接提示錯(cuò)誤，并給出可供參考的示例。
3. 將鍵盤(pán)與所需輸入的文本相匹配
用戶希望應(yīng)用能夠提供適應(yīng)文本輸入的鍵盤(pán)。同時(shí)，您需要確保在整個(gè)應(yīng)用中都貫徹這個(gè)原則，而不是僅對(duì)部分表單生效。
△ 左邊的表單字段需要輸入數(shù)字，但鍵盤(pán)仍是字母鍵盤(pán);右邊的鍵盤(pán)能夠根據(jù)輸入字段來(lái)調(diào)整鍵盤(pán)。僅僅只是一個(gè)控件屬性的調(diào)整，體驗(yàn)卻有天壤之別。
4. 在表格的上下文中提供有用的信息
在上下文提供相關(guān)信息能夠幫助用戶快速完成整個(gè)表格。例如，在安排日期時(shí)，用戶希望能夠直接像在月歷上一樣確定日期，而不用離開(kāi)去查看手機(jī)日歷應(yīng)用。同時(shí)，這也降低了用戶被另外的任務(wù)分散注意力的風(fēng)險(xiǎn)。
△ 左邊沒(méi)有提供便捷的日期輸入功能，以及幫助表格輸入的提示文字;右邊提供了日歷控件等有效的功能來(lái)幫助日期輸入，還給出了簡(jiǎn)要的說(shuō)明文字。
在應(yīng)用設(shè)計(jì)的整個(gè)過(guò)程中，“用戶友好” 是極其重要的一點(diǎn)，尤其是到了需要用戶親自操作去輸入一些信息的時(shí)候。如果您在日常生活中碰到了讓您 “不爽” 的注冊(cè)和表單，不妨試著用上面這幾點(diǎn)來(lái)試著找到更棒的設(shè)計(jì)解法。
【本文是51CTO專欄機(jī)構(gòu)“谷歌開(kāi)發(fā)者”的原創(chuàng)稿件，轉(zhuǎn)載請(qǐng)聯(lián)系原作者(微信公眾號(hào)：Google_Developers)】
