如何設(shè)計網(wǎng)站登錄頁面--網(wǎng)站建設(shè)分享經(jīng)典案列

2023-11-25    分類: 網(wǎng)站建設(shè)

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

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

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

廣告

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

成都app開發(fā)公司