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

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

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

一、選擇一致性的原因

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

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

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

一致性原則的核心在于，它允許用戶將已有的知識(shí)無(wú)縫遷移到新的場(chǎng)景中，從而節(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í)，無(wú)論打開哪個(gè)應(yīng)用程序，窗口的關(guān)閉按鈕始終位于左上角，并以「關(guān)閉」「最小化」「放大為全屏」順序排列，這種一致性設(shè)計(jì)減少了用戶的學(xué)習(xí)成本，在設(shè)計(jì)上也可以做到簡(jiǎn)潔，默認(rèn)狀態(tài)無(wú)需額外展示按鈕含義?？梢韵胂?，如果這些功能將為每個(gè)新窗口隨機(jī)指定，或者位置和顏色產(chǎn)生自定義改變，都會(huì)用戶帶來(lái)大量不必要的認(rèn)知成本。

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

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

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

保持一致性是構(gòu)建完善 Design System 的基礎(chǔ)要求，如果沒(méi)有一致性考量，建立設(shè)計(jì)系統(tǒng)的意義就變得非常模糊。在進(jìn)行新的頁(yè)面設(shè)計(jì)時(shí)，設(shè)計(jì)師往往會(huì)無(wú)從下手，或者只能從零思考某些控件的通用價(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)品帶來(lái)了新鮮感。

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

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

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

1. Design for People, Use People Language

首先，在任何維度上，一致性不應(yīng)成為設(shè)計(jì)的唯一導(dǎo)向?！敢恢滦浴怪皇墙o用戶帶來(lái)更好體驗(yàn)，減少用戶困惑的一種「方法」，而非「目的」本身。正如設(shè)計(jì)師出身作為 Facebook VP 的 Julie Zhuo 在文章中提到的，「一致性」只是設(shè)計(jì)師實(shí)現(xiàn)用戶體驗(yàn)的一種「術(shù)語(yǔ)」，當(dāng)與工程師和產(chǎn)品經(jīng)理進(jìn)行溝通時(shí)，因?yàn)椤敢恢滦浴苟瞿硞€(gè)決策并不能增加說(shuō)服力，大家會(huì)認(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)出。在這種情況下，「一致性」就成為了一種陷阱，看起來(lái)是最直接的解決方案，卻未必能解決問(wèn)題。退一步從「原則」出發(fā)，回顧此時(shí)應(yīng)用一致性是否真正解決了用戶的困惑，又是否掩蓋了真正的問(wèn)題是非常重要的。

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

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

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

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

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

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

三、對(duì)一致性的平衡

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

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

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

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

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

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

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

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

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

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

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

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

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

結(jié)語(yǔ)

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

作者：We-Design