經(jīng)典的一致性原則,對用戶體驗是束縛還是解放?
在經(jīng)典交互設計原則中,「一致性」一直是重要的設計準則。在幾乎可以稱為「設計師必讀」的雅各布·尼爾森的十條可用性原則中,一致性(Consistency and standards)位列第四,原則建議設計者在界面和交互上遵循既定的規(guī)則,無論是在應用內(nèi)部還是跨平臺之間。
在具體的執(zhí)行中,內(nèi)部一致性通常指應用內(nèi)應當使用統(tǒng)一的視覺風格和交互語言,相同的功能和操作應該在體驗上保持一致。而外部一致性則更強調(diào)用戶應該遵循平臺和系統(tǒng)的設計規(guī)范,保持用戶在同一平臺不同應用間體驗的相似性。
在「一致性」被廣泛默認遵循的當下,本文重新思考一致性為什么能夠被廣泛接受,在今天又面臨哪些問題。
一、選擇一致性的原因
一致性規(guī)則被廣泛接受和遵循,在客觀上我們可以總結以下益處:
1. 提升用戶效率和減輕認知負擔
對最廣大用戶來講,一旦學會了如何與系統(tǒng)中的某種模式進行交互,就會假設相同的工作流程可以應用于軟件的其他部分。如果由于某種原因,可觀察到的行為與預期不符時,用戶就要花時間找出問題所在,并感到挫敗感。
一致性原則的核心在于,它允許用戶將已有的知識無縫遷移到新的場景中,從而節(jié)省了在實現(xiàn)目標和切換上下文時的認知資源。正如尼爾森所言,用戶在其他應用中積累的經(jīng)驗,應當成為他們使用新應用時的助力,而非障礙。體驗設計的重點在于幫助用戶盡可能有效地實現(xiàn)他們的目標,而不是創(chuàng)建人們需要弄清楚的非常規(guī)界面。
例如,用戶在使用 MacOS 時,無論打開哪個應用程序,窗口的關閉按鈕始終位于左上角,并以「關閉」「最小化」「放大為全屏」順序排列,這種一致性設計減少了用戶的學習成本,在設計上也可以做到簡潔,默認狀態(tài)無需額外展示按鈕含義。可以想象,如果這些功能將為每個新窗口隨機指定,或者位置和顏色產(chǎn)生自定義改變,都會用戶帶來大量不必要的認知成本。
2. 提升用戶對產(chǎn)品的信任和認知度
除了提供穩(wěn)定的可用性預期,一致性可以提高用戶對整體應用的信任度和品牌記憶點。在應用中使用相同的顏色體系、圓角標準、層級設計,都可以保證不同頁面給用戶帶來相似的品牌認知,從而將對熟悉頁面的信任感集成到新頁面中。此外,相同的文案口吻和一致的用詞習慣也是非常重要的,是更強調(diào)克制中立的用詞精準度,還是保持口吻的詳細和親和感,都應該仔細考量,并在產(chǎn)品的文案體系中保持一致,這樣才能讓用戶感受到與之「對話」的產(chǎn)品在人格上是熟悉而統(tǒng)一的。
在 iOS 的設計指南中,一致性被視為讓設計融入 iOS 生態(tài)的關鍵,它幫助用戶在不同應用間建立起一種熟悉感。遵循規(guī)范的一致性可以「help your design feel at home in iOS」,保持一致性是為用戶帶來產(chǎn)品愉悅感的重要方式。
3. 提高設計到開發(fā)的工作流效率
保持一致性是構建完善 Design System 的基礎要求,如果沒有一致性考量,建立設計系統(tǒng)的意義就變得非常模糊。在進行新的頁面設計時,設計師往往會無從下手,或者只能從零思考某些控件的通用價值,開發(fā)團隊也只能從頭開始構建產(chǎn)品中使用的每個組件。既導致了重復編碼的額外工作,同時也讓產(chǎn)品整體體驗并不標準化。
4. 擴展和創(chuàng)新的可能性
在某些維度上,完善的「一致性」標準可以幫助新的設計「突破一致性」。在一致性的基礎上,設計師反而可以更自由地探索新功能和元素的布局。這種在一致性框架內(nèi)的創(chuàng)新,既保留了用戶熟悉的交互模式,又為產(chǎn)品帶來了新鮮感。
同樣的,正因為有一致性的標準,當要突破基于一致性進行的設計時,設計師才能更好地對突破后的直接收益和違背一致性帶來的額外認知成本間更好地進行權衡評估。
二、「一致性暴政」和「一致性陷阱」
對廣大設計師而言,基于一致性做設計往往并不會帶來問題;但越來越多的設計師正在對過度的一致性提出挑戰(zhàn)和質(zhì)疑,甚至提出了 Consistency Tyranny(一致性暴政)和 Consistency Trap(一致性陷阱),認為一致性反而帶來了日常設計工作的困擾,甚至制約了產(chǎn)品的發(fā)展。
1. Design for People, Use People Language
首先,在任何維度上,一致性不應成為設計的唯一導向?!敢恢滦浴怪皇墙o用戶帶來更好體驗,減少用戶困惑的一種「方法」,而非「目的」本身。正如設計師出身作為 Facebook VP 的 Julie Zhuo 在文章中提到的,「一致性」只是設計師實現(xiàn)用戶體驗的一種「術語」,當與工程師和產(chǎn)品經(jīng)理進行溝通時,因為「一致性」而做某個決策并不能增加說服力,大家會認同「減少用戶困惑」這一目的,但并不能直接認同「一致性」就是實現(xiàn)這一目的的最佳方法。
當設計師進行設計時,單純基于一致性進行設計往往未必能得到很好的結果,也未必讓其他職能的合作伙伴認可自己的設計產(chǎn)出。在這種情況下,「一致性」就成為了一種陷阱,看起來是最直接的解決方案,卻未必能解決問題。退一步從「原則」出發(fā),回顧此時應用一致性是否真正解決了用戶的困惑,又是否掩蓋了真正的問題是非常重要的。
任何時候,如果「一致性」作為方法達成了「減少用戶困惑」的目的,一致性就是重要的,而如果一致性沒有達到這個目的,就是可有可無的,如果甚至帶來了新的困惑,就應該重新思考一致性在當前設計中存在的價值。設計本身應該「Use people language」,而不是一直基于「設計術語」進行考量和設計。
2. 避免一致性對創(chuàng)新的限制
在同一款應用中,各個場景保持一致性的根源在于認可相同的設計或產(chǎn)品原則;但隨著產(chǎn)品的發(fā)展,原有的設計原則可能不再適用。在這種情況下,對一致性的適當突破,實際上是對用戶體驗的深化和完善。這種「破例」往往為新的場景可以形成新的規(guī)則,并復用到相似的新場景,表面上打破了一致性規(guī)則,但其本質(zhì)是對一致性的補充。
例如在 iOS 的更新中,隨著設備屏幕的變大,位于頂部的搜索欄和標題欄在單手操作時很難觸碰,影響整體效率。從 Safari 瀏覽器開始,iOS 嘗試將標題欄和搜索欄下移到底部,后面也應用到了系統(tǒng)搜索。但對更多場景來講,應用的搜索欄還是更適合放在頂部,聚焦時仍在頂部輸入,iOS 設置、App Store 等場景都并未同步這個改動。
在這里,表面上出現(xiàn)了搜索框位置和聚焦態(tài)的「不一致」,但實際上是原則適應變化產(chǎn)生的新改變。如果嚴格遵守搜索框位置的一致性,嚴格培養(yǎng)用戶搜索框就應該在頂部的一致認知,就很難為特定場景作出更便利的設計,形成了「一致性暴政」。
在國內(nèi)的應用中相似的問題也經(jīng)常頻繁出現(xiàn),尤其隨著業(yè)務的擴展,單一應用內(nèi)集成了各種維度的業(yè)態(tài),原本既定的設計原則還能否覆蓋新場景,是否應當作出必要的創(chuàng)新,都是設計師面對的問題。畢竟,適用于一類業(yè)態(tài)的方法可能不適用于另一種業(yè)態(tài),客觀上不存在放之四海而皆準的方法。只有基于基本層面的思考,通過采用深思熟慮和同理心的用戶體驗設計方法,才能做出合適的設計。
三、對一致性的平衡
基于對一致性益處和問題的分析,在對一致性的實際應用中,我們可以得出一些實際操作方法。
1. 區(qū)分「原則」和「規(guī)則」
正如前文反復提到的,「一致性」只是一種「規(guī)則」或者「方法」,甚至可能只是一種設計師內(nèi)部的「術語」或者「手段」;真正對用戶有意義、各職能伙伴認可的是背后的「原則」。當「規(guī)則」和「原則」一致時,使用「規(guī)則」有助于我們在共識下推進業(yè)務,帶來用戶價值;但當「規(guī)則」和「原則」沖突時,遵循「原則」是更為重要的。
也就是說,一致性規(guī)則應與用戶體驗的基本原則相輔相成。當規(guī)則與原則發(fā)生沖突時,用戶體驗應當是最終的裁決者。事實上,基于原則的一致性更能達到給用戶一致感的目的;用戶對一致性的感知并不僅僅至于一致的控件、通用的色板,更多來自于相同的產(chǎn)品原則決策,一致的產(chǎn)品價值取向。在規(guī)則上的讓步往往可以在原則上做到更好的統(tǒng)一。
當然,這并不意味著「規(guī)則」不重要,相反,打破「規(guī)則」時需要進行仔細的權衡,是否打破規(guī)則帶來的用戶便利度可以補救不一致帶來的理解成本,需要從長期和全局維度進行考量?!敢?guī)則」的存在不是為了完全遵守,而是為了在打破時更加謹慎。
2. 守住一致性的基本紅線
無論從哪個角度,一致性存在的必要性都是毋庸置疑的。對于關鍵的設計元素,如專有名詞和顏色體系,保持一致性至關重要。這不僅有助于維護品牌形象,還能減少用戶的困惑。而對于特定且明確的設計語言,在特定場景進行變體帶來的好處往往無法兌換打破一致帶來的問題。
以文案的一致性為例,在應用中,我們會經(jīng)常使用到一些「專有名詞」,例如在微信中的「關懷模式」「紅包封面」「群聊」等;對于這些「專有名詞」,保持上下文的嚴格一致是非常有必要的。例如,如果在微信內(nèi)其他場景用「老年模式」指代「關懷模式」,既違背了我們對功能本身的定義和價值取向,也給用戶帶來了額外的困惑和混淆,無法理解用詞背后指代的功能。
同樣的,在應用的標識和顏色體系中,也應該保持一致性準則,應該保證「鏈接色」在各個場景的可點擊性,保證紅色文本代表一定的警示性。如果違背這些原則,給用戶帶來的將會是使用上的困擾和對產(chǎn)品的不信任感。
3. 認可一致性,擁抱復雜性
在大部分情況下,遵守一致性并不簡單,放棄一致往往可以獲得短期價值;在這種背景下,對一致性的認可是設計師認同并塑造產(chǎn)品長期價值的手段。所以作為設計師,要充分理解一致性原則的來源和價值,將維護一致性、做有通用價值的設計方案作為重要的價值取向。
當然,一致性也并非設計師的避風港,一致性頁面應該是設計師充分理解業(yè)務、在有能力產(chǎn)出多樣化頁面后的價值取向,而非無功無過的「標準答案」。設計師應該時刻從滿足用戶的不同需求和偏好出發(fā),理解并解決各個用戶的細微差別,認真進行設計的「第一性思考」,積極產(chǎn)出更多樣性的頁面。
歸根到底,一致性和創(chuàng)新大膽的設計決不沖突,一致性并不代表「單調(diào)」和「拒絕創(chuàng)新」。更多時候,如果一致性讓設計師感到受到既定規(guī)則和模式的束縛,以至于成為了標準化的代名詞,就應該重新思考此刻遵循的規(guī)范是否是一種「偽一致性」,是否團隊內(nèi)部對「一致性」的認知存在了刻板的偏差。
結語
一致性是非常重要的設計原則,對設計師而言,應該注意避免因為忽視一致性而導致用戶的體驗損失,或者帶來的額外認知復雜度;但另一方面,設計師也應該避免因為恪守一致性而導致的「陷阱」,甚至讓一致性導致成為扼殺創(chuàng)新的「暴政」。建設有兼容性和長期價值的的一致性框架,在一致性中做到有用戶價值的設計,是設計師應該不斷探索的命題。
作者:We-Design
想了解更多網(wǎng)站技術的內(nèi)容,請訪問:網(wǎng)站技術