經典的一致性原則,對用戶體驗是束縛還是解放?

在經典交互設計原則中,「一致性」一直是重要的設計準則。在幾乎可以稱為「設計師必讀」的雅各布·尼爾森的十條可用性原則中,一致性(Consistency and standards)位列第四,原則建議設計者在界面和交互上遵循既定的規則,無論是在應用內部還是跨平臺之間。

在具體的執行中,內部一致性通常指應用內應當使用統一的視覺風格和交互語言,相同的功能和操作應該在體驗上保持一致。而外部一致性則更強調用戶應該遵循平臺和系統的設計規范,保持用戶在同一平臺不同應用間體驗的相似性。

在「一致性」被廣泛默認遵循的當下,本文重新思考一致性為什么能夠被廣泛接受,在今天又面臨哪些問題。

經典的一致性原則,對用戶體驗是束縛還是解放?

一、選擇一致性的原因

一致性規則被廣泛接受和遵循,在客觀上我們可以總結以下益處:

1. 提升用戶效率和減輕認知負擔

對最廣大用戶來講,一旦學會了如何與系統中的某種模式進行交互,就會假設相同的工作流程可以應用于軟件的其他部分。如果由于某種原因,可觀察到的行為與預期不符時,用戶就要花時間找出問題所在,并感到挫敗感。

一致性原則的核心在于,它允許用戶將已有的知識無縫遷移到新的場景中,從而節省了在實現目標和切換上下文時的認知資源。正如尼爾森所言,用戶在其他應用中積累的經驗,應當成為他們使用新應用時的助力,而非障礙。體驗設計的重點在于幫助用戶盡可能有效地實現他們的目標,而不是創建人們需要弄清楚的非常規界面。

例如,用戶在使用 MacOS 時,無論打開哪個應用程序,窗口的關閉按鈕始終位于左上角,并以「關閉」「最小化」「放大為全屏」順序排列,這種一致性設計減少了用戶的學習成本,在設計上也可以做到簡潔,默認狀態無需額外展示按鈕含義??梢韵胂?,如果這些功能將為每個新窗口隨機指定,或者位置和顏色產生自定義改變,都會用戶帶來大量不必要的認知成本。

經典的一致性原則,對用戶體驗是束縛還是解放?

2. 提升用戶對產品的信任和認知度

除了提供穩定的可用性預期,一致性可以提高用戶對整體應用的信任度和品牌記憶點。在應用中使用相同的顏色體系、圓角標準、層級設計,都可以保證不同頁面給用戶帶來相似的品牌認知,從而將對熟悉頁面的信任感集成到新頁面中。此外,相同的文案口吻和一致的用詞習慣也是非常重要的,是更強調克制中立的用詞精準度,還是保持口吻的詳細和親和感,都應該仔細考量,并在產品的文案體系中保持一致,這樣才能讓用戶感受到與之「對話」的產品在人格上是熟悉而統一的。

在 iOS 的設計指南中,一致性被視為讓設計融入 iOS 生態的關鍵,它幫助用戶在不同應用間建立起一種熟悉感。遵循規范的一致性可以「help your design feel at home in iOS」,保持一致性是為用戶帶來產品愉悅感的重要方式。

經典的一致性原則,對用戶體驗是束縛還是解放?

3. 提高設計到開發的工作流效率

保持一致性是構建完善 Design System 的基礎要求,如果沒有一致性考量,建立設計系統的意義就變得非常模糊。在進行新的頁面設計時,設計師往往會無從下手,或者只能從零思考某些控件的通用價值,開發團隊也只能從頭開始構建產品中使用的每個組件。既導致了重復編碼的額外工作,同時也讓產品整體體驗并不標準化。

4. 擴展和創新的可能性

在某些維度上,完善的「一致性」標準可以幫助新的設計「突破一致性」。在一致性的基礎上,設計師反而可以更自由地探索新功能和元素的布局。這種在一致性框架內的創新,既保留了用戶熟悉的交互模式,又為產品帶來了新鮮感。

