移動ui登錄界面設(shè)計的用戶體驗設(shè)計

移動ui登錄界面設(shè)計的用戶體驗設(shè)計

ID:18552157

大小:1.50 MB

頁數(shù):8頁

時間:2018-09-18

移動ui登錄界面設(shè)計的用戶體驗設(shè)計_第1頁
移動ui登錄界面設(shè)計的用戶體驗設(shè)計_第2頁
移動ui登錄界面設(shè)計的用戶體驗設(shè)計_第3頁
移動ui登錄界面設(shè)計的用戶體驗設(shè)計_第4頁
移動ui登錄界面設(shè)計的用戶體驗設(shè)計_第5頁
資源描述:

《移動ui登錄界面設(shè)計的用戶體驗設(shè)計》由會員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、一網(wǎng)學(xué)-有課堂的遠(yuǎn)程培訓(xùn):www.ywxue.com____________________________________________________________________________________________移動UI登錄界面設(shè)計的用戶體驗設(shè)計登錄界面是我們設(shè)計師在做產(chǎn)品過程中經(jīng)常遇到的一個頁面,如何能將登錄界面做的美,精簡,而且符合用戶體驗?zāi)??這是我們需要探討的一個問題。第一:嘗試做減法下圖是一個異于常規(guī)設(shè)計思路而得的登錄框產(chǎn)物,第一:配色醒目突出,突出用戶輸入框;第二:只需要輸入用戶名,并且點(diǎn)擊回車鍵而進(jìn)

2、行登錄,去掉了之前登錄界面的條條框框,對于一些無需輸入登錄密碼的登錄場景可以采取此設(shè)計方式。第二:奪人眼球的界面設(shè)計1、模糊背景的應(yīng)用:最近,模糊背景的運(yùn)用如雨后春筍般冒了出來,因為模糊背景的運(yùn)用不僅讓整個網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。以下介紹的案例是個迷人的登陸界面,在模糊的背景上面用極簡的圖標(biāo)與細(xì)線來設(shè)計,背景圖的色調(diào)與按鈕的顏色很有心的挑選了同一色系,讓界面融洽地結(jié)合成一個整體。。一網(wǎng)學(xué)-有課堂的遠(yuǎn)程培訓(xùn):www.ywxue.com_________________________________

3、___________________________________________________________2、扁平化的純色背景:扁平化的純色背景設(shè)計看似很簡單,如果用一種顏色未免會顯得有些單調(diào),因此結(jié)合不同的顏色,又能做到界面的協(xié)調(diào)和美感也不是一件簡單的事情,下圖就做到了這一點(diǎn),,讓登錄界面變得活潑起來。3、暗色調(diào)背景的應(yīng)用:用一張適合一網(wǎng)學(xué)-有課堂的遠(yuǎn)程培訓(xùn):www.ywxue.com_____________________________________________________________________

4、_______________________該產(chǎn)品的圖片作為大背景,再將背景暗下來,整個登錄框?qū)⒊蔀檎麄€頁面的視覺中心,用戶的注意力都會集中在登錄框,簡單中不乏一種大氣,是一種優(yōu)質(zhì)的感官體驗。第三:清晰的視覺縱線人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右。而設(shè)計表單界面很注重對用戶的引導(dǎo)作用,當(dāng)一個界面沒有過多的強(qiáng)調(diào)元素,那么表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預(yù)期。那么,用戶就不用過多思考和尋找,能簡單高效的執(zhí)行完表單項的填寫和提交。一網(wǎng)學(xué)-有課堂的遠(yuǎn)程培訓(xùn):www.ywxue.com________

5、____________________________________________________________________________________第四:注意用戶的體驗設(shè)計登錄和注冊表單的使用率非常高,一個表單的設(shè)計其實也不是簡單的事情,用戶體驗是必須要考慮的事情。有的喜歡把注冊和登陸都放在一個頁面,有的喜歡用AJAX無刷新效果來展示,反正很多花樣了,總之,一切以最佳用戶體驗為出發(fā)。設(shè)計永無止境!哪怕是一個注冊表單,也值得再細(xì)心研究。如果不重視用戶體驗,就會致使網(wǎng)站流失大量用戶。1、減少用戶的輸入:一般說來,注冊表

6、中每增加一個字段,注冊率就會相應(yīng)的下降。一網(wǎng)學(xué)-有課堂的遠(yuǎn)程培訓(xùn):www.ywxue.com____________________________________________________________________________________________用戶在注冊時被要求填寫郵箱地址兩次或重復(fù)輸入密碼是非常麻煩的,特別是在手機(jī)上。其實用戶一般都會使用自己的常用郵箱和密碼注冊,所以不那么容易忘記。采用輸入一次密碼完成注冊更符合人們的期望,但是為了防止密碼輸入和用戶的預(yù)期密碼不同,可以采用允許用戶查看明文密碼的方式。

7、假設(shè)哪天用戶忘記密碼了可以通過郵箱找回,再多此一舉填寫兩次反而更加容易導(dǎo)致用戶流失。2、信息化注冊頁面:一網(wǎng)學(xué)-有課堂的遠(yuǎn)程培訓(xùn):www.ywxue.com____________________________________________________________________________________________為終端用戶提供有效的信息提示是用戶體驗設(shè)計中的最好方式,尤其是在用戶注冊填寫信息具有多個輸入域,而在需要填寫的字段互相可能產(chǎn)生歧義的時候,這些消息提示可以減少用戶的思考和猜測時間。提示信息的展現(xiàn)形式有

8、多種,可以在頁面的頂部閃爍小便簽,或是讓隱藏起來的消息跳出氣泡框。  設(shè)計表現(xiàn)賦予注冊表單以特質(zhì),而界面設(shè)計正是用戶所感受到的體驗。更多的提示可以防止用戶因為輸入錯誤而需要進(jìn)行再次輸入。3、錯誤密碼輸入記憶當(dāng)用戶第一次輸

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文

此文檔下載收益歸作者所有

當(dāng)前文檔最多預(yù)覽五頁,下載文檔查看全文
溫馨提示:
1. 部分包含數(shù)學(xué)公式或PPT動畫的文件,查看預(yù)覽時可能會顯示錯亂或異常,文件下載后無此問題,請放心下載。
2. 本文檔由用戶上傳,版權(quán)歸屬用戶,天天文庫負(fù)責(zé)整理代發(fā)布。如果您對本文檔版權(quán)有爭議請及時聯(lián)系客服。
3. 下載前請仔細(xì)閱讀文檔內(nèi)容,確認(rèn)文檔內(nèi)容符合您的需求后進(jìn)行下載,若出現(xiàn)內(nèi)容與標(biāo)題不符可向本站投訴處理。
4. 下載文檔時可能由于網(wǎng)絡(luò)波動等原因無法下載或下載錯誤,付費(fèi)完成后未能成功下載的用戶請聯(lián)系客服處理。