在設(shè)計過程中，產(chǎn)品中的某些缺陷不易被發(fā)現(xiàn)。

這些小事情（有時候可能是大事情）會極大地損害用戶使用產(chǎn)品時的體驗。本文匯總了23條要點，供你在設(shè)計批準前進行自我檢驗。

（請注意：并非所有檢查項目都適用于所有類型的產(chǎn)品，但通常它們是最相關(guān)的。）

交互設(shè)計（Interaction Design）

1. 對重復的動作或頻繁的活動感到輕松自在。

為什么重要：這很重要，因為對同一輸出的重復操作（例如，用相同的信息填寫不同的表單）是一項艱巨的任務(wù)，無法幫助用戶更快或更好地實現(xiàn)其目標。用戶可能還會嘗試找到另外一種方法來解決它：例如，尋找可以幫助Ta更快、更好地做到這一點的競爭對手。

如何測試：你應該首先分析所有產(chǎn)品的流程并觀察用戶的行為。如果存在重復性操作，你要確保有一種方法可以簡化這些操作：例如，可以使用先前輸入的信息。

2. 用戶可以輕松地從錯誤中進行恢復。

為什么重要：用戶通常會執(zhí)行意外的操作或未達到預期效果的動作，如果允許他們返回重試，就不會讓他們感到沮喪、內(nèi)疚，并且會輕松的恢復到正常流程中繼續(xù)前進。

如何測試：首先，請確保你的導航系統(tǒng)允許返回，并且可以執(zhí)行撤消操作。然后，在進行可用性測試時，創(chuàng)建用戶最有可能執(zhí)行錯誤操作并檢查其是否可以輕松恢復的方案。

3. 根據(jù)用戶的專業(yè)水平為他們提供充分的產(chǎn)品使用支持。

為什么重要：請務(wù)必確保你產(chǎn)品中的新手用戶擁有流暢的學習體驗。但是，一旦他們已經(jīng)熟悉了產(chǎn)品，就應該放置一些工具來幫助Ta在流程中更快地移動。這兩種方案都提高了可用性和保留率。例如，專家用戶的快捷方式、新手用戶的工具提示等。

如何測試：首先，檢查你是否同時擁有針對兩個受眾群體的工具。然后，與新手和專家用戶進行可用性測試，以查看這些工具是否正確使用。

4. 訪問幫助不會妨礙用戶進度。

為什么重要：每當用戶卡在產(chǎn)品的某個部分時，他們都會尋求幫助。在線或脫機幫助是額外的，重要的是允許用戶在中斷的地方可以繼續(xù)工作。

如何測試：創(chuàng)建測試方案，用戶將在其中尋求幫助，并查看其工作流程和進度是否中斷。

視覺設(shè)計（Visual Design）

5. 不超過三種原色。

為什么重要：這不是固定的規(guī)則，有時，在特定情況下，可以使用三種以上的原色。但是請記住，將三種顏色組合起來已經(jīng)很困難，因此在大多數(shù)情況下，應避免超過此范圍。

如何測試：確保設(shè)計產(chǎn)品時使用的調(diào)色板最多包含三種原色。

6. 顏色本身不用于傳達層次結(jié)構(gòu)、內(nèi)容或功能。

為什么重要：擁有可訪問的產(chǎn)品不是錦上添花，而是必須的。對于視力障礙者（例如色盲）來說，僅依靠顏色來傳達層次結(jié)構(gòu)、內(nèi)容或功能，就意味著他們將無法使用你的產(chǎn)品，因此將被排除在受眾人群之外。

如何測試：colorfilter.wickline.org 允許你在網(wǎng)頁上方放置一個濾色器，并測試其是否存在各種色盲區(qū)域。你還可以對產(chǎn)品進行屏幕捕獲，然后在圖像編輯器上將其轉(zhuǎn)換為灰度，以查看是否可以輕松區(qū)分顏色。

7. 可視化層次結(jié)構(gòu)將用戶定向到所需的操作。

為什么重要：用戶依靠產(chǎn)品的層次結(jié)構(gòu)和線索來知道該做什么和去向哪里，必須了解這一點并正確地指導他們使用該層次結(jié)構(gòu)。

如何測試：了解產(chǎn)品內(nèi)部的流程是如何工作的，以及視覺層次結(jié)構(gòu)是否正在激勵其關(guān)鍵行為。

