很可惜 T 。T 您現(xiàn)在還不是作者身份，不能自主發(fā)稿哦～
如有投稿需求，請把文章發(fā)送到郵箱tougao@appcpx.com，一經(jīng)錄用會有專人和您聯(lián)系
咨詢?nèi)绾纬蔀榇河鹱髡哒埪?lián)系：鳥哥筆記小羽毛（ngbjxym）
來源：TCC翻譯情報局
TCC 推薦：大家好，這里是 TCC 翻譯情報局，我是李澤慧。在做用戶體驗設(shè)計時，我們嘴上總是說著“以用戶為中心”，然后我們卻時常對用戶的交互效率視而不見，總是讓用戶不斷重復(fù)低效的活動。今天，讓我們一同聊聊用戶體驗設(shè)計中的“干”（Don't Repeat Youself)、“濕”(Waste Everyone's Time）模式～
1. What is DRY?
如果你想的是一種不含潮濕或液體的狀態(tài)，的確沒錯。但是我想說的卻不是這個。
我所講的“干”(DRY)是“不要重復(fù)”(Don’t Repeat Yourself )的縮寫。這是一個軟件開發(fā)原則，由 Andy Hunt 和 Dave Thomas 在他們的《程序員修煉之道》（The Pragmatic Programmer）一書中提出。該原則指出，“在一個系統(tǒng)中，每個知識點都必須有一個單一、明確、權(quán)威的表述”。
“干”原則提倡盡量使用抽象來代替，以減少代碼的重復(fù)，避免冗余。
2. And Wet?
而另一方面，除了用來描述一種潮濕的狀態(tài)，“濕”(WET)也是“浪費大家的時間”(Waste Everyone’s Time)、“我們喜歡打字”(We Enjoy Typing)、“每次都要寫字”(Write Every Time)和“所有東西都要寫兩遍”(Write Everything Twice)的縮寫。這是一種有趣的說法來表示當你的代碼不夠“干”時會發(fā)生什么。
打住，我們現(xiàn)在是在談?wù)?UX 設(shè)計嗎？當然了，跟著我繼續(xù)往下走。
3. Why dry?
高效！這就是原因。
為什么在同個環(huán)境里只寫一個就足以用九十九次，甚至數(shù)千次或在數(shù)千個地方應(yīng)用的指令集，我還需要不斷重復(fù)地寫呢？
當我需要去修改指令中的某些東西的時候會發(fā)生什么？難道要做數(shù)千個“復(fù)制粘貼”的動作嗎？
“干”原則通過使用戶（即程序員）以較少的時間和精力成本來實現(xiàn)更高的投產(chǎn)比，從而節(jié)省時間、精力和金錢。
反過來，“濕”模式將會耗費人力、時間和金錢，投產(chǎn)比卻更低甚至沒有。簡直就效率殺手。
4. The story of the two planets
“干”模式是一個原則，而不是一個具體的方法。要通過“干”模式來實現(xiàn)高效率，你需要在特定的環(huán)境中去使用它，例如編程語言、數(shù)據(jù)庫、測試計劃或文檔。因此，你需要可以實現(xiàn)的工具。
現(xiàn)在，盡管軟件工程界非常看重效率，看重到刻意把他們所有的編程工具都建立在“干”原則上，但是 UX 設(shè)計界卻把它留給了設(shè)計師自由判斷的波動和偏見。（譯者注：即沒有上升成為行業(yè)內(nèi)的共識）
除了最佳實踐的灌輸外，通過給所有開發(fā)軟件都配上可以實現(xiàn)“干”模式的工具包，軟件工程界已經(jīng)消除了在他們“星球”上不實踐的所有借口。他們不僅非常高效，而且還在沿著生產(chǎn)力的軸線推動邊界的發(fā)展。
在我們的“星球” —— 數(shù)字產(chǎn)品設(shè)計界，卻是另一番景象。盡管我們有一大堆優(yōu)秀的原則、規(guī)則和流程，使我們可以確定機會、識別和定義解決方案、創(chuàng)造以用戶為中心的體驗，但是我們卻很少有甚至沒有基本的結(jié)構(gòu)來保證效率，并為用戶提供最大的生產(chǎn)力。因為這不是我們設(shè)計思維過程中的一部分。
盡管“干”原則是軟件工程“星球”上，每個程序員在上班第一天就必須遵守的基本法則；但在 UX 設(shè)計“星球”的頂層，它都不是必需遵守的部分。因此，用戶的交互效率就往往取決于設(shè)計師的奇思妙想了。如果我們中有些人關(guān)注到且貫徹了這個原則，用戶會很高興；而當我們忘記或忽略了它時，用戶就會受苦。設(shè)計團隊越晚關(guān)注到，用戶就受越久的苦。
這點對于那些設(shè)計幫助用戶生成和管理信息（尤其是重復(fù)性內(nèi)容）的應(yīng)用或功能的設(shè)計師來說，尤為真實。甚至那些頂尖的產(chǎn)品都可能沒有做好 —— 沒錯，說的就是你，微軟、谷歌、蘋果、Canva、Medium 和 Figma。
5. Wet patterns in UX design
在UX設(shè)計中，“濕”模式就是那些對效率有負面影響的設(shè)計結(jié)構(gòu)或構(gòu)成。它們之所以存在，從根本上說，是因為負責的設(shè)計團隊沒有一個質(zhì)量控制原則，來確保交付到用戶的東西都是通過了“干”測試。因此，他們發(fā)布的產(chǎn)品或功能就效率低下，迫使用戶在同一環(huán)境的不同實例下需要重復(fù)同樣的動作。“濕”模式導致了低效和冗余，損害了效率和生產(chǎn)力。
5 條線，端點分別代表用戶的努力和結(jié)果。5 次的努力產(chǎn)出 5 個結(jié)果，努力和結(jié)果的比例為 1:1。
6. Examples of wet patterns in UX design
盡管工程界將“濕”模式視為禁忌，但是設(shè)計界卻淡化、忽視、推脫甚至為其辯護。以下是一些數(shù)字產(chǎn)品中的“濕”模式案例：
1）Medium.
如果你花了 10 分鐘在 Medium 上寫了一個草稿，然后你需要將一個已經(jīng)在 30 處不同的地方出現(xiàn)過的詞“聰明”替換成“靈動”，你就需要掃描找到每一處的“聰明”，然后輸入或填充“靈動”替換它。
你可能會想到，Office 的 Word 和同樣用于編寫 Medium 的 IDE [1]，比如 VSCode ，就有好的對應(yīng)的處理方式。產(chǎn)品團隊其實從一開始就要想到應(yīng)該給 Medium 編輯器加上查找和替換的功能，因為它是一個文字處理工具，而作者需要經(jīng)常更換或替換一些內(nèi)容。但事實并非如此，我們不得不接受重復(fù)勞動。
（ [1] IDE: Integrated Development Environment（集成開發(fā)環(huán)境）的縮寫，是一種綜合性的開發(fā)工具，通常包括編輯器、編譯器、調(diào)試器和其他工具，用于開發(fā)、測試和調(diào)試軟件應(yīng)用程序。IDE 提供了許多有用的功能，例如語法高亮、自動補全、調(diào)試和測試工具、版本控制等，可以提高開發(fā)效率和代碼質(zhì)量。）
同樣的用戶流程也發(fā)生在 Medium 文章中將 URL 添加到高亮顯示的字符串中，也可用于將其替換為另一個字符串，而不會對界面結(jié)果產(chǎn)生任何影響。然而，由于用戶的交互被留給設(shè)計師隨性裁定， Medium 的產(chǎn)品負責人最終就讓用戶接受了“濕”模式。如果“干”原則是設(shè)計的基本原則，那么這種討論就沒有必要了，因為這個原則第一天就應(yīng)該出現(xiàn)在 PRD 文檔上。
2）Figma.
你在使用 Figma 的時候是否遇到過這樣的情況，你已經(jīng)將顏色、字號、位置等屬性應(yīng)用到了一組形狀上，現(xiàn)在需要替換為另一種形狀，但不要改變原來的屬性？
反正我是遇到了好多次了。每一次，我都希望可以選擇想要改變的形狀，右鍵點擊替換的形狀，從下拉菜單中點擊“替換已選”，然后立馬看到生效。或者，更好的是，在選擇了前者后直接點擊新的，就完事兒了。
那么 Figma 實際上是怎么做的呢？你猜的沒錯，它迫使我們每次要做這樣變換的時候，都需要重復(fù)做所有的事，又讓我們接受“濕”模式。
有趣的是，我在 Freepik 上遇到了同樣的功能，但他們卻實現(xiàn)了“干”模式。我心想：Figma 在最不需要的小點上都做到了，為什么在最需要的地方卻忽略了呢？答案是：他們并不是有意為之，而是因為“干”原則并不是其基本設(shè)計原則之一。
3） Apple.
在 2023 年 1 月 iOS 16.2 發(fā)布之前，如果你想給每張圖片獨特的設(shè)置，在 iPhone 上編輯多張圖片是非常好的。
然而，如果你拍了一百張照片，且需要對里面的多張照片進行同樣的編輯時，你可能會嘗試通過從一張圖片復(fù)制設(shè)置到另一張，而不是為每張圖片重復(fù)編輯步驟，以此來節(jié)省時間。然而，你的愿望落空了，蘋果公司選擇了讓我們?yōu)樗械?100 張圖片重復(fù)相同的步驟，直到 2023 年 1 月。
謝天謝地，他們在 2023 年終于看到這點。但是蘋果公司，你怎么會花了這么長的時間？是不是因為你們的設(shè)計原則和最佳實踐從未將“干”原則包含在內(nèi)。
7. Dry patterns in UX design
在 UX 設(shè)計中的“干”模式就是那些最大化效率的設(shè)計結(jié)構(gòu)或構(gòu)成。它們的存在，從根上說，是因為負責的設(shè)計團隊有意為他們的用戶打造高效的工作流程。
“干”模式會優(yōu)化設(shè)計，使效率最大化，同時最大限度地減少用戶交互的冗余。
1條線代表用戶的努力，與代表結(jié)果的5條線平行地連接。同樣的努力產(chǎn)生了5倍的結(jié)果，努力和結(jié)果的比例為1:5。
8. Examples of dry patterns in UX design
盡管在UX設(shè)計“星球”上有一些“濕”模式，但是我們同樣也有一些“干”模式的案例，它們解放了我們的生產(chǎn)力，使我們從中受益。我將會強調(diào)這些模式，以幫助加強和鼓勵采用干式原則作為 UX 設(shè)計的基本原則。
當然，案例非常多，我只舉以下的一些內(nèi)容。
1）圖形設(shè)計——Adobe 的智能對象
“智能對象”是一種容器，可以將一組的內(nèi)容鏈接到 Photoshop 中的多個圖層。它可以使設(shè)計師們對這些圖層應(yīng)用狀態(tài)進行更改，同時保護原始或父級的內(nèi)容。“智能對象”功能還可以支持將其他項目（Project）中的圖像鏈接到現(xiàn)在的工作中。對“智能對象”所做的更改會自動同步到所有的實例（Instances）。我現(xiàn)在仍能夠記得 Adobe 在 2014 年推出這個功能時的盛況，感謝他們的付出。
2）UI設(shè)計和原型——組件
在設(shè)計中，組件就是用戶界面中可以重復(fù)使用的構(gòu)件。它們是設(shè)計領(lǐng)域中最突出的“干”式案例之一。它們使設(shè)計師們可以在不同的地方使用同樣的設(shè)計對象，同時在一個父級的對象管理它們的屬性。試想一下，如果我們不得不在設(shè)計項目的 50 個不同地方單獨交互或操作 50 個主按鈕屬性，多么可怕。Figma,、AxureRP、Sketch 、UXPin 以及其他原型設(shè)計工具通過組件讓我們保持“干”模式和理智。
3）文字處理——查找和替換
用過微軟的 Word 或者類似于 Atom 或者 VScode 的代碼 IDE 的人，都會在某個時刻，需要在他們的文檔中用另一個詞或短語替換一個常見的單詞或短語，而不用多次復(fù)制或輸入相同的內(nèi)容。像 Word 和代碼編輯器這樣的文字處理軟件通過”查找和替換“功能使這成為可能。
4）圖像處理——Apple
Apple 更新了 iOS 16.2，增加了一項功能，允許用戶將一張圖片的編輯同時也可以應(yīng)用于其他的圖片。現(xiàn)在就是“干”模式了。
三張iPhone截圖演示iOS 16.2的“復(fù)制編輯”與“填充編輯”功能
9. Conclusion — Let’s be more intentional about efficiency
用戶交互的效率不應(yīng)該完全由設(shè)計團隊決定。我們是人類，我們可能會忘記、有偏見或者無知。這是正常的，我們都在成長中。但是，就像我們的工程師同事們，我么應(yīng)該確保這些弱點不會擾亂我們的工作質(zhì)量。
我們在設(shè)計思維上做得很好，取得了很多成果。但我們應(yīng)該更加有意抽“干”用戶的交互。我們可以從確立“干”原則作為 UX 設(shè)計的基本原則之一，與 “以用戶為中心” “一致性” “層級” “上下文” “用戶控制” “無障礙性” “可用性” 齊名開始。
盡管“效率”是以上提到的第七個基本原則“可用性”的 5 個組成部分之一，但是我仍然建議設(shè)計界可以考慮將“干”原則作為第 8 個基本設(shè)計原則，以在各方面指導我們的設(shè)計決策。
此外，我們也可以將它添加到我們的設(shè)計啟發(fā)式 [2] 中，并向初學者傳授這一理念。更加認真地對待效率，認真到將我們的所有產(chǎn)品、流程和功能都“干”化。只要我們愿意，就可以做到。
（ [2]“設(shè)計啟發(fā)式”（design heuristics）指的是一系列被設(shè)計師用來指導和評估設(shè)計的通用原則或規(guī)則。這些原則或規(guī)則旨在幫助設(shè)計師在設(shè)計過程中更好地了解用戶需求，提高設(shè)計的質(zhì)量和效率。常見的設(shè)計啟發(fā)式包括可用性原則、用戶體驗原則、信息架構(gòu)原則等等。）
原文：https://bootcamp.uxdesign.cc/dry-vs-wet-patterns-in-ux-design-e0ff4d1fd2ac
作者：Samuel Anwakang
譯者：藍建杭
審核：李澤慧
編輯：韓碩
本文為作者獨立觀點，不代表鳥哥筆記立場，未經(jīng)允許不得轉(zhuǎn)載。
《鳥哥筆記版權(quán)及免責申明》 如對文章、圖片、字體等版權(quán)有疑問，請點擊 反饋舉報
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權(quán)，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結(jié)；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權(quán)益；
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡(luò)欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應(yīng)，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容，或進行相關(guān)行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗的細節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內(nèi)容；
2)存在事實夸大、偽造虛假經(jīng)歷等誤導他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治??；
2)求推薦算命看相大師；
3)針對具體風水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導用戶；
2)內(nèi)容與標題之間存在嚴重不實或者原意扭曲；
3)使用夸張標題，內(nèi)容與標題嚴重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導未成年人不良嗜好影響未成年人身心健康的；
2)不當評述自然災(zāi)害、重大事故等災(zāi)難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當一個用戶發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富，本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)