同樣的,正因為有一致性的標準,當要突破基于一致性進行的設計時,設計師才能更好地對突破后的直接收益和違背一致性帶來的額外認知成本間更好地進行權衡評估。

二、「一致性暴政」和「一致性陷阱」

對廣大設計師而言,基于一致性做設計往往并不會帶來問題;但越來越多的設計師正在對過度的一致性提出挑戰和質疑,甚至提出了 Consistency Tyranny(一致性暴政)和 Consistency Trap(一致性陷阱),認為一致性反而帶來了日常設計工作的困擾,甚至制約了產品的發展。

1. Design for People, Use People Language

首先,在任何維度上,一致性不應成為設計的唯一導向?!敢恢滦浴怪皇墙o用戶帶來更好體驗,減少用戶困惑的一種「方法」,而非「目的」本身。正如設計師出身作為 Facebook VP 的 Julie Zhuo 在文章中提到的,「一致性」只是設計師實現用戶體驗的一種「術語」,當與工程師和產品經理進行溝通時,因為「一致性」而做某個決策并不能增加說服力,大家會認同「減少用戶困惑」這一目的,但并不能直接認同「一致性」就是實現這一目的的最佳方法。

當設計師進行設計時,單純基于一致性進行設計往往未必能得到很好的結果,也未必讓其他職能的合作伙伴認可自己的設計產出。在這種情況下,「一致性」就成為了一種陷阱,看起來是最直接的解決方案,卻未必能解決問題。退一步從「原則」出發,回顧此時應用一致性是否真正解決了用戶的困惑,又是否掩蓋了真正的問題是非常重要的。

任何時候,如果「一致性」作為方法達成了「減少用戶困惑」的目的,一致性就是重要的,而如果一致性沒有達到這個目的,就是可有可無的,如果甚至帶來了新的困惑,就應該重新思考一致性在當前設計中存在的價值。設計本身應該「Use people language」,而不是一直基于「設計術語」進行考量和設計。

2. 避免一致性對創新的限制

在同一款應用中,各個場景保持一致性的根源在于認可相同的設計或產品原則;但隨著產品的發展,原有的設計原則可能不再適用。在這種情況下,對一致性的適當突破,實際上是對用戶體驗的深化和完善。這種「破例」往往為新的場景可以形成新的規則,并復用到相似的新場景,表面上打破了一致性規則,但其本質是對一致性的補充。

例如在 iOS 的更新中,隨著設備屏幕的變大,位于頂部的搜索欄和標題欄在單手操作時很難觸碰,影響整體效率。從 Safari 瀏覽器開始,iOS 嘗試將標題欄和搜索欄下移到底部,后面也應用到了系統搜索。但對更多場景來講,應用的搜索欄還是更適合放在頂部,聚焦時仍在頂部輸入,iOS 設置、App Store 等場景都并未同步這個改動。

經典的一致性原則,對用戶體驗是束縛還是解放?

在這里,表面上出現了搜索框位置和聚焦態的「不一致」,但實際上是原則適應變化產生的新改變。如果嚴格遵守搜索框位置的一致性,嚴格培養用戶搜索框就應該在頂部的一致認知,就很難為特定場景作出更便利的設計,形成了「一致性暴政」。

在國內的應用中相似的問題也經常頻繁出現,尤其隨著業務的擴展,單一應用內集成了各種維度的業態,原本既定的設計原則還能否覆蓋新場景,是否應當作出必要的創新,都是設計師面對的問題。畢竟,適用于一類業態的方法可能不適用于另一種業態,客觀上不存在放之四海而皆準的方法。只有基于基本層面的思考,通過采用深思熟慮和同理心的用戶體驗設計方法,才能做出合適的設計。

三、對一致性的平衡

基于對一致性益處和問題的分析,在對一致性的實際應用中,我們可以得出一些實際操作方法。

1. 區分「原則」和「規則」

