網頁設計交互需要遵守的規則（一）
2020-08-10
生活中，有某些規則是你不能違背的。同樣，在網站頁面設計中，也存在一些規則，它們被稱為原則。今天北京分形科技小編就跟大家一起來看看網頁設計需要遵守哪些規則。
1、 系統狀態的可見性
系統應始終在合理的時間內通過適當的反饋使用戶了解發生的情況。
始終為您的用戶提供適當的信息，提示和上下文，以便他們始終知道他們在系統中的位置。這使用戶可以掌控一切，并知道下一步該怎么做。始終為用戶回答此類問題，切勿讓他們猜測或在黑暗中。
2、系統與現實世界之間的匹配
系統應該使用用戶熟悉的單詞，短語和概念來講用戶的語言，而不是面向系統的術語。遵循現實世界的慣例，使信息以自然和邏輯的順序出現。
使用熟悉的單詞和語言。不要使用戶的用語過于復雜。屏幕上的單詞或圖標的含義應清晰易懂，便于目標受眾理解。人們還帶有心理模型和經驗，使他們能夠解釋模式。
3、 一致性和標準
用戶不必懷疑不同的詞語，情況或動作是否意味著同一件事。
有兩種類型的一致性：內部和外部。內部一致性是指網站或應用內的模式。這可以很簡單，例如在所有頁面上使鏈接保持相同的顏色，或對同一概念使用相同的圖標表示相同的概念，例如HOME。
外部一致性是指大多數人使用的其他軟件和系統中使用的約定，例如購物車。大多數人都熟悉購物車的工作方式。你無需重新發明輪子。如果這樣做，可能會使用戶更難了解購物車的工作方式。保持一致并避免用戶不必要的混亂。
4、 用戶控制與自由
用戶通常會錯誤地選擇系統功能，并且需要明確標記的“緊急出口”以離開不需要的狀態，而無需進行長時間的對話才能支持撤消和重做。
始終提供出路，切勿強迫用戶執行不需要的功能或使他們陷入困境。例如，如果你正在設計結帳流程，請讓用戶根據需要繼續購物。如果他們嘗試在應用上執行操作，請讓不確定的用戶取消操作，直到最后一分鐘。
5、錯誤預防
消除容易出錯的條件，或者檢查條件，并在用戶執行操作之前向其提供確認選項。
當系統操作很關鍵時，例如刪除文件或向1,000個收件人發送電子郵件活動，請確保用戶知道他們將做一些重要的事情。向他們顯示確認對話或提供其他信息，以明確定義在執行該操作之前將要發生的情況。如果不確定自己的行動，這將阻止他們走得更遠。
這些網站設計交互規則，有助于增加用戶體驗，提升品牌形象，明天北京分形科技將繼續為您分享網頁設計交互需要遵守的規則（二）。
1、 系統狀態的可見性
系統應始終在合理的時間內通過適當的反饋使用戶了解發生的情況。
始終為您的用戶提供適當的信息，提示和上下文，以便他們始終知道他們在系統中的位置。這使用戶可以掌控一切，并知道下一步該怎么做。始終為用戶回答此類問題，切勿讓他們猜測或在黑暗中。
2、系統與現實世界之間的匹配
系統應該使用用戶熟悉的單詞，短語和概念來講用戶的語言，而不是面向系統的術語。遵循現實世界的慣例，使信息以自然和邏輯的順序出現。
使用熟悉的單詞和語言。不要使用戶的用語過于復雜。屏幕上的單詞或圖標的含義應清晰易懂，便于目標受眾理解。人們還帶有心理模型和經驗，使他們能夠解釋模式。
3、 一致性和標準
用戶不必懷疑不同的詞語，情況或動作是否意味著同一件事。
有兩種類型的一致性：內部和外部。內部一致性是指網站或應用內的模式。這可以很簡單，例如在所有頁面上使鏈接保持相同的顏色，或對同一概念使用相同的圖標表示相同的概念，例如HOME。
外部一致性是指大多數人使用的其他軟件和系統中使用的約定，例如購物車。大多數人都熟悉購物車的工作方式。你無需重新發明輪子。如果這樣做，可能會使用戶更難了解購物車的工作方式。保持一致并避免用戶不必要的混亂。
4、 用戶控制與自由
用戶通常會錯誤地選擇系統功能，并且需要明確標記的“緊急出口”以離開不需要的狀態，而無需進行長時間的對話才能支持撤消和重做。
始終提供出路，切勿強迫用戶執行不需要的功能或使他們陷入困境。例如，如果你正在設計結帳流程，請讓用戶根據需要繼續購物。如果他們嘗試在應用上執行操作，請讓不確定的用戶取消操作，直到最后一分鐘。
5、錯誤預防
消除容易出錯的條件，或者檢查條件，并在用戶執行操作之前向其提供確認選項。
當系統操作很關鍵時，例如刪除文件或向1,000個收件人發送電子郵件活動，請確保用戶知道他們將做一些重要的事情。向他們顯示確認對話或提供其他信息，以明確定義在執行該操作之前將要發生的情況。如果不確定自己的行動，這將阻止他們走得更遠。
這些網站設計交互規則，有助于增加用戶體驗，提升品牌形象，明天北京分形科技將繼續為您分享網頁設計交互需要遵守的規則（二）。