無(wú)論網(wǎng)頁(yè)或是移動(dòng)App的設(shè)計(jì)。很重要的一點(diǎn)是如何能在小而美和功能復(fù)雜性之間找到平衡點(diǎn)。本文就移動(dòng)App表單設(shè)計(jì)進(jìn)行淺析?？丛O(shè)計(jì)師是如何在設(shè)計(jì)與交互體驗(yàn)之間做到小而美的平衡。一.極致的減法這是一個(gè)異于常規(guī)設(shè)計(jì)思路而得的登錄框產(chǎn)物。這不是通常意義上的登錄窗。它僅僅保留了用戶名的輸入。只需按回車(chē)便可確定。跳出了登錄界面設(shè)計(jì)中的條條框框。配色方面也足夠醒目與簡(jiǎn)單。二.引人注目的用戶界面1.模糊背景近。模糊背景的運(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è)整體。2.暗色調(diào)背景當(dāng)我們一眼看到下面的案例時(shí)。明亮的輸入框吸引了所有的注意力。暗調(diào)處理過(guò)的背景圖使登錄的表單成了頁(yè)面的視覺(jué)中心。沒(méi)有任何東西可以分散用戶的注意力。這不僅是優(yōu)質(zhì)的感官體驗(yàn)。更是舒適的用戶體驗(yàn)。3.扁平化的純色背景我著迷于以下案例中的扁平化設(shè)計(jì)?；镜臉邮奖驹擄@得單調(diào)無(wú)聊。但是如果在色彩上精心搭配。扁平化的登錄界面將變得活潑俏皮起來(lái)。三.清晰的視覺(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ě)和提交。四.注重用戶體驗(yàn)設(shè)計(jì)登陸和注冊(cè)表單的使用率非常高。一個(gè)表單的設(shè)計(jì)其實(shí)也不是簡(jiǎn)單的事情。用戶體驗(yàn)是必須要考慮的事情。有的喜歡把注冊(cè)和登陸都放在一個(gè)頁(yè)面。有的喜歡用AJAX無(wú)刷新效果來(lái)展示。反正很多花樣了?？傊Ｒ磺幸岳硐胗脩趔w驗(yàn)為出發(fā)。設(shè)計(jì)永無(wú)止境！哪怕是一個(gè)注冊(cè)表單。也值得再細(xì)心研究。如果不重視用戶體驗(yàn)。就會(huì)致使網(wǎng)站流失大量用戶。1.減少用戶輸入一般說(shuō)來(lái)。注冊(cè)表中每增加一個(gè)字段。注冊(cè)率就會(huì)相應(yīng)的下降。用戶在注冊(cè)時(shí)被要求填寫(xiě)郵箱地址兩次或重復(fù)輸入密碼是非常麻煩的。特別是在手機(jī)上。其實(shí)用戶一般都會(huì)使用自己的常用郵箱和密碼注冊(cè)。所以不那么容易忘記。采用輸入一次密碼完成注冊(cè)更符合人們的期望。但是為了防止密碼輸入和用戶的預(yù)期密碼不同。可以采用允許用戶查看明文密碼的方式。假設(shè)哪天用戶忘記密碼了可以通過(guò)郵箱找回。再多此一舉填寫(xiě)兩次反而更加容易導(dǎo)致用戶流失2.信息化注冊(cè)提示為終端用戶提供有效的信息提示是用戶體驗(yàn)設(shè)計(jì)中的知名方式。尤其是在用戶注冊(cè)填寫(xiě)信息具有多個(gè)輸入域。而在需要填寫(xiě)的字段互相可能產(chǎn)生歧義的時(shí)候。這些消息提示可以減少用戶的思考和猜測(cè)時(shí)間。提示信息的展現(xiàn)形式有多種?？梢栽陧?yè)面的頂部閃爍小便簽?；蚴亲岆[藏起來(lái)的消息跳出氣泡框。設(shè)計(jì)表現(xiàn)賦予注冊(cè)表單以特質(zhì)。而界面設(shè)計(jì)正是用戶所感受到的體驗(yàn)。更多的提示可以防止用戶因?yàn)檩斎脲e(cuò)誤而需要進(jìn)行再次輸入。3.減少用戶的強(qiáng)制性操作用戶在登錄或注冊(cè)時(shí)是否驗(yàn)證？我覺(jué)得如果安全性沒(méi)有大問(wèn)題的話盡量不采取。可以在用戶輸入錯(cuò)誤一定次數(shù)時(shí)才會(huì)出現(xiàn)驗(yàn)證碼。 （不是一開(kāi)始就有驗(yàn)證碼。也不是用戶輸入錯(cuò)誤多了就禁止登錄）。但好像你的技術(shù)搭檔絕大部分時(shí)候都會(huì)告訴你“安全性”有大問(wèn)題。所以很多時(shí)候我們不能“為了細(xì)節(jié)的良好體驗(yàn)而縱容了系統(tǒng)的安全受挫”...4.錯(cuò)誤密碼輸入記憶當(dāng)用戶次輸入一個(gè)錯(cuò)誤的密碼時(shí)。系統(tǒng)在判斷錯(cuò)誤后同時(shí)把用戶輸入的錯(cuò)誤密碼保存記憶。當(dāng)用戶再次輸入這個(gè)錯(cuò)誤密碼時(shí)。系統(tǒng)會(huì)自動(dòng)在客戶端提示“密碼錯(cuò)誤”。這樣做減少了用戶的一次誤操作同時(shí)也減少了一次提交給服務(wù)器端的任務(wù)。因?yàn)椋好艽a的輸入顯示是*并非能直接看到你確切的輸入結(jié)果。有很多時(shí)候的確是用戶記錯(cuò)或輸錯(cuò)了。AnyForWeb在為客戶建立更具吸引力的Web表單時(shí)。我們總是在不斷的問(wèn)自己：我有填寫(xiě)表單的耐心嗎？有什么可以讓表單對(duì)用戶來(lái)說(shuō)更輕松呢？這些問(wèn)題并不會(huì)總能找到的答案。但如果不斷的思考這些問(wèn)題。站在用戶的角度上體驗(yàn)我們的設(shè)計(jì)。那么我們相信至少方向是對(duì)的。總之。登錄注冊(cè)就是“一扇門(mén)”。一扇讓產(chǎn)品和用戶真正互通的門(mén)。讓產(chǎn)品可以給用戶體現(xiàn)出更多價(jià)值的門(mén)。所以這個(gè)門(mén)一定要： 夠?qū)挕㈤T(mén)檻夠低、一直開(kāi)著、記憶每次進(jìn)出...

本文題目：如何設(shè)計(jì)網(wǎng)站登錄頁(yè)面--網(wǎng)站建設(shè)分享經(jīng)典案列
標(biāo)題鏈接：http://jinyejixie.com/news13/296613.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供移動(dòng)網(wǎng)站建設(shè)、全網(wǎng)營(yíng)銷(xiāo)推廣、自適應(yīng)網(wǎng)站、網(wǎng)站導(dǎo)航、網(wǎng)站營(yíng)銷(xiāo)、網(wǎng)站設(shè)計(jì)公司

廣告

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