無(wú)論網(wǎng)頁(yè)或是移動(dòng)APP的設計，很重要的一點(diǎn)是如何能在小而美和功能復雜性之間找到平衡點(diǎn)。本文就移動(dòng)APP表單設計進(jìn)行淺析，看設計師是如何在設計與交互體驗之間做到小而美的平衡。
一.極致的減法
這是一個(gè)異于常規設計思路而得的登錄框產(chǎn)物，這不是通常意義上的登錄窗。它僅僅保留了用戶(hù)名的輸入，只需按回車(chē)便可確定，跳出了登錄界面設計中的條條框框，配色方面也足夠醒目與簡(jiǎn)單。
 
二.引人注目的用戶(hù)界面
1.模糊背景
近，模糊背景的運用如雨后春筍般冒了出來(lái)，因為模糊背景的運用不僅讓整個(gè)網(wǎng)站顯得更加人性化，并且在很大程度上烘托出網(wǎng)站所要表現的氛圍。以下介紹的案例是個(gè)迷人的登陸界面，在模糊的背景上面用極簡(jiǎn)的圖標與細線(xiàn)來(lái)設計，背景圖的色調與按鈕的顏色很有心的挑選了同一色系，讓界面融洽地結合成一個(gè)整體。
 
2.暗色調背景
當我們一眼看到下面的案例時(shí)，明亮的輸入框吸引了所有的注意力。暗調處理過(guò)的背景圖使登錄的表單成了頁(yè)面的視覺(jué)中心，沒(méi)有任何東西可以分散用戶(hù)的注意力。這不僅是優(yōu)質(zhì)的感官體驗，更是舒適的用戶(hù)體驗。
 
3.扁平化的純色背景
我著(zhù)迷于以下案例中的扁平化設計。基本的樣式本該顯得單調無(wú)聊，但是如果在色彩上精心搭配，扁平化的登錄界面將變得活潑俏皮起來(lái)。
 
三.清晰的視覺(jué)縱線(xiàn)
人的視覺(jué)瀏覽一般呈“L”型視線(xiàn)，意指從上到下，從左至右。而設計表單界面很注重對用戶(hù)的引導作用，當一個(gè)界面沒(méi)有過(guò)多的強調元素，那么表單的視覺(jué)瀏覽順序符合“L”型規律就基本符合用戶(hù)的心理預期。那么，用戶(hù)就不用過(guò)多思考和尋找，能簡(jiǎn)單高效的執行完表單項的填寫(xiě)和提交。
 
四.注重用戶(hù)體驗設計

登陸和注冊表單的使用率非常高，一個(gè)表單的設計其實(shí)也不是簡(jiǎn)單的事情，用戶(hù)體驗是必須要考慮的事情。有的喜歡把注冊和登陸都放在一個(gè)頁(yè)面，有的喜歡用AJAX無(wú)刷新效果來(lái)展示，反正很多花樣了，總之，一切以理想用戶(hù)體驗為出發(fā)。設計永無(wú)止境！哪怕是一個(gè)注冊表單，也值得再細心研究。如果不重視用戶(hù)體驗，就會(huì )致使網(wǎng)站流失大量用戶(hù)。
1.減少用戶(hù)輸入
一般說(shuō)來(lái)，注冊表中每增加一個(gè)字段，注冊率就會(huì )相應的下降。
用戶(hù)在注冊時(shí)被要求填寫(xiě)郵箱地址兩次或重復輸入密碼是非常麻煩的，特別是在手機上。其實(shí)用戶(hù)一般都會(huì )使用自己的常用郵箱和密碼注冊，所以不那么容易忘記。采用輸入一次密碼完成注冊更符合人們的期望，但是為了防止密碼輸入和用戶(hù)的預期密碼不同，可以采用允許用戶(hù)查看明文密碼的方式。假設哪天用戶(hù)忘記密碼了可以通過(guò)郵箱找回，再多此一舉填寫(xiě)兩次反而更加容易導致用戶(hù)流失

2.信息化注冊提示
為終端用戶(hù)提供有效的信息提示是用戶(hù)體驗設計中的知名方式，尤其是在用戶(hù)注冊填寫(xiě)信息具有多個(gè)輸入域，而在需要填寫(xiě)的字段互相可能產(chǎn)生歧義的時(shí)候，這些消息提示可以減少用戶(hù)的思考和猜測時(shí)間。提示信息的展現形式有多種，可以在頁(yè)面的頂部閃爍小便簽，或是讓隱藏起來(lái)的消息跳出氣泡框。
設計表現賦予注冊表單以特質(zhì)，而界面設計正是用戶(hù)所感受到的體驗。更多的提示可以防止用戶(hù)因為輸入錯誤而需要進(jìn)行再次輸入。
 
3.減少用戶(hù)的強制性操作
用戶(hù)在登錄或注冊時(shí)是否驗證？我覺(jué)得如果安全性沒(méi)有大問(wèn)題的話(huà)盡量不采取。可以在用戶(hù)輸入錯誤一定次數時(shí)才會(huì )出現驗證碼。 （不是一開(kāi)始就有驗證碼，也不是用戶(hù)輸入錯誤多了就禁止登錄）。但好像你的技術(shù)搭檔絕大部分時(shí)候都會(huì )告訴你“安全性”有大問(wèn)題，所以很多時(shí)候我們不能“為了細節的良好體驗而縱容了系統的安全受挫”...

4.錯誤密碼輸入記憶
當用戶(hù)次輸入一個(gè)錯誤的密碼時(shí)，系統在判斷錯誤后同時(shí)把用戶(hù)輸入的錯誤密碼保存記憶，當用戶(hù)再次輸入這個(gè)錯誤密碼時(shí)，系統會(huì )自動(dòng)在客戶(hù)端提示“密碼錯誤”。這樣做減少了用戶(hù)的一次誤操作同時(shí)也減少了一次提交給服務(wù)器端的任務(wù)。因為：密碼的輸入顯示是*并非能直接看到你確切的輸入結果，有很多時(shí)候的確是用戶(hù)記錯或輸錯了。

AnyForWeb在為客戶(hù)建立更具吸引力的Web表單時(shí)，我們總是在不斷的問(wèn)自己：我有填寫(xiě)表單的耐心嗎？有什么可以讓表單對用戶(hù)來(lái)說(shuō)更輕松呢？這些問(wèn)題并不會(huì )總能找到的答案，但如果不斷的思考這些問(wèn)題，站在用戶(hù)的角度上體驗我們的設計，那么我們相信至少方向是對的。總之，登錄注冊就是“一扇門(mén)”，一扇讓產(chǎn)品和用戶(hù)真正互通的門(mén)，讓產(chǎn)品可以給用戶(hù)體現出更多價(jià)值的門(mén)。
所以這個(gè)門(mén)一定要： 夠寬、門(mén)檻夠低、一直開(kāi)著(zhù)、記憶每次進(jìn)出...

http://ezekroy.com/jianzhanzhishi/8063.html 如何設計網(wǎng)站登錄頁(yè)面-經(jīng)典案列