應用程序設計中不應犯的 12 個糟糕的 UX/UI 錯誤

文字太小，無法閱讀。

白色背景上的小淺色字體內容。

用戶無法看到緊貼在用戶界面某處的關鍵功能。

這些是應用程序中 UX/UI 設計的一些常見問題，犯下很多這樣的錯誤會讓你付出高昂的代價。 在規劃軟件項目時，必須在設計階段儘早識別此類錯誤，因為其目的是創建一個直觀且快速的界面，以提供無縫的用戶體驗。

這裡有一些致命的錯誤可能會給應用程序帶來厄運，以及如何最終避免它們。

1.偏離用戶期望

有趣的是，在使用這些基本的 GUI 小部件（單選按鈕、複選框、滾動條、命令鏈接/按鈕等）時，用戶確實有一些期望。嘗試對這些按鈕進行革命性的改變可能不會受到歡迎。

考慮這個簡單的例子：你一生都在聽 BBC 新聞。 突然，你家裡的某個人決定轉而收聽 CNN，你就會有“魚出水”的感覺。 當您在 GUI 小部件中進行大量修改時，這正是用戶會感受到的。

大多數流行的 GUI 小部件都經過多年的完善和試驗，用戶喜歡它們是有原因的。 一夜之間改變那種輕鬆舒適的感覺並不容易。 這是因為用戶必須付出大量的精力和腦力才能做一些新的事情； 他們可能不會接受。

因此，不要對應用程序的 GUI 小部件的外觀進行重大更改。 您的用戶更喜歡通過應用程序輕鬆導航，因此最好保留 GUI 的原始外觀和感覺。

2.不知道用戶真正需要什麼

當公司沒有意識到用戶的實際需求，並且想出一些不能滿足他們需求的東西時，就會導致一個大錯誤。 在這種情況下，您無法增加銷售額並且您的應用程序會失敗。

在決定要合併的功能之前，研究並深入了解用戶興趣非常重要。 為此，請進行徹底的用戶和市場調查。

了解您的目標用戶對您的應用程序設計的期望——即時響應時間、控件之間的流暢導航、易讀性等等——簡而言之，直觀的用戶體驗。

此外，對您的競爭對手進行批判性分析——了解他們的應用程序的可用性因素； 他們在應用程序中包含的所有功能，用戶界面的交互性等。

初次使用的開發人員要注意：不要在應用程序中重載太多功能。 應用程序背後的主要目的是簡化用戶的活動。

因此，建議不要過度使用功能，因為這會導致一系列活動立即將其轉換為平庸的應用程序。 更少的功能（當然是主要功能）可以解決問題。

3. 不良的觸摸目標

用戶配備了不同大小的手指。 因此，必須將觸摸配置為迎合目標群體中所有人的手指。 成人食指的平均寬度為 1.6 至 2 厘米。 因此，在設計基於觸摸的移動應用程序時請牢記這一點。

如果用戶發現很難觸摸和激活應用程序上的功能，他們可能會完全放棄使用該應用程序，這將是非常悲慘的。 這再次適用於您擁有的功能數量。 您擁有的功能越多，應用程序上的點擊區域就越小。 另一方面，結合一些主要特徵會導致更大的抽頭區域。

4. 捲軸恐怖

雜誌和報紙編輯和廣告商曾經生活在“褶皺”的永恆恐懼中。 當移動應用程序變得流行時，“折疊恐懼”有所緩解，因為內容在可以輕鬆滾動的屏幕上可見。

但這只是部分正確，因為創建響應式和更長的 Web 佈局變得越來越重要，其中主要操作不應低於首屏，或者更確切地說，擊敗人們可以輕鬆滾動並找到它的地方。

僅當相關按鈕位於“首屏”或用戶無需滾動時，轉化率才會增加。 在顯眼的位置放置明確的號召性用語會帶來更多轉化。

5. 模仿 GUI 控制按鈕外觀的按鈕

就像擁有過多的 GUI 控件可能是一個可怕的錯誤一樣，相反的情況也可能是致命的。 帶下劃線的文本和標題會讓人感覺它們是將用戶帶到新頁面的鏈接。

他們點擊它，但當他們沒有到達頁面時，他們認為鏈接已損壞並退出應用程序。 用戶經常會因為這場鬧劇而感到困惑，有時會感到惱火，他們可能不會再回來了。

在絕對必要的地方顯示單選按鈕，但不要給沒有單選按鈕的錯誤印象。

6. 不一致的 GUI 控件

GUI 控件應該是一致的。 如果您在號召性用語和類似操作中使用特定的詞，請在整個應用程序中使用相同的詞。 對同一個動作使用不同的詞可能會造成混淆。

有時，開發人員假設的操作對用戶來說很簡單，但恰恰相反。 如果您在應用程序中遵循特定模式，請始終遵循它。 確保按鈕和頁面出現在用戶期望的位置。

7. 跳過流程圖，開始設計

