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

在具體的執(zhí)行中，內(nèi)部一致性通常指應(yīng)用內(nèi)應(yīng)當(dāng)使用統(tǒng)一的視覺風(fēng)格和交互語言，相同的功能和操作應(yīng)該在體驗(yàn)上保持一致。而外部一致性則更強(qiáng)調(diào)用戶應(yīng)該遵循平臺和系統(tǒng)的設(shè)計(jì)規(guī)范，保持用戶在同一平臺不同應(yīng)用間體驗(yàn)的相似性。

在「一致性」被廣泛默認(rèn)遵循的當(dāng)下，本文重新思考一致性為什么能夠被廣泛接受，在今天又面臨哪些問題。

一、選擇一致性的原因

一致性規(guī)則被廣泛接受和遵循，在客觀上我們可以總結(jié)以下益處：

1. 提升用戶效率和減輕認(rèn)知負(fù)擔(dān)

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

一致性原則的核心在于，它允許用戶將已有的知識無縫遷移到新的場景中，從而節(jié)省了在實(shí)現(xiàn)目標(biāo)和切換上下文時(shí)的認(rèn)知資源。正如尼爾森所言，用戶在其他應(yīng)用中積累的經(jīng)驗(yàn)，應(yīng)當(dāng)成為他們使用新應(yīng)用時(shí)的助力，而非障礙。體驗(yàn)設(shè)計(jì)的重點(diǎn)在于幫助用戶盡可能有效地實(shí)現(xiàn)他們的目標(biāo)，而不是創(chuàng)建人們需要弄清楚的非常規(guī)界面。

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

2. 提升用戶對產(chǎn)品的信任和認(rèn)知度

除了提供穩(wěn)定的可用性預(yù)期，一致性可以提高用戶對整體應(yīng)用的信任度和品牌記憶點(diǎn)。在應(yīng)用中使用相同的顏色體系、圓角標(biāo)準(zhǔn)、層級設(shè)計(jì)，都可以保證不同頁面給用戶帶來相似的品牌認(rèn)知，從而將對熟悉頁面的信任感集成到新頁面中。此外，相同的文案口吻和一致的用詞習(xí)慣也是非常重要的，是更強(qiáng)調(diào)克制中立的用詞精準(zhǔn)度，還是保持口吻的詳細(xì)和親和感，都應(yīng)該仔細(xì)考量，并在產(chǎn)品的文案體系中保持一致，這樣才能讓用戶感受到與之「對話」的產(chǎn)品在人格上是熟悉而統(tǒng)一的。

在 iOS 的設(shè)計(jì)指南中，一致性被視為讓設(shè)計(jì)融入 iOS 生態(tài)的關(guān)鍵，它幫助用戶在不同應(yīng)用間建立起一種熟悉感。遵循規(guī)范的一致性可以「help your design feel at home in iOS」，保持一致性是為用戶帶來產(chǎn)品愉悅感的重要方式。

3. 提高設(shè)計(jì)到開發(fā)的工作流效率

保持一致性是構(gòu)建完善 Design System 的基礎(chǔ)要求，如果沒有一致性考量，建立設(shè)計(jì)系統(tǒng)的意義就變得非常模糊。在進(jìn)行新的頁面設(shè)計(jì)時(shí)，設(shè)計(jì)師往往會無從下手，或者只能從零思考某些控件的通用價(jià)值，開發(fā)團(tuán)隊(duì)也只能從頭開始構(gòu)建產(chǎn)品中使用的每個(gè)組件。既導(dǎo)致了重復(fù)編碼的額外工作，同時(shí)也讓產(chǎn)品整體體驗(yàn)并不標(biāo)準(zhǔn)化。

4. 擴(kuò)展和創(chuàng)新的可能性

在某些維度上，完善的「一致性」標(biāo)準(zhǔn)可以幫助新的設(shè)計(jì)「突破一致性」。在一致性的基礎(chǔ)上，設(shè)計(jì)師反而可以更自由地探索新功能和元素的布局。這種在一致性框架內(nèi)的創(chuàng)新，既保留了用戶熟悉的交互模式，又為產(chǎn)品帶來了新鮮感。

