APP登錄界面的設(shè)計觀點(diǎn)

登錄界面的設(shè)計：關(guān)鍵字

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

登錄界面的設(shè)計：路徑清晰

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

給我一個機(jī)會，我會去掉多余的一小部分內(nèi)容

登錄界面的設(shè)計：主次分明

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

登錄界面的設(shè)計：專注眼前

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

輸出

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

登錄界面的設(shè)計：分場景

最后補(bǔ)充上次在《設(shè)計資訊：三種表單設(shè)計規(guī)范》的場景分析：

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

取舍

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

分享名稱：APP登錄界面的設(shè)計觀點(diǎn)
轉(zhuǎn)載來于：http://www.muchs.cn/news1/164951.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、外貿(mào)建站、微信小程序、網(wǎng)站營銷、網(wǎng)站設(shè)計、網(wǎng)站維護(hù)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)