1、頁面元素焦點切換

在WEB頁面中，為了提高與用戶的交互，當各種頁面元素需要獲得或失去焦點時，以下幾種場景的網站設計頁面交互的方法是：2、 信息填寫

驗證輸入信息：

如果需要驗證填寫的內容，需要在輸入框失去焦點時判斷數(shù)據的合法性，并在輸入框后給出提示。如圖所示：

提示輸入信息：

在填寫一組需要驗證的數(shù)據時，如果有必填項，需要在輸入框后面給出一個標志，并說明填寫規(guī)則。如圖：3、鼠標交互響應

處理鼠標在頁面上產生的事件。當頁面元素獲得焦點、被點擊或失去焦點時，需要響應控件本身的顏色、大小或形狀的變化，也可以添加聲音響應。

以下是各種情況下的鼠標交互示例：

例如：

按鈕：按鈕顏色變化，或形狀，或字體變化，如圖：

鏈接：字體變粗，或者字體顏色改變，或者背景顏色改變，如圖：

4、操作結果確認

在提交數(shù)據，或者關閉包含數(shù)據的頁面，或者其他需要用戶確認和交互的場景下，軟件需要能夠以彈窗的形式提供一個要求用戶確認執(zhí)行結果的對話框-up 頁面，包括以下幾種情況：

提示確認輸入信息是否正確：彈出對話框，列出填寫的內容，要求用戶確認內容的正確性，并給出“確定”和“取消”的選擇按鈕；

提示確認數(shù)據變更是否保存：彈出對話框，提示當前頁面內容發(fā)生變更，要求用戶確認是否保存變更信息，并給出“是”和“”的選擇按鈕不”;

提示確認是否跳轉當前頁面：彈出對話框，提示用戶跳轉到另一個頁面，要求用戶確認是否離開當前頁面，并給出“是”和“否”的選擇按鈕；

確認刪除數(shù)據內容：彈出對話框，提示用戶刪除當前選中的內容，要求用戶確認是否繼續(xù)刪除操作，并給出“確定”和“取消”選擇按鈕；5、其他規(guī)則

對于信息交換的過程，需要遵循的其他規(guī)則是：

重要的命令按鈕和經常使用的按鈕應該放在界面上相對固定的位置；

容易造成操作錯誤或導致程序退出或關閉的按鈕，應不顯眼，放置在不易點擊的地方；

與正在進行的操作無關的按鈕應該被屏蔽，例如：按鈕的背景顯示為灰色；

對可能導致數(shù)據不可恢復的操作必須提供確認信息，給用戶放棄選擇的機會；

非法輸入或操作應有充分的提示；

對于操作過程中出現(xiàn)問題而出現(xiàn)錯誤的地方應該有提示，讓用戶了解錯誤的來源，避免無休止的等待；6、頁面信息提示

在網頁提供的功能中，很多時候，系統(tǒng)需要向頁面發(fā)送一些必要的提示信息，以顯示給用戶。這些信息的分類如下：

警告信息

禁止信息

操作執(zhí)行成功消息

操作執(zhí)行失敗信息

錯誤信息

幫助信息

提示信息

此信息顯示在當前頁面或彈出頁面上。如果是彈出對話框的形式，對話框的頁面結構如下：

標題區(qū)：簡要給出提示信息的性質，例如：警告：非法操作！

圖標區(qū)：給出符合提示信息性質的圖標；

提示信息區(qū)：給出本次提示信息的具體內容；

按鈕區(qū)：給出按鈕供用戶選擇；

對話框的背景顏色要求與系統(tǒng)整體風格選擇的顏色一致，右上角的操作區(qū)只保留一個可操作的功能關閉，最小化和最大化功能會不被顯示。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復、物聯(lián)網開發(fā)、各類API接口對接開發(fā)等。十余年開發(fā)經驗，每一個項目承諾做到滿意為止，多一次對比，一定讓您多一份收獲！