




版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
淺析網(wǎng)站登錄界面設計無論網(wǎng)頁或是移動APP的設計,很重要的一點是如何能在小而美和功能復雜性之間找到平衡點。本文就移動APP表單設計進行淺析,看設計師是如何在設計與交互體驗之間做到小而美的平衡。一.極致的減法這是一個異于常規(guī)設計思路而得的登錄框產(chǎn)物,這不是通常意義上的登錄窗。它僅僅保留了用戶名的輸入,只需按回車便可確定,跳出了登錄界面設計中的條條框框,配色方面也足夠醒目與簡單。二.引人注目的用戶界面1.模糊背景最近,模糊背景的運用如雨后春筍般冒了出來,因為模糊背景的運用不僅讓整個網(wǎng)站顯得更加人性化,并且在很大程度上烘托出網(wǎng)站所要表現(xiàn)的氛圍。以下介紹的案例是個迷人的登陸界面,在模糊的背景上面用極簡的圖標與細線來設計,背景圖的色調(diào)與按鈕的顏色很有心的挑選了同一色系,讓界面融洽地結合成一個整體。2.暗色調(diào)背景當我們一眼看到下面的案例時,明亮的輸入框吸引了所有的注意力。暗調(diào)處理過的背景圖使登錄的表單成了頁面的視覺中心,沒有任何東西可以分散用戶的注意力。這不僅是優(yōu)質的感官體驗,更是舒適的用戶體驗。3.扁平化的純色背景我著迷于以下案例中的扁平化設計。基本的樣式本該顯得單調(diào)無聊,但是如果在色彩上精心搭配,扁平化的登錄界面將變得活潑俏皮起來。三.清晰的視覺縱線人的視覺瀏覽一般呈“L”型視線,意指從上到下,從左至右。而設計表單界面很注重對用戶的引導作用,當一個界面沒有過多的強調(diào)元素,那么表單的視覺瀏覽順序符合“L”型規(guī)律就基本符合用戶的心理預期。那么,用戶就不用過多思考和尋找,能簡單高效的執(zhí)行完表單項的填寫和提交。四.注重用戶體驗設計登陸和注冊表單的使用率非常高,一個表單的設計其實也不是簡單的事情,用戶體驗是必須要考慮的事情。有的喜歡把注冊和登陸都放在一個頁面,有的喜歡用AJAX無刷新效果來展示,反正很多花樣了,總之,一切以最佳用戶體驗為出發(fā)。設計永無止境!哪怕是一個注冊表單,也值得再細心研究。如果不重視用戶體驗,就會致使網(wǎng)站流失大量用戶。1.減少用戶輸入一般說來,注冊表中每增加一個字段,注冊率就會相應的下降。用戶在注冊時被要求填寫郵箱地址兩次或重復輸入密碼是非常麻煩的,特別是在手機上。其實用戶一般都會使用自己的常用郵箱和密碼注冊,所以不那么容易忘記。采用輸入一次密碼完成注冊更符合人們的期望,但是為了防止密碼輸入和用戶的預期密碼不同,可以采用允許用戶查看明文密碼的方式。假設哪天用戶忘記密碼了可以通過郵箱找回,再多此一舉填寫兩次反而更加容易導致用戶流失。2.信息化注冊提示為終端用戶提供有效的信息提示是用戶體驗設計中的最好方式,尤其是在用戶注冊填寫信息具有多個輸入域,而在需要填寫的字段互相可能產(chǎn)生歧義的時候,這些消息提示可以減少用戶的思考和猜測時間。提示信息的展現(xiàn)形式有多種,可以在頁面的頂部閃爍小便簽,或是讓隱藏起來的消息跳出氣泡框。設計表現(xiàn)賦予注冊表單以特質,而界面設計正是用戶所感受到的體驗。更多的提示可以防止用戶因為輸入錯誤而需要進行再次輸入。3.減少用戶的強制性操作用戶在登錄或注冊時是否驗證?我覺得如果安全性沒有大問題的話盡量不采取。可以在用戶輸入錯誤一定次數(shù)時才會出現(xiàn)驗證碼。
(不是一開始就有驗證碼,也不是用戶輸入錯誤多了就禁止登錄)。但好像你的技術搭檔絕大部分時候都會告訴你“安全性”有大問題,所以很多時候我們不能“為了細節(jié)的良好體驗而縱容了系統(tǒng)的安全受挫”...4.錯誤密碼輸入記憶當用戶第一次輸入一個錯誤的密碼時,系統(tǒng)在判斷錯誤后同時把用戶輸入的錯誤密碼保存記憶,當用戶再次輸入這個錯誤密碼時,系統(tǒng)會自動在客戶端提示“密碼錯誤”。這樣做減少了用戶的一次誤操作同時也減少了一次提交給服務器端的任務。因為:密碼的輸入顯示是*并非能直接看到你確切的輸入結果,有很多時候的確是用戶記錯或輸錯了。在為客戶建立更具吸引力的Web表單時,我們總是在不斷的問自己:我有填寫表單的耐心嗎?有什么可以讓表單對用戶來說更輕松呢?這些問題并不會總能找到完美的答案,但如果不斷的思考這些問題,站在用戶的角度上體驗我們的設計,那么我們相信至
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 企業(yè)集資合同范本
- 合同范本甲方名字過長
- 農(nóng)村澆地用電合同范本
- 合伙辦鞋廠合同范本
- 合同范本橫豎
- 中介臨時勞動合同范例
- 協(xié)議購車合同范本
- 專業(yè)監(jiān)理安裝合同范本
- 吉利采購合同范本
- 廠房賃合同范本
- 港股基礎知識
- 2025年遼寧醫(yī)藥職業(yè)學院高職單招職業(yè)適應性測試近5年??及鎱⒖碱}庫含答案解析
- 2025年溫州市甌海旅游投資集團有限公司下屬子公司招聘筆試參考題庫附帶答案詳解
- 2025年天津三源電力集團有限公司招聘筆試參考題庫含答案解析
- 2025年上半年浙江嘉興桐鄉(xiāng)市水務集團限公司招聘10人易考易錯模擬試題(共500題)試卷后附參考答案
- 2025年腹腔穿刺術課件 (1)2
- (八省聯(lián)考)2025年高考綜合改革適應性演練 物理試卷合集(含答案逐題解析)
- 2024年干式電力電容器項目可行性研究報告
- 河南12系列建筑設計圖集一(12YJ1)
- 2025年度智能倉儲管理系統(tǒng)軟件開發(fā)合同6篇
- 2024版數(shù)據(jù)中心建設與運維服務合同協(xié)議書3篇
評論
0/150
提交評論