中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

在設(shè)計用戶界面時，會遇到常見問題的重復(fù)解決方案。那么，在界面設(shè)計中有些什么樣的模式呢？

寫在前面

為了理解用戶交互設(shè)計中的模式是什么，只需與現(xiàn)實(shí)世界的對象進(jìn)行類比即可。在自然界中重復(fù)模式，裝飾房間和衣服，或人類行為模式（習(xí)慣）具有可預(yù)測的重復(fù)元素。因此，在設(shè)計用戶界面時，會遇到常見問題的重復(fù)解決方案。

只要您了解哪種模式解決了特定問題，您就可以通過高效工作來節(jié)省時間。在創(chuàng)造性旅程的早期階段，設(shè)計師經(jīng)常犯錯誤，花費(fèi)大量時間尋找獨(dú)特的解決方案，而不是尋找合適的解決方案。在這種情況下，獨(dú)特并不總是最好的，許多好的解決方案已經(jīng)被商店的同事使用并且非常成功。

我認(rèn)為沒有必要羞于從最好的方面學(xué)習(xí)并每次檢查自己，實(shí)施價值是否超過實(shí)施成本。更常見的是，設(shè)計師在不深入理解問題的情況下應(yīng)用此技術(shù)。因此，該決定是不恰當(dāng)?shù)?。這導(dǎo)致了在下一個開發(fā)階段難以解決的問題的連鎖反應(yīng)。

還有一個關(guān)于模式重要性的小評論，還記得你回家打開燈的那一刻嗎？

我不是。這個動作已經(jīng)調(diào)試好了，通過按慣性移動開關(guān)，手一段時間后仍然可以到達(dá)通常位置。與您的設(shè)計相同，沒有必要使用戶的生活復(fù)雜化。我們都習(xí)慣了模態(tài)窗口右下角的十字架，除非你為自己設(shè)定這樣一個目標(biāo)，否則不要分散用戶的注意力。但在這種情況下，有必要理解“什么”和“為什么”。

鉆研理論

如果明白為什么要研究模式，我建議仔細(xì)研究用戶界面設(shè)計模式的要點(diǎn)。

模式可以分為一下3個模塊

1. 上下文
2. 場景（流程）
3. 實(shí)施

“上下文”，即最高級別，依賴于資源的總體方向 – 它可以是醫(yī)療保健網(wǎng)站或商業(yè)，它可以刺激購買或成為信息資源。目標(biāo)受眾研究提供了對風(fēng)格相關(guān)性的深入了解。

在中間“場景”級別，考慮典型的用戶場景和實(shí)現(xiàn)目標(biāo)所需的一系列動作。例如 – 導(dǎo)航，注冊或填寫表格。

在“實(shí)施”的較低級別，解決了與屏幕上元素放置相關(guān)的問題，在產(chǎn)品中選擇顏色（紅色 – 危險，綠色 – 有利）。

常用的圖案

1. 模式導(dǎo)航

允許用戶瀏覽產(chǎn)品，快速找到所需內(nèi)容。示例：菜單、標(biāo)簽、面包屑。

2. 輸入模式

這些模式允許用戶通過輸入信息和獲得反饋來與系統(tǒng)交互。示例：文本框、選擇框、復(fù)選框、下拉列表、下載字段等。

3. 內(nèi)容Feed（處理數(shù)據(jù)）

如何為快速查看，搜索和使用內(nèi)容提供內(nèi)容。示例：畫廊、桌子、卡片。

4. 社交（社交）

用戶如何在線與他人溝通和交流。示例：聊天、積分系統(tǒng)、董事會、評論。

那么在實(shí)踐中應(yīng)該怎么辦呢？

你需要檢查模板是否滿足你的需求？

1. 問題：使用該模版有什么問題，需要我們怎么樣解決；
2. 原則：該模式基于一個或多個人體工程學(xué)原理；
3. 決定：僅描述問題的本質(zhì)，可以通過不同方式解決；
4. 為什么：為什么可以應(yīng)用此模式來解決此問題以及它將如何影響可用性；
5. 案例：一個成功應(yīng)用模板的示例。

考慮模式使用模式的7個組件的示例

有什么問題？

用戶在表單中輸入不正確的數(shù)據(jù)，這會導(dǎo)致錯誤并且無法進(jìn)一步處理信息。

是什么原因造成的？

您正在開發(fā)一個應(yīng)用程序，您需要在其中執(zhí)行數(shù)學(xué)運(yùn)算（僅提供數(shù)值）。數(shù)據(jù)從鍵盤輸入。由于錯誤或無知，用戶輸入錯誤的格式，這會導(dǎo)致錯誤并且缺少所需的結(jié)果。

什么原則適用？

防止錯誤（J.尼爾森）

如何解決問題？

最大限度地減少可以發(fā)生錯誤的條件數(shù)。限制無效數(shù)據(jù)輸入。提供質(zhì)量錯誤消息。

為什么解決這個問題？

消除無法控制的錯誤會導(dǎo)致對系統(tǒng)和用戶忠誠度的信任感。

已經(jīng)存在哪些解決這個問題的例子？

Google使用工具提示來減少輸入的錯誤數(shù)據(jù)量。

計算器僅使用數(shù)字字符。

寫在最后

事實(shí)上，無論如何，我們都會根據(jù)之前的經(jīng)驗做出設(shè)計決策，這是使用模式的典型例子。但通過學(xué)習(xí)了解您的動機(jī)以及這些相同決策的相關(guān)性，您可以定性地更改您正在處理的產(chǎn)品并提高您的專業(yè)水平。它就像一只蜈蚣，在它理解了如何行走之后學(xué)會了它。

作者：КАТЕРИНА ВИТКОВСКАЯ（作者已授權(quán)）

原文地址：http://telegraf.design/shablony-v-proektyrovanyy-ynterfejsov/

本文由Tzw_n 翻譯發(fā)布于公眾號「小阿田的設(shè)計筆記」，未經(jīng)許可，禁止轉(zhuǎn)載。

題圖作者提供