同樣的，正因?yàn)橛幸恢滦缘臉?biāo)準(zhǔn)，當(dāng)要突破基于一致性進(jìn)行的設(shè)計(jì)時(shí)，設(shè)計(jì)師才能更好地對突破后的直接收益和違背一致性帶來的額外認(rèn)知成本間更好地進(jìn)行權(quán)衡評估。

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

對廣大設(shè)計(jì)師而言，基于一致性做設(shè)計(jì)往往并不會帶來問題；但越來越多的設(shè)計(jì)師正在對過度的一致性提出挑戰(zhàn)和質(zhì)疑，甚至提出了 Consistency Tyranny（一致性暴政）和 Consistency Trap（一致性陷阱），認(rèn)為一致性反而帶來了日常設(shè)計(jì)工作的困擾，甚至制約了產(chǎn)品的發(fā)展。

1. Design for People, Use People Language

首先，在任何維度上，一致性不應(yīng)成為設(shè)計(jì)的唯一導(dǎo)向?！敢恢滦浴怪皇墙o用戶帶來更好體驗(yàn)，減少用戶困惑的一種「方法」，而非「目的」本身。正如設(shè)計(jì)師出身作為 Facebook VP 的 Julie Zhuo 在文章中提到的，「一致性」只是設(shè)計(jì)師實(shí)現(xiàn)用戶體驗(yàn)的一種「術(shù)語」，當(dāng)與工程師和產(chǎn)品經(jīng)理進(jìn)行溝通時(shí)，因?yàn)椤敢恢滦浴苟瞿硞€(gè)決策并不能增加說服力，大家會認(rèn)同「減少用戶困惑」這一目的，但并不能直接認(rèn)同「一致性」就是實(shí)現(xiàn)這一目的的最佳方法。

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

任何時(shí)候，如果「一致性」作為方法達(dá)成了「減少用戶困惑」的目的，一致性就是重要的，而如果一致性沒有達(dá)到這個(gè)目的，就是可有可無的，如果甚至帶來了新的困惑，就應(yīng)該重新思考一致性在當(dāng)前設(shè)計(jì)中存在的價(jià)值。設(shè)計(jì)本身應(yīng)該「Use people language」，而不是一直基于「設(shè)計(jì)術(shù)語」進(jìn)行考量和設(shè)計(jì)。

2. 避免一致性對創(chuàng)新的限制

在同一款應(yīng)用中，各個(gè)場景保持一致性的根源在于認(rèn)可相同的設(shè)計(jì)或產(chǎn)品原則；但隨著產(chǎn)品的發(fā)展，原有的設(shè)計(jì)原則可能不再適用。在這種情況下，對一致性的適當(dāng)突破，實(shí)際上是對用戶體驗(yàn)的深化和完善。這種「破例」往往為新的場景可以形成新的規(guī)則，并復(fù)用到相似的新場景，表面上打破了一致性規(guī)則，但其本質(zhì)是對一致性的補(bǔ)充。

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

在這里，表面上出現(xiàn)了搜索框位置和聚焦態(tài)的「不一致」，但實(shí)際上是原則適應(yīng)變化產(chǎn)生的新改變。如果嚴(yán)格遵守搜索框位置的一致性，嚴(yán)格培養(yǎng)用戶搜索框就應(yīng)該在頂部的一致認(rèn)知，就很難為特定場景作出更便利的設(shè)計(jì)，形成了「一致性暴政」。

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

三、對一致性的平衡

基于對一致性益處和問題的分析，在對一致性的實(shí)際應(yīng)用中，我們可以得出一些實(shí)際操作方法。

1. 區(qū)分「原則」和「規(guī)則」

