描述：當(dāng)用戶(hù)已經(jīng)注冊(cè)過(guò)賬號(hào)后再次使用app，為用戶(hù)提供已有信息。
上下文情境：當(dāng)用戶(hù)在注冊(cè)后再次進(jìn)入你的app，已經(jīng)對(duì)app有一定的了解，希望通過(guò)你的app完成一定的目標(biāo)，希望app能記住用戶(hù)的一些習(xí)慣，保有一定的數(shù)據(jù)，且比第一次能更好的完成任務(wù)，帶來(lái)一定的驚喜。
任務(wù)流程：用戶(hù)進(jìn)入app，輸入自己的賬號(hào)（在選擇記憶情況下有記憶，或保存）和驗(yàn)證（密碼，手機(jī)可用驗(yàn)證碼，第三方登錄）。
構(gòu)成元素：用戶(hù)賬號(hào)【手機(jī)，郵箱，賬號(hào)】，對(duì)應(yīng)的驗(yàn)證元素【密碼，手勢(shì)密碼，第三方登。錄，驗(yàn)證碼】，忘記密碼【提供方便的驗(yàn)證方式】。
輔助元素：視覺(jué)輔助，注冊(cè)跳轉(zhuǎn)
設(shè)計(jì)準(zhǔn)則：減少用戶(hù)的輸入！
元素1：視覺(jué)輔助
通過(guò)與app有一定聯(lián)系的視覺(jué)頁(yè)面或文字營(yíng)造一定的氛圍，宣揚(yáng)一定的產(chǎn)品理念，通過(guò)品牌logo展現(xiàn)品牌信息，
用戶(hù)進(jìn)入登錄頁(yè)面時(shí)，往往先會(huì)被圖片，文字吸引，其次登錄框
這時(shí)圖片文字最好能很好的傳達(dá)產(chǎn)品的相關(guān)信息，營(yíng)造氛圍（節(jié)日相關(guān)，QQ的節(jié)日主題登錄，可參考這篇文章《QQ登錄banner再設(shè)計(jì)》
），加深用戶(hù)對(duì)產(chǎn)品的認(rèn)識(shí)
元素2：用戶(hù)賬號(hào)（用戶(hù)名，用戶(hù)郵箱，手機(jī)）
記錄用戶(hù)登錄過(guò)的用戶(hù)名，并在用戶(hù)輸入部分后智能補(bǔ)全（qq），聯(lián)想選擇（知米背單詞，郵箱后綴）
用戶(hù)名提示信息（占位符和標(biāo)簽）
要包括用戶(hù)名的類(lèi)型（郵箱，手機(jī)號(hào)，字母+數(shù)字等等），幫助用戶(hù)回憶
元素：驗(yàn)證元素（密碼，手機(jī)驗(yàn)證碼，手勢(shì)密碼）
建議密碼顯示為可見(jiàn)文本。在密碼框旁邊提供了隱藏選項(xiàng)
提供方便的找回密碼功能
密碼錯(cuò)誤提示要溫和，并要起到一定的提示作用，可采用非模態(tài)的錯(cuò)誤提示。
元素3：第三方登錄
第三方賬號(hào)體系相比于自己的賬號(hào)體系而言，十分的方便快捷，適用于當(dāng)用戶(hù)還不是很了解產(chǎn)品的時(shí)候，那么用戶(hù)可以在不注冊(cè)一個(gè)新的賬號(hào)的情況下通過(guò)這種方式體驗(yàn)產(chǎn)品。用戶(hù)也不需要記住密碼，對(duì)用戶(hù)來(lái)說(shuō)十分方便。
但也存在一些其它問(wèn)題，用戶(hù)可能會(huì)覺(jué)得會(huì)泄露自己的資料；用戶(hù)反饋問(wèn)題時(shí)，無(wú)法提供對(duì)應(yīng)賬號(hào)（可以通過(guò)提供一個(gè)對(duì)應(yīng)賬號(hào)解決）
元素4：輸入法
根據(jù)需要輸入數(shù)據(jù)的類(lèi)型選擇智能鍵盤(pán)，如工行的亂序數(shù)字輸入法，咳咳。。。
輔助元素：
忘記密碼選項(xiàng)
本來(lái)不想放，但前兩天重新體驗(yàn)一個(gè)app的時(shí)候，竟然找不到找回密碼的選項(xiàng)，讓人最后只能重新注冊(cè)一個(gè)賬號(hào)。。。
注冊(cè)入口
反饋入口
另外再附加自己一些自己思考的建議，希望得到大家的指正
建議1：不要獨(dú)創(chuàng)登錄表單，保持應(yīng)用間的一致性，采用用戶(hù)習(xí)慣的設(shè)計(jì)方案，如無(wú)必要，不要違背，這樣更易于用戶(hù)登錄
建議2：提供取回已忘記密碼的方式
建議3：不要讓用戶(hù)犯錯(cuò)，錯(cuò)誤預(yù)防，即使錯(cuò)誤也不要提供模態(tài)的錯(cuò)誤警告。
進(jìn)行有效的即時(shí)校驗(yàn)，讓用戶(hù)能及時(shí)修改、補(bǔ)充缺漏的信息。
另外，我們還可以通過(guò)限制用戶(hù)的行為，或提供自動(dòng)修正的方式來(lái)預(yù)防用戶(hù)犯錯(cuò)。
如當(dāng)用戶(hù)名輸入手機(jī)號(hào)時(shí)，自動(dòng)空格插入，或提示位數(shù)；輸入郵箱時(shí)自動(dòng)補(bǔ)全@后面的輸入。
建議4：減少用戶(hù)的等待感覺(jué)（支付寶 輸入密碼動(dòng)畫(huà)）
建議5：如有驗(yàn)證碼，在第一次輸入的時(shí)候不要出現(xiàn)，只有輸入錯(cuò)誤到一定次數(shù)才出現(xiàn) 萬(wàn)惡的驗(yàn)證碼，萬(wàn)惡的驗(yàn)證碼，萬(wàn)惡的驗(yàn)證碼！
建議6：輸入密碼錯(cuò)誤后，直接顯示密碼，讓用戶(hù)可以直接查看哪里錯(cuò)誤
一些參考來(lái)源：
頁(yè)面之門(mén)——登錄頁(yè)的設(shè)計(jì)分析 不易察覺(jué)的細(xì)節(jié)！常見(jiàn)的登錄界面該不該顯示密碼？
【淺談】網(wǎng)站APP登錄界面設(shè)計(jì)
