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