正如前文反復(fù)提到的，「一致性」只是一種「規(guī)則」或者「方法」，甚至可能只是一種設(shè)計(jì)師內(nèi)部的「術(shù)語」或者「手段」；真正對用戶有意義、各職能伙伴認(rèn)可的是背后的「原則」。當(dāng)「規(guī)則」和「原則」一致時(shí)，使用「規(guī)則」有助于我們在共識下推進(jìn)業(yè)務(wù)，帶來用戶價(jià)值；但當(dāng)「規(guī)則」和「原則」沖突時(shí)，遵循「原則」是更為重要的。

也就是說，一致性規(guī)則應(yīng)與用戶體驗(yàn)的基本原則相輔相成。當(dāng)規(guī)則與原則發(fā)生沖突時(shí)，用戶體驗(yàn)應(yīng)當(dāng)是最終的裁決者。事實(shí)上，基于原則的一致性更能達(dá)到給用戶一致感的目的；用戶對一致性的感知并不僅僅至于一致的控件、通用的色板，更多來自于相同的產(chǎn)品原則決策，一致的產(chǎn)品價(jià)值取向。在規(guī)則上的讓步往往可以在原則上做到更好的統(tǒng)一。

當(dāng)然，這并不意味著「規(guī)則」不重要，相反，打破「規(guī)則」時(shí)需要進(jìn)行仔細(xì)的權(quán)衡，是否打破規(guī)則帶來的用戶便利度可以補(bǔ)救不一致帶來的理解成本，需要從長期和全局維度進(jìn)行考量?！敢?guī)則」的存在不是為了完全遵守，而是為了在打破時(shí)更加謹(jǐn)慎。

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

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

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

同樣的，在應(yīng)用的標(biāo)識和顏色體系中，也應(yīng)該保持一致性準(zhǔn)則，應(yīng)該保證「鏈接色」在各個(gè)場景的可點(diǎn)擊性，保證紅色文本代表一定的警示性。如果違背這些原則，給用戶帶來的將會是使用上的困擾和對產(chǎn)品的不信任感。

3. 認(rèn)可一致性，擁抱復(fù)雜性

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

當(dāng)然，一致性也并非設(shè)計(jì)師的避風(fēng)港，一致性頁面應(yīng)該是設(shè)計(jì)師充分理解業(yè)務(wù)、在有能力產(chǎn)出多樣化頁面后的價(jià)值取向，而非無功無過的「標(biāo)準(zhǔn)答案」。設(shè)計(jì)師應(yīng)該時(shí)刻從滿足用戶的不同需求和偏好出發(fā)，理解并解決各個(gè)用戶的細(xì)微差別，認(rèn)真進(jìn)行設(shè)計(jì)的「第一性思考」，積極產(chǎn)出更多樣性的頁面。

歸根到底，一致性和創(chuàng)新大膽的設(shè)計(jì)決不沖突，一致性并不代表「單調(diào)」和「拒絕創(chuàng)新」。更多時(shí)候，如果一致性讓設(shè)計(jì)師感到受到既定規(guī)則和模式的束縛，以至于成為了標(biāo)準(zhǔn)化的代名詞，就應(yīng)該重新思考此刻遵循的規(guī)范是否是一種「偽一致性」，是否團(tuán)隊(duì)內(nèi)部對「一致性」的認(rèn)知存在了刻板的偏差。

結(jié)語

一致性是非常重要的設(shè)計(jì)原則，對設(shè)計(jì)師而言，應(yīng)該注意避免因?yàn)楹鲆曇恢滦远鴮?dǎo)致用戶的體驗(yàn)損失，或者帶來的額外認(rèn)知復(fù)雜度；但另一方面，設(shè)計(jì)師也應(yīng)該避免因?yàn)殂∈匾恢滦远鴮?dǎo)致的「陷阱」，甚至讓一致性導(dǎo)致成為扼殺創(chuàng)新的「暴政」。建設(shè)有兼容性和長期價(jià)值的的一致性框架，在一致性中做到有用戶價(jià)值的設(shè)計(jì)，是設(shè)計(jì)師應(yīng)該不斷探索的命題。

作者：We-Design