對啊網設計學院:用戶體驗——設計的一致性

就用戶體驗而言，這意味著相似的元素在外觀和功能上都相似，從而減輕了認知負擔，並使交互更加流暢和直觀。

什麼是一致性？

劍橋英語詞典術語"一致性"是指始終以相似的方式進行或執行的質量，或始終以相似的方式發生的質量， 即"相同"。這也許是最簡單的表達方式。這意味著該產品以相同或相似的方式與用戶進行交流，無論交流的點或渠道如何。就用戶體驗而言，這意味著相似的元素在外觀和功能上都相似，從而減輕了認知負擔，並使交互更加流暢和直觀。

考慮到當今人們信息過多的事實，他們傾向於選擇易於理解和交互的產品。此外，一致性在產品外觀和工作方式上為和諧的感覺奠定了可靠的基礎。和諧永遠是我們擁有的任何經驗中不可或缺的一部分。一致性使用戶界面可預測和可學習，而品牌因此而獲得了堅實統一的展示和性能。

可用性啟發法

這是Jakob Nielsen早在1994年就定義的互動設計的核心原則。此列表的一致性基於這樣的原則，即用戶不必懷疑不同的詞語，情況或動作是否意味著同一件事。

為什麼設計一致性很重要

簡而言之，一致的用戶體驗設計方法帶來以下好處：

○ 對於新用戶，界面變得更容易學習

○ 用戶更少的困惑使得更少的錯誤發生

○ 這樣可以減輕認知負擔，節省用戶的時間和精力

○ 一致性支持網站或應用程式的強大品牌形象

因此，一致性連接不同 UI元素進入可預測和清晰互動的系統。實際上，這也是我們在物理世界中所做的事情，以使我們的日常生活更輕鬆，並避免一次又一次地專注於相同的操作。例如，我們所有人都將碗碟和餐具保存在我們的廚房中，因此，即使是第一次來某人的地方，您也不會嘗試在浴室中搜尋杯子和勺子，只是因為這是已知的方式。

一致性類型

從影響因素的角度來看，一致性可以是外觀和功能。

視覺一致性是基於使相似的對象或元素看起來相同。明確元素之間的連接並建立視覺層次。它與圖標，字體，圖像大小，按鈕，標籤和其他重要內容有關。例如，當您編寫文章時，所有類型的文本元素（標題，子標題，正文，引號等）都應使用相同的類型。如果您創建的博客或媒體具有多種類型的帖子，則它們必須堅持相同的視覺表現系統，以便可以將它們視為一個整體出版物，而不是一堆亂七八糟的帖子。

功能一致性意味著相似對象的行為方式相同。例如，大多數網站的LOGO在左上角。然後單擊它，用戶將返回主頁。大多數用戶已經習慣了這種模式，並希望它能夠以這種方式運行，即使是在他們首次訪問的網站上也是如此。

從聯繫和規模的角度來看，一致性可以是內部的和外部的。

內部一致性是指界面或品牌的不同部分，它們的外觀就像一個清晰的系統。例如，當您在產品的不同頁面以相同的方式對所有CTA按鈕進行設計時，用戶將能夠在使用過程的任何步驟中快速區分它們。

外部一致性是指界面的某些部分，這些部分的外觀類似於大多數此類產品的典型模式。舉例來說，當您在銷售非有形產品的網站上使用購物車時，或在文本連結下劃線時，都會向用戶暗示他們可點擊。

如何使設計一致

1、可識別的模式

用戶進入您的應用程式或網站之前，已經有大量的行為模式和習慣。這套知識是基於他們以前的經驗，並取決於設計人員如何使用它，這可能會幫助或破壞用戶體驗。

例如，在數字產品流行之前，對於統計數據和圖表，大多數用戶將紅色與負餘額或減少相關聯，將綠色與正餘額或增加相關聯。使用不同年齡和國籍的成千上萬的人都知道的這種模式，您可以支持產品的外部一致性，並易於理解數據可視化。同樣，將接受來電的按鈕設計為綠色並將拒絕來電的按鈕設計為紅色可降低用戶的認知負擔，因為他們已經習慣了這種模型，並且無需多考慮什麼。