正如前文反復提到的,「一致性」只是一種「規則」或者「方法」,甚至可能只是一種設計師內部的「術語」或者「手段」;真正對用戶有意義、各職能伙伴認可的是背后的「原則」。當「規則」和「原則」一致時,使用「規則」有助于我們在共識下推進業務,帶來用戶價值;但當「規則」和「原則」沖突時,遵循「原則」是更為重要的。

也就是說,一致性規則應與用戶體驗的基本原則相輔相成。當規則與原則發生沖突時,用戶體驗應當是最終的裁決者。事實上,基于原則的一致性更能達到給用戶一致感的目的;用戶對一致性的感知并不僅僅至于一致的控件、通用的色板,更多來自于相同的產品原則決策,一致的產品價值取向。在規則上的讓步往往可以在原則上做到更好的統一。

當然,這并不意味著「規則」不重要,相反,打破「規則」時需要進行仔細的權衡,是否打破規則帶來的用戶便利度可以補救不一致帶來的理解成本,需要從長期和全局維度進行考量?!敢巹t」的存在不是為了完全遵守,而是為了在打破時更加謹慎。

2. 守住一致性的基本紅線

無論從哪個角度,一致性存在的必要性都是毋庸置疑的。對于關鍵的設計元素,如專有名詞和顏色體系,保持一致性至關重要。這不僅有助于維護品牌形象,還能減少用戶的困惑。而對于特定且明確的設計語言,在特定場景進行變體帶來的好處往往無法兌換打破一致帶來的問題。

以文案的一致性為例,在應用中,我們會經常使用到一些「專有名詞」,例如在微信中的「關懷模式」「紅包封面」「群聊」等;對于這些「專有名詞」,保持上下文的嚴格一致是非常有必要的。例如,如果在微信內其他場景用「老年模式」指代「關懷模式」,既違背了我們對功能本身的定義和價值取向,也給用戶帶來了額外的困惑和混淆,無法理解用詞背后指代的功能。

同樣的,在應用的標識和顏色體系中,也應該保持一致性準則,應該保證「鏈接色」在各個場景的可點擊性,保證紅色文本代表一定的警示性。如果違背這些原則,給用戶帶來的將會是使用上的困擾和對產品的不信任感。

經典的一致性原則,對用戶體驗是束縛還是解放?

3. 認可一致性,擁抱復雜性

在大部分情況下,遵守一致性并不簡單,放棄一致往往可以獲得短期價值;在這種背景下,對一致性的認可是設計師認同并塑造產品長期價值的手段。所以作為設計師,要充分理解一致性原則的來源和價值,將維護一致性、做有通用價值的設計方案作為重要的價值取向。

當然,一致性也并非設計師的避風港,一致性頁面應該是設計師充分理解業務、在有能力產出多樣化頁面后的價值取向,而非無功無過的「標準答案」。設計師應該時刻從滿足用戶的不同需求和偏好出發,理解并解決各個用戶的細微差別,認真進行設計的「第一性思考」,積極產出更多樣性的頁面。

歸根到底,一致性和創新大膽的設計決不沖突,一致性并不代表「單調」和「拒絕創新」。更多時候,如果一致性讓設計師感到受到既定規則和模式的束縛,以至于成為了標準化的代名詞,就應該重新思考此刻遵循的規范是否是一種「偽一致性」,是否團隊內部對「一致性」的認知存在了刻板的偏差。

結語

一致性是非常重要的設計原則,對設計師而言,應該注意避免因為忽視一致性而導致用戶的體驗損失,或者帶來的額外認知復雜度;但另一方面,設計師也應該避免因為恪守一致性而導致的「陷阱」,甚至讓一致性導致成為扼殺創新的「暴政」。建設有兼容性和長期價值的的一致性框架,在一致性中做到有用戶價值的設計,是設計師應該不斷探索的命題。

歡迎關注作者微信公眾號:「We-Design」

經典的一致性原則,對用戶體驗是束縛還是解放?

收藏 49
點贊 44

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。