設計干貨:關于登錄界面的設計觀點

9 評論 12691 瀏覽 68 收藏 6 分鐘

之前在總結表單設計《設計干貨:3類表單設計指南的時候已經對比過登錄界面的例子,這次想更詳細地分享下自己的觀點。

關鍵字

路徑清晰,主次分明,專注眼前,分場景。

路徑清晰

登錄頁面通常包含多個入口:注冊、登錄方式A、登錄方式B、第三方賬號登錄等,我們無法準確預測用戶會究竟要選擇哪一個,因此,各個路徑必須一目了然。再一次以google、大眾點評和美團為例:在我看來三個界面在我看來都不及格。Google較簡潔(因為它不支持第三方賬號登錄),功能說明和輸入區域擠在同一區域,上半部屏幕直接浪費掉,也沒有區分清楚登錄和注冊兩個路徑;大眾點評和美團雖然界面信息更多,但比起google登錄和注冊路徑區分更明確。

給我一個機會,我會去掉多余的一小部分內容(現在先說,請繼續往下看)

主次分明

貪心是全人類的通病,設計師要壓制好自己和產品經理的欲望。手機號快速登錄逐漸成為主流,但某些產品依然不愿放棄傳統登錄,魚與熊掌不可兼得,取舍不夠決絕會導致功能主次不分。設計之前請選好一種主推的登錄方式,哪種是當前最急需的?哪種是符合業務長遠利益的?分清優先級的同時也要在界面上體現。對比大眾點評和美團:大眾點評已經把賬密登錄方式弱化成一個二級入口,而美團依然想保持兩種登錄方式直接切換的便利性(也許是數據上暫時沒有明顯的偏向,產品經理無法拍板pa bei guo)。突出一種登錄方式,其他該弱化的弱化,該拋棄的拋棄。

專注眼前

既然做了選擇,就不要三心二意。用戶選擇了一種登錄方式后,其他的方式可以大膽放一邊去了。然而某些設計師(或PM)一直把用戶當成是購物中的選擇困難癥女性,“登錄方式要切換方便,萬一用戶要更換。。。萬一用戶選錯怎么辦?”。也許有5%的用戶會選錯,為此就要降低剩下95%的用戶的體驗?假如遵循好上述的兩個觀點,所謂的萬一會更加少。美團在這一點做的比較好,調起鍵盤輸入并隱去第三方賬號登錄。

輸出

綜合上述觀點,以下是我設計的登錄界面(交互圖,非效果圖)。默認登錄界面僅保留登錄入口、切換登錄方式、注冊入口和第三方賬號登錄,盡可能保持路徑清晰。賬密登錄僅作為次要登錄方式弱化成跳轉入口,主次分明。調起鍵盤后(確認登錄方式)才顯示驗證碼、登錄按鈕等控件,同時第三方賬號登錄下滑隱去,專注當前任務。

PS:分場景

最后補充上次在《設計干貨:3類表單設計指南》的場景分析:

登錄及注冊界面,其流程該是一次性展現還是按任線性務流一步步展現?線性任務流的好處是:分別對每個提交的信息檢測并反饋,用戶理解起來清晰安全,屬于“can’t go wrong” 的設計,但其一步步的跳轉容易給用戶一種漫長的感覺。對比之下大眾點評及美團拿任務流清晰度換取了便捷性。

取舍

線性任務流和集成任務究竟如何取舍,取決設計師如何平衡清晰度和便捷性。我的理解是:登錄是留給老用戶的,用戶對應用有一定的熟悉度,另外結合場景分析,無論是主動觸發或是在購買商品時被動觸發登錄,用戶總是不耐煩的希望盡快結束此流程,因此登錄流程約簡短越好,選用集成任務;注冊面對的是新用戶,用戶此刻更需要的是安全感,明確的說明和清晰的步驟比操作便捷更重要,因此選用線性任務流。

 

博客地址:jakd007.com

本文由 @Jakd007?原創發布于人人都是產品經理。未經許可,禁止轉載。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 如果用戶年齡比較大30歲以上 40歲為主的話,在電話號輸入前 ,看不到 登陸按鈕 是不是 第一感覺不知道怎么操作呢

    來自北京 回復
  2. 還可以吧,還是要分產品,有的產品就不需要設置三方登錄就一種電話和密碼。

    來自北京 回復
  3. 作者有想過為什么google這樣設計嗎?

    來自北京 回復
    1. 個人理解
      1、谷歌的受眾群比較分散,所以在文字提示上非常的清晰,以文字提示為主
      2、谷歌本身有一整套的服務,所以他比較強制的要求用戶必須使用谷歌賬號登錄,就不用考慮第三方登錄的設計了
      3、整體設計排版上是延續了谷歌Material Design的設計規范
      4、谷歌將賬號和密碼的輸入分開,這里采用的是“can’t go wrong”的設計,用戶每一步的操作更加聚焦

      來自上海 回復
    2. 第2、4點我是贊同的;google賬號貫穿于google服務,清晰的文字介紹很有必要。然而,該界面對注冊、登錄的指引并沒有明顯指示,輸入框“輸入你的電子郵箱地址”就會讓用戶困惑:“這里究竟是注冊還是登錄?”。文中舉的3個例各有優缺點。

      來自廣東 回復
    3. 其實主要是擔心用戶使用習慣,谷歌的賬號輸入完成之后會進行判斷,判斷當前賬號是否進行了注冊,如果未注冊,直接輸入密碼注冊成功并且登錄成功,如果已經注冊,輸入密碼登錄成功,但是很多中國的用戶都不習慣這種方式,以前的時候都是登錄跟注冊在一起的,最近我發現由于手機注冊登錄成了主流,國內對這個流程進行了改進,會直接讓用戶輸入自己的手機號,然后判斷這個手機號有沒有注冊,如果沒有注冊,輸入驗證碼注冊成功,如果注冊過輸入密碼完成登錄,如果用戶人群年齡比較大的話,還可以把注冊放出來。

      來自廣東 回復
    4. 補充一點,站在中文小白用戶的角度上考慮:費勁弄上了個VPN好不容易打開了,第三方登錄卻只有FB和Twitter?那我還是得重新注冊一個郵箱賬號。

      來自北京 回復
  4. 個人觀點 ,對于手機的快速登錄,其實更想知道這個背后的安全性問題。未來的手機號可能會有銷號繼承的可能性,怎么處理后臺的歷史數據?只能靠用戶來進行申請嗎?

    來自廣東 回復
    1. 影響不大,后臺數據不會清除這些無用的數據,也就會繼承但是這種可能性太低了。

      來自北京 回復