2、排版和顏色一致

在視覺一致性的影響最大的因素中，UX設計人員經常會提到顏色和版式。毫無疑問，它們都有影響視覺風格，情感背景和用戶行為的能力。對於視覺性能至關重要，如果一致使用，兩者都可以使用戶感覺到產品的整體性和統一性。這就是為什麼應該有一個經過深思熟慮的設計系統，為文本內容和布局元素使用特定的字體和顏色。這樣，網站或應用程式將感覺清晰，用戶無需習慣從一個屏幕到另一個屏幕的新外觀和組合。

顏色也可能是外部一致性的一個因素。在大多數情況下，人眼會在大腦解碼圖標，圖像或文本之前先感知顏色，因此最好分析此因素，並有助於構建直觀的導航和良好的用戶體驗。還記得帶有接受或拒絕呼叫按鈕的顏色的示例嗎？如果您想破壞這種體驗，只需交換它們的顏色，然後將接受呼叫的按鈕設置為紅色即可，例如，以紅色非常引人注目這一事實為理由。最終可能會導致慘敗：即使圖標看起來絕對清晰，大多數用戶也會將其誤認為是拒絕按鈕，因為他們看到和解碼顏色的速度比圖標或文本快得多，尤其是對於這種基本操作而言。

3、建立具有視覺效果的系統

圖像不僅在增加界面的美感和樣式方面起著重要作用；它們比文本更快，更容易被感知，它們還支持可用性，放大消息，以及設置所需的心情和氛圍。但是，這並不意味著設計師只是拍攝自己喜歡的不同圖像並將其放入界面中。除了排版外，圖像還必須呈現一個系統，而不僅僅是隨機集。在這種情況下，它們成為提供一致的用戶體驗的另一個因素。

定製書的封面設計

4、適當地組織內容

還記得那張用樂高積木解釋數據可視化的經典圖片嗎？

結構化後，處理任何數據始終總是比較容易。使內容的結構合理，使用戶可以將精力集中在信息上，而無需進行安排和理解連接的初步工作。而且，不應該針對特定的屏幕或頁面，而應針對整個網站或應用進行此操作，以使其在任何交互點上都感覺直接且一致。

例如，對文章中的不同元素（標題，小標題，項目符號，引號，圖像，文本連結等）使用一致的視覺效果系統，您可以輕鬆地與新聞媒體進行交互，用戶可以快速了解其工作原理，掃描頁面並找到所需的內容。同樣，使用統計信息和圖表，使它們在應用程式或網站上的外觀和工作方式相似，以減少認知負擔。

5、跨多個渠道追蹤一個身份

具有明確身份的品牌應展示其與跨不同渠道在線存在的一致關係：網站，應用程式，社交網絡，演示文稿，公司文檔和函件應統一在一個系統中。一致使用品牌顏色和字體。

著陸頁和宣傳移動銀行服務的海報的一致設計

6、進行有效的UX編寫

正如我們在文章中提到的 為界面製作精美的文字，它們基於4個基石，並且必須

○ 清晰（用戶理解您在說什麼，核心信息沒有模糊或複雜）

○ 簡潔（一段文字有意義，簡潔，並專注於目標，不包含空談）

○ 有用（副本為用戶提供了必要的信息或有助於進行交互）

○ 一致（一種數字產品界面中的副本保持相同的樣式）

用戶體驗定義界面如何與用戶溝通，品牌的語氣和聲音，這是要求採用一致方法的另一個因素。除了與人交流，與數字產品通信外，用戶還期望友好且可以預測的行為。

在以後的文章中，我們將討論有關在UX設計中實現一致性的更多設計實踐！希望本篇文章對大家有所幫助！

免責聲明：市場有風險，選擇需謹慎！此文僅供參考，不作買賣依據。