網頁美工設計的用戶體驗
在網頁設計中,總是有傾向的特定技術來觀察,或跟蹤的網頁設計師加強的趨勢。這裏有專有和開源和免費的技術專用的支持者。然而,近些年來,又增加自由和開放源碼技術,包括由W3C和WHATWG進行監控和批准,監督和實施增加。以下就是小編爲您整理的網頁美工設計的用戶體驗。
1. 輸入控件的自動聚焦和可用鍵盤切換輸入焦點
使用JavaScript實現頁面加載完成後立即自動聚焦(focus)到第一個輸入控件。可用TAB鍵(IE缺省實現)或方向鍵切換聚焦到下一個輸入控件。
2. 可用Enter(或Ctrl+Enter)鍵提交,確保和點擊提交按鈕的效果是相同的
不要在提交按鈕上加入onClick=”…”這樣的JavaScript代碼。
3.鼠標動作提示和迴應
對用戶的鼠標定位操作,當移動到可響應的位置上時,應給予視覺或聽覺的提示。
4.儘可能早的在客戶端完成輸入數據合法性驗證
輸入數據的合法性檢驗應該在客戶端使用JavaScript進行驗證。除非驗證只能在服務器端完成,否則驗證工作應在最早能完成的情況下進行。
5.根據應用場景決定在表單頁面和提交後返回頁面間是否使用中間過渡頁面
根據應用場景,決定是否顯示接收表單頁面(表單頁面和提交後返回頁面間的中間過渡頁面),以及使用何種方式顯示接收表單頁面。
6.防止表單重複提交處理
對提交按鈕點擊後做變灰處理避免在網絡響應較慢情況下用戶重複提交同一個表單。使用頁面過期失效避免用戶後退瀏覽重複提交表單。
7.頁面鏈接是打開新窗口、使用原窗口還是彈出窗口的原則
一般而言,首頁上鍊接可以使用target=”_blank”屬性打開新窗口,而其他頁面上的鏈接都應使用原窗口或彈出窗口。如果鏈接頁面內容相對原頁面來說不重要,是附屬性質的.,可以使用彈出窗口方式。
8.儘可能少的排列可選項,儘可能少的安排操作步驟
根據用戶操作習慣安排儘可能少的操作菜單選項,同時要保證儘可能少的操作步驟。
9.操作邏輯無漏洞,保證數據是操作安全的
多個頁面間的操作和同個頁面上的多個操作間的邏輯關係在設計上是安全和嚴謹的。保證不會出現不被允許的用戶操作組合,至少不會因爲用戶的不適當的操作導致出錯。
-
【經典】設計作文7篇
在學習、工作乃至生活中,大家總少不了接觸作文吧,藉助作文人們可以實現文化交流的目的。還是對作文一籌莫展嗎?下面是小編收集整理的設計作文8篇,歡迎大家分享。設計作文篇1教學目標:1、採用扶放結合的方法,進一步培養學生學寫假設類想象作文的能力。2、引導學生展開...
-
實用的設計方案(優秀3篇)
爲了確保工作或事情能有條不紊地開展,常常需要提前準備一份具體、詳細、針對性強的方案,方案是有很強可操作性的書面計劃。優秀的方案都具備一些什麼特點呢?下面是小編收集整理的設計方案3篇,僅供參考,歡迎大家閱讀。設計方案篇1教學目標(一)知道函數圖象的意義;(二)能畫...
-
設計作文6篇[經典]
在學習、工作乃至生活中,大家一定都接觸過作文吧,作文可分爲國小作文、中學作文、大學作文(論文)。你知道作文怎樣寫才規範嗎?以下是小編精心整理的設計作文6篇,僅供參考,大家一起來看看吧。設計作文篇1一、談話導入,引出模式。1、小朋友們,這是什麼?(師在黑板畫一個圓)2、...
-
設計作文9篇【推薦】
在現實生活或工作學習中,大家都寫過作文,肯定對各類作文都很熟悉吧,作文一定要做到主題集中,圍繞同一主題作深入闡述,切忌東拉西扯,主題渙散甚至無主題。那要怎麼寫好作文呢?以下是小編整理的設計作文9篇,希望對大家有所幫助。設計作文篇1昔日裏,外婆的手大而粗糙,但卻如...