開發人員不會通過跳過流程圖直接進入應用程序的設計部分來節省時間。 以用戶為中心構建流程圖非常重要，許多開發人員在創建這些圖表時使用用戶角色，以便他們始終牢記最終用戶。

這也將有助於確定用戶來自哪裡、他們的興趣是什麼以及他們在哪裡。 因此，在設計流程圖時，必須決定用戶和業務目標以及最終是否會完成。 通過創建流程大綱，可以通過頁面流程的不同選項來確定最佳選項。

8. 不考慮“感知供能”

通俗地說，可供性是指物理上可能的所有動作，具體取決於對象/環境的屬性。 樓梯可讓您上升或下降，瓶蓋可讓您擰上或擰下。

同樣，在網頁中，滑塊執行上下移動的功能，複選框允許您選中或取消選中它，超鏈接文本將您帶到另一個頁面。 Affordance 允許用戶做一些他們容易理解的事情。

對這些可供性的感知將基於用戶對網頁、經驗、信念和目標的了解。 在設計用戶界面時，設計師給出正確的提示很重要，否則可能會導致混亂，從而導致糟糕的用戶體驗。

設計師必須使用正確的視覺指示符，用戶可以通過這些指示符感知他們如何觀察這些 UI 元素並與之交互。 同樣重要的是要記住並非所有用戶都是平等的。 因此，並非所有人都以相同的方式感知或解釋所有可供性。 因此，使用適當的標籤和說明來支持所有視覺提示。

9. 缺少正確類型的對話框

在 Web 應用程序的對話框可用性中，必須讓用戶知道系統的當前狀態以及他們的命令是如何被解釋的。 對話框旨在告知用戶他們的操作結果如何，而不會將它們從當前屏幕上移開。

沉默可以讓用戶猜測。 因此，在創建 Web 應用程序時，請確保對話框不會掩蓋用戶的信息。 但要謹慎使用它，因為連續的消息可能會造成乾擾。

例如，當用戶在輸入信息後決定退出特定頁面時，對話框可能會出現“放棄草稿？ 取消或丟棄”。

然而，用訂閱對話框轟炸他們（例如，“請通過輸入您的電子郵件地址訂閱我們的每日新聞通訊”）太多次可能真的很煩人。

10. 使用錯誤消息犯下常見錯誤

用戶花費時間和精力填寫表格，當表格出現錯誤時，必須告知他們哪裡出錯了。 如果有創建密碼的特定規則，請事先通知用戶，這樣他們就不必重複做同樣的事情。

或者，如果有要應用的促銷代碼，只需事先告知他們適用什麼樣的促銷以及原因。 不及時通知他們會增加用戶的焦慮和挫敗感。 記住在創建錯誤消息時不要犯這些錯誤：

1. 歧義 - 不清楚用戶所犯的錯誤。
2. 責備用戶——最好保持謙虛，即使用戶犯了錯誤。 輕輕指出錯誤，以便他們再次嘗試。
3. 錯誤消息的放置不當——建議不要將錯誤放在項目符號列表中，因為這真的會關閉它們。 將錯誤消息放在錯誤的頂部，以便用戶可以立即看到問題所在。
4. 不使用縮微副本來防止錯誤——空白附近的小塊解釋性文字實際上可以指導用戶填寫什麼，這樣他們就可以在第一時間得到它。

11. 沒有智能默認值

在應用程序的表單填寫頁面中有一個額外的字段可能會起到威懾作用。 因此，如果該額外字段是絕對必要的，那麼請確保在表單輸入字段中輸入默認值。 人們快速掃描表格以檢查填寫表格需要多長時間，如果表格中已經存在默認值，他們可能會繼續填寫其他表格。

沒有智能默認設置可能會使用戶耗時且令人沮喪，這是一個嚴重的錯誤。 還建議不要為需要用戶注意的輸入字段設置默認值。 不要假設用戶將點擊什麼，即使它是經過充分研究的默認設置，用戶也可能想要其他東西。

12. 忽略號召性用語按鈕的強調色

加入良好的強調色以吸引人們對“立即購買”、“開始免費教程”、“立即註冊”等按鈕的注意非常重要。為按鈕使用不同的顏色，使其與眾不同，特別是對於那些非常關鍵的號召性用語按鈕。

強調色必須足夠明亮以吸引註意力，但又不刺激和分散注意力。 確保強調色與應用程序中的其他顏色主題相得益彰。 還要為號召性用語保留特定顏色，不要在頁面的其他地方使用它。

結論

這些是 UI/UX 設計中最常見的一些錯誤。 請記住，每當您進行任何設計更改時，請務必對其進行徹底測試，以了解其效果如何。

應用程序設計是成功的差異化因素，每天有成千上萬的應用程序發布，只有少數獲得批准。 糟糕的做法會導致 UX/UI 設計中的致命錯誤，許多人的所有努力都付諸東流。

最後提醒：

在設計您的應用程序時，請記住要針對多個平台進行設計，除非您針對的是特定平台。 這就是您將最小可行產品 (MVP) 直接帶入商店的方式。