中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導語：UI界面設計，是對軟件的人機交互、操作邏輯、界面美觀的整體設計。那么，B端產品UI界面進行交互設計的通用規范是什么呢？本文作者為我們做出了解答。

一、概述

1. 前言

最近負責參與編寫了公司的《B端UI界面交互設計規范》，主要對用戶與產品交互的各個方面做了相關的描述，為B端產品的用戶界面提供了規范與指導。

2. 目標

《B端UI界面交互設計規范》為通用性質，用于指導與約束B端UI開發。

• 在UI界面開發過程中，給各產品相關開發人員提供統一的規范與指導，提升了溝通效率，保證了產品界面的最終規范化的實現效果。
• 通過規范保證了較好的體驗方式并可在公司內部進行復用：提升了開發效率，降低了UI開發成本，提高了產品UI品質。
• 保持了B端各模塊UI界面外觀與操作行為的一致性，加強了產品品牌化特征。

3. 適用范圍

本規范適用于B端所有產品，用于約束產品UI界面信息、操作交互、通用組件等相關內容，適用于產品經理、產品交互人員、產品UI設計人員、產品開發、測試人員。

4. 基本原則

本規范相關行為交互約束基于UCD相關方法論，參考尼爾森（Jakbob Nielsen）提出的十大可用性原則進行設計：

1）狀態可見性原則

用戶在頁面上的任何操作，無論是單擊、滾動還是按下鍵盤，頁面應及時給出反饋。其中”及時“是指，頁面響應事件小于用戶能夠忍受的等待時間。

2）環境貼切原則

頁面一切表現和描述，應該盡可能貼近用戶所在的環境（年齡、學歷、文化、時代背景），而不要使用世界第二的語言。

3）撤銷重做的原則

為了避免用戶的誤用和誤擊，網頁應提供撤銷與重做的功能。

4）一致性原則

使用同一用語、功能、操作保持一致，同樣的語言、同樣的情景、操作應該出現同樣的結果。

5）防錯原則

通過頁面的設計、重組或特別安排、防止用戶出錯，比出現錯誤信息提示更好的是更用心的設計防止這類問題發生。

6）易取原則

盡量減少用戶對操作目標的記憶負荷，動作和選項都應該是可見的，把需要記憶的內容擺上臺面。

7）靈活高效原則

中級用戶的數量遠高于初級和高級用戶，不要低估和輕視為大多數用戶的設計，保持靈活高效。

8）易掃原則

用戶瀏覽網頁一般是掃視閱讀，這意味重點信息的突出、弱化無關項以及剔除無關信息就顯得尤為重要了。

9）容錯原則

錯誤信息應該用語言表達（不用代碼），較準確地反映問題所在，并且提出一個建設性的解決方案。

10）人性化幫助原則

如果系統不使用文檔是最好的，但是有必要提供的幫助和文檔。任何信息應日你故意去搜索，專注于用戶的任務，列出具體的步驟來進行。

幫助性提示最好的方式是：無需提示、一次性提示、常駐提示、幫助文檔。

二、UI交互通用規范

以下為B端產品交互設計通則，是所有的交互模式必須遵守的普遍規范，用以統一產品的交互行為，包括可用、不可用、請求異常、加載異常等。

1. 受范性指示

受范性，是指鼠標指針移過可點擊區域時的視覺變化。用以說明該對象是可操作的，以及何時可以進行操作。

• 可點擊與不可點擊情況下，鼠標樣式應當有所變化；

• 對象對數表指針的移動的響應必須及時有效；
• 響應形式必須明確清晰（如：鼠標滑過按鈕，提示按鈕被按下效果）；
• 受范性表現要保持一致：同等功能和操作的元素受范性必須相同（如：鼠標指向鏈接文字時都做同樣的變化）；
• 在鼠標指針移開時對象必須及時恢復原來狀態；
• 命令按鈕也經常被實現為鏈接樣式（文本+下劃線），此時為了與普通的鏈接相區分，必須提供非常明顯的不同于鏈接的受范性制指示。

2. 關鍵操作指引

當界面中出現多個操作項，從產品設計角度，用戶重點關注或推薦用戶操作的關鍵項需通過色彩、操作引導等方式幫助用戶關注。

在一個操作區域內，關鍵操作項只能為一個，如圖所示：

對于可能會影響用戶操作，且易被用戶忽略的操作項，需做好操作指引，如下圖所示：

3. 操作不可用狀態

當用戶在某些場景不能進行操作時，該命令按鈕（或其他的形式）在外觀上應顯示為不可用狀態（如置灰），來使界面穩定，使用戶保持恒定和完整的思維模式，減少用戶的認知負擔。

顯示為不可用狀態的按鈕或文本必須保持與可用狀態的位置、大小、形態保持一致，僅顏色、灰度和立體效果等發生變化，如下圖所示：

鼠標移入到不可用區域時簡要提示不可用原因，如圖所示：

操作不可用的情況主要包括：

• 目錄導航不可用
• 操作不可用
• 工具按鈕不可用

基礎規則：

• 因授權導致的操作不可用，該操作項不可見；
• 因操作行為受用戶前置操作條件影響不可用，標注為不可用狀態；
• 因服務安裝失敗、或服務異常導致不可用，該操作相比不可見；
• 不可用狀態需提示操作不可用原因，在有多種條件時，優先顯示第一種不可用原因。

4. 操作行為及時反饋

當用戶在界面中進行相關操作時，需及時反饋用戶當前行為產生的結果。

操作反饋情況主要包括：

• 如輸入時，輸入數據合法性檢查，不合法的數據輸入及時提醒。如下圖所示：

• 避免用戶進行不在合理范圍內的頻繁操作，及時進行界面元素效果響應，避免用戶頻繁操作下發指令出現不必要的錯誤。如下圖所示：

• 需要用戶進行等待時，提供用戶當前行為狀態反饋，無法給出準確、有效的狀態時，建議給出一個范圍值或者操作邊界。如下圖所示：

• 對行為結果，及時告知用戶操作結果，反饋應當盡量避免描述含糊不清。如下圖所示：

下一篇講解B端“文本”UI交互設計規范。

作者：云計算產品，公眾號：云桌面產品，歡迎關注

本文由 @云計算產品 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自 Pexels，基于 CC0 協議