carriefiona的部落格

1、概述

1前言

最近，我負責編寫公司的《b端UI界面交互設計規範》，主要描述用戶與產品互動的各個方面，為b端產品的使用者介面提供規範和指導。

2目標

“B-sideui介面互動設計規範”是一個通用内容，用於指導和約束B端UI的開發。

在介面開發過程中，為相關產品開發人員提供統一的規範和指導，提高溝通效率，保證產品介面最終標準化的實現效果。

該規範保證了更好的體驗模式，並且可以在公司內部重用：它提高了開發效率，降低了UI開發成本，提高了產品UI質量。

保持了B端各模塊UI介面外觀和操作行為的一致性，增强了產品品牌特色。

三。適用範圍

本規範適用於所有b端產品，用於限制產品介面資訊、操作互動、通用組件等相關內容，適用於產品經理、產品互動人員、產品UI設計人員、產品開發和測試人員。

4基本原則

本規範基於UCD方法和jakobnielsen提出的十個可用性原則

1）狀態可見性原則

用戶在頁面上的任何操作，無論是點擊、滾動還是按鍵盤，頁面都應及時給予迴響。”“及時”意味著頁面響應事件小於用戶可以忍受的等待時間。

2）環境適宜性原則

頁面的所有效能和描述都應該盡可能接近用戶的環境（年齡、教育、文化、背景），而不是使用世界第二語言。

3）撤銷重做原理

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

4）一致性原則

使用相同的語言、功能和操作，相同的語言、相同的情境和操作應該產生相同的結果。

5）防錯原理

通過頁面設計、重組或特殊安排，防止用戶出錯，與其出現錯誤資訊提示，不如更用心地設計防止此類問題。

6）易取性原則

嘗試减少操作目標上的用戶記憶體負載。動作和選項應該是可見的，要記住的內容應該放在案頭上。

7）靈活高效原則

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

8）易掃描原理

用戶通常會流覽網頁，這意味著要突出關鍵資訊，弱化不相關項，剔除不相關資訊。

9）容錯原則

錯誤資訊應該用語言（無程式碼）來表達，這樣可以準確地反映問題並提出建設性的解決方案。

10）人性化幫助原則

如果系統不使用檔案最好，但有必要提供幫助和檔案。任何資訊都應該有意識地蒐索，關注用戶的任務，並列出具體的步驟。

最好的幫助管道有：無提示、一次性提示、常駐提示和幫助文檔。

2、使用者介面互動通用規範

以下是b端產品交互設計的一般規則，是所有互動模式必須遵循的通用規範，以統一產品的互動行為，包括可用、不可用、請求异常、加載异常等。

1規範性訓示

柔韌性是指滑鼠指標在可點擊區域上移動時的視覺變化。訓示對象是可操作的，以及何時可以對其進行操作。

對象對錶指針移動的響應必須及時有效；

應答錶必須清晰明了（如滑鼠滑過按鈕，表示按鈕被按下）；

規範性的表達應該是一致的：具有相同功能和操作的元素必須是相同的（例如，滑鼠指向連結文字時所做的更改相同）；

當滑鼠指標移開時，必須及時將對象恢復到原來的狀態；