??首發于微信公眾號：小阿田的設計筆記~?
在設計用戶界面時，會遇到常見問題的重復解決方案。那么，在界面設計中有些什么樣的模式呢？
寫在前面
為了理解用戶交互設計中的模式是什么，只需與現實世界的對象進行類比即可。在自然界中重復模式，裝飾房間和衣服，或人類行為模式（習慣）具有可預測的重復元素。因此，在設計用戶界面時，會遇到常見問題的重復解決方案。
只要您了解哪種模式解決了特定問題，您就可以通過高效工作來節省時間。在創造性旅程的早期階段，設計師經常犯錯誤，花費大量時間尋找獨特的解決方案，而不是尋找合適的解決方案。在這種情況下，獨特并不總是最好的，許多好的解決方案已經被商店的同事使用并且非常成功。
我認為沒有必要羞于從最好的方面學習并每次檢查自己，實施價值是否超過實施成本。更常見的是，設計師在不深入理解問題的情況下應用此技術。因此，該決定是不恰當的。這導致了在下一個開發階段難以解決的問題的連鎖反應。
還有一個關于模式重要性的小評論，還記得你回家打開燈的那一刻嗎？
我不是。這個動作已經調試好了，通過按慣性移動開關，手一段時間后仍然可以到達通常位置。與您的設計相同，沒有必要使用戶的生活復雜化。我們都習慣了模態窗口右下角的十字架，除非你為自己設定這樣一個目標，否則不要分散用戶的注意力。但在這種情況下，有必要理解“什么”和“為什么”。
鉆研理論
如果明白為什么要研究模式，我建議仔細研究用戶界面設計模式的要點。
模式可以分為一下3個模塊
上下文
場景（流程）
實施
“上下文”，即最高級別，依賴于資源的總體方向 – 它可以是醫療保健網站或商業，它可以刺激購買或成為信息資源。目標受眾研究提供了對風格相關性的深入了解。
在中間“場景”級別，考慮典型的用戶場景和實現目標所需的一系列動作。例如 – 導航，注冊或填寫表格。
在“實施”的較低級別，解決了與屏幕上元素放置相關的問題，在產品中選擇顏色（紅色 – 危險，綠色 – 有利）。
常用的圖案
1. 模式導航
允許用戶瀏覽產品，快速找到所需內容。示例：菜單、標簽、面包屑。
2. 輸入模式
這些模式允許用戶通過輸入信息和獲得反饋來與系統交互。示例：文本框、選擇框、復選框、下拉列表、下載字段等。
3. 內容Feed（處理數據）
如何為快速查看，搜索和使用內容提供內容。示例：畫廊、桌子、卡片。
4. 社交（社交）
用戶如何在線與他人溝通和交流。示例：聊天、積分系統、董事會、評論。
那么在實踐中應該怎么辦呢？
你需要檢查模板是否滿足你的需求？
問題：使用該模版有什么問題，需要我們怎么樣解決；
原則：該模式基于一個或多個人體工程學原理；
決定：僅描述問題的本質，可以通過不同方式解決；
為什么：為什么可以應用此模式來解決此問題以及它將如何影響可用性；
案例：一個成功應用模板的示例。
考慮模式使用模式的7個組件的示例
有什么問題？
用戶在表單中輸入不正確的數據，這會導致錯誤并且無法進一步處理信息。
是什么原因造成的？
您正在開發一個應用程序，您需要在其中執行數學運算（僅提供數值）。數據從鍵盤輸入。由于錯誤或無知，用戶輸入錯誤的格式，這會導致錯誤并且缺少所需的結果。
什么原則適用？
防止錯誤（J.尼爾森）
如何解決問題？
最大限度地減少可以發生錯誤的條件數。限制無效數據輸入。提供質量錯誤消息。
為什么解決這個問題？
消除無法控制的錯誤會導致對系統和用戶忠誠度的信任感。
已經存在哪些解決這個問題的例子？
Google使用工具提示來減少輸入的錯誤數據量。
計算器僅使用數字字符。
寫在最后
事實上，無論如何，我們都會根據之前的經驗做出設計決策，這是使用模式的典型例子。但通過學習了解您的動機以及這些相同決策的相關性，您可以定性地更改您正在處理的產品并提高您的專業水平。它就像一只蜈蚣，在它理解了如何行走之后學會了它。
作者：КАТЕРИНА ВИТКОВСКАЯ（作者已授權）
原文地址：http://telegraf.design/shablony-v-proektyrovanyy-ynterfejsov/
本文由Tzw_n 翻譯發布于公眾號「小阿田的設計筆記」，未經許可，禁止轉載。