8. 視覺層次結(jié)構(gòu)頂部的項目是最重要的。

為什么重要：視覺層次結(jié)構(gòu)使用戶可以快速掃描信息，并根據(jù)其當前需求對內(nèi)容進行優(yōu)先級排序。視覺層次結(jié)構(gòu)頂部附近的項目對業(yè)務(wù)至關(guān)重要，并且與用戶最相關(guān)。

如何測試：用屏幕捕獲你的數(shù)字產(chǎn)品，然后將屏幕截圖高斯模糊化為大約5px的半徑。查看結(jié)果時，你將立即看到層次結(jié)構(gòu)并注意到哪些元素是突出的。對于企業(yè)和用戶來說，這些元素是最重要嗎？

9. 主操作在視覺上不同于輔助操作。

為什么重要：具有不同的主操作和輔助操作意味著用戶在與產(chǎn)品交互時不會感到困惑，也不容易出錯。例如，"提交"和"取消"必須明確區(qū)分開來。

如何測試：進行可用性測試時，請注意常見的錯誤，這些錯誤不是由用戶的意圖引起的，而是由主要和次要操作相異而引起的。另外，在檢查設(shè)計時，請確保顏色、大小、位置和其他元素區(qū)分操作。

10. 交互式元素不是抽象的。

為什么重要：在使用新產(chǎn)品時，用戶會根據(jù)以前使用其他數(shù)字產(chǎn)品的經(jīng)驗而產(chǎn)生一系列期望，例如，按鈕的外觀以及操作方式。滿足這些期望意味著你不會制造不必要的摩擦。

如何測試：首先，檢查你的產(chǎn)品以查找不使用常見模式的區(qū)域。例如，看起來不像鏈接的鏈接。

11. 表單提交以視覺上截然不同的方式得到確認。

為什么重要：必須向用戶確認操作是否成功執(zhí)行。例如，提交表單后，彩色橫幅形式顯示的明確的確認消息將意味著用戶可以繼續(xù)執(zhí)行下一個任務(wù)。

如何測試：檢查用戶輸入信息的產(chǎn)品的所有區(qū)域。用戶輸入完成后，觸發(fā)有關(guān)該操作是否成功的確認。確保有關(guān)結(jié)束狀態(tài)的反饋清晰明了。

12. 警示消息是一致的。

這是什么意思：警示消息具有相同的視覺樣式，并以相同的方式出現(xiàn)在相同的位置。

為什么重要：具有一致的警示消息意味著用戶將始終了解哪些內(nèi)容立即值得關(guān)注。與警示不一致將意味著每次彈出新警示時都會增加精神負擔。

如何測試：確保警示消息具有相同的視覺樣式，并且其位置相似或相同。

13. 警示消息在視覺上區(qū)別于其他元素。

為什么重要：通過確保將警示消息與其他屏幕元素明顯區(qū)分開，用戶實際上可以注意到它們和/或?qū)λ鼈儓?zhí)行操作。

如何測試：自行檢查視覺差異后，請查看用戶在可用性測試中對警示消息的反應。

信息架構(gòu)（Information Architecture）

14. 導航是一致的。

為什么重要：用戶定位和瀏覽產(chǎn)品的方式直接影響他們能否完成T其目標，而不管其當前所在的頁面如何。

如何測試：請查看你的信息架構(gòu)文檔，并確保每個頁面上的導航都可以訪問，并且導航不會更改或消失。在進入視覺設(shè)計之前，請嘗試進行卡片排序或樹狀測試，以確保你的信息架構(gòu)路徑盡可能直觀。

15. 增長空間

為什么重要：每當出現(xiàn)新功能或新內(nèi)容時，你都無法重新設(shè)計產(chǎn)品的導航和信息系統(tǒng)。導航菜單和整體布局需要支持更多類別/主題，而又不會中斷。具有增長空間的設(shè)計意味著主要的設(shè)計和開發(fā)工作可以輕松擴展到整個界面。

如何測試：向所有涉眾詢問有關(guān)產(chǎn)品中內(nèi)容隨時間增長的情況。會支持更多靜態(tài)內(nèi)容嗎？架構(gòu)需要支持視頻嗎？

字體版式（Typography）

16. 最多使用兩個不同的字體系列。

為什么重要：這不是一條固定的規(guī)則：有時候有可能超過兩個。但是總的來說，匹配兩個以上并非易事。出于可用性和視覺目的，堅持兩個可以簡化排版層次結(jié)構(gòu)，從而提高理解力。

如何測試：只需確保你的設(shè)計不會混合兩個以上的字體系列即可。你還應該確保選擇的字體家族正確匹配。

17. 用于文本內(nèi)容的字體大小至少為12px。

為什么重要：同樣，這不是固定的規(guī)則。從理論上講，你可以將較小的尺寸用于非常特定的目的，但通常來說，大小低于12像素的可讀性會大大降低。

如何測試：檢查所有內(nèi)容，并確保用于它們的字體的大小至少為12像素。

18. 為標簽、標題或首字母縮略詞保留大寫單詞。

為什么重要：限制使用大寫單詞有助于簡化理解，它在視覺上不那么沉重，并且用戶易于消化。它應專門用于強調(diào)或限制非常嚴格的情況，例如首字母縮寫詞。

如何測試：運行全面的內(nèi)容檢查，并確保大寫單詞僅限于標題、標簽或首字母縮略詞。

19. 使用不同的字體樣式或系列來將內(nèi)容與控件分開。

為什么重要：需要明確內(nèi)容和控件的指標，即用戶可以與哪些內(nèi)容進行交互。這些指標可以是大小、顏色、位置、字體等。字體是一個重要的指標：使用不同的樣式或系列意味著用戶不會感到困惑，并且可以輕松識別可以進行交互的內(nèi)容。

如何測試：識別產(chǎn)品中的所有控件，并確保它們從內(nèi)容中脫穎而出。運行可用性測試時，請注意用戶在與控件交互時是否遇到困難。

20. 字體大小/粗細區(qū)分內(nèi)容類型。

為什么重要：它嚴重影響可讀性和理解力。明確區(qū)分標題、副標題和段落可減少消化內(nèi)容時的精神負擔。它還具有視覺上的好處，讓外觀和感覺都更好。

如何測試：查看產(chǎn)品中的內(nèi)容時，請確保標題、副標題和段落使用不同的字體大小和粗細。

用戶界面（User Interface）

21. 鄰近和對齊。

為什么重要：用戶傾向于在功能上或上下文上對彼此接近的項目進行分組。導航欄就是一個很好的例子。遵循此模式并對連接的項目進行分組意味著用戶可以立即理解你的界面。

如何測試：查找功能相似的項目，并檢查（如果可能）它們是否組合在一起。

22. 多步驟工作流程的進度指示。

為什么重要：特別針對多步驟工作流，用戶很容易感到不知所措，或者想知道要多久才能完成。進度指示可以幫助Ta找到自己的位置，但更重要的是，它可以產(chǎn)生成就感并降低掉落率。

如何測試：檢查產(chǎn)品內(nèi)所有有不同步驟的流程以完成某些任務(wù)，然后確保通過指示器指示進度。

23. 前景元素（如內(nèi)容和控件）很容易與背景區(qū)分開。

為什么重要：對視力障礙人士很重要。它還可以改善用戶的學習曲線和理解力。清晰的區(qū)分有助于導航，使更多的注意力集中在按鈕上，并總體上提高了可用性。

如何測試：屏幕捕獲產(chǎn)品并進行高斯模糊處理，使屏幕截圖的半徑約為3px至5px。查看結(jié)果時，你能否輕松分辨出前景是什么？背景是什么？

我們是知識搬運工，我們是技術(shù)傳播者！

東莞瀟灑職業(yè)培訓學校開設(shè)課程有：CNC數(shù)控編程、塑膠模具設(shè)計，壓鑄模具設(shè)計、沖壓模具設(shè)計， Solidworks/pro/E產(chǎn)品設(shè)計、AutoformR7工藝分析，非標自動化設(shè)計、PLC編程、文職、電商、平面設(shè)計、新媒體等培訓課程，瀟灑職業(yè)培訓學校線下、線上、隨到隨學等學習方式，上班學習兩不誤，歡迎預約免費試學！

即日起，組團3人以上學習CNC電腦鑼實操課程，學費全免，學會為止包就業(yè)，工資4000-6000以上