移動(dòng)ui登錄界面設(shè)計(jì)的用戶體驗(yàn)設(shè)計(jì)

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

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

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

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

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

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

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

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

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