13個可能破壞您的移動應用程序的設計錯誤

已發表: 2020-04-21

您是一位有抱負的設計師,正在嘗試構建獨特的移動應用程序設計,以確保客戶參與並提供所需的營銷措施嗎? 那麼,過去將永遠困擾著您,並將您帶到邊緣。

你過去創造的設計錯誤會讓你在現在變得完美。 很少有簡單的設計錯誤可能會讓您倒退一步,最終您會積聚大量灰塵。

同行通常將 UX 視為界面和視覺設計,但不知道 UX 深深植根於研究和測試。 此外,對於 UX 以及它如何適應移動應用程序的開發過程存在一些誤解。 許多人開發移動應用程序以帶來更多業務,但如果您的大量投資沒有給您帶來適當的投資回報率怎麼辦。 為此,在開發移動應用程序之前,您需要了解一些要避免的常見設計錯誤。

讓我們深入分析可能破壞您的移動應用程序的設計錯誤。

1. 不做需求研究

在你把筆放在紙上之前,你可以做一些基本的研究,通過添加最好的設計來改進你的產品。 在開始進行 UI 設計之前,您應該了解以下要求:

  • 你為什麼要創建這個移動應用程序?
  • 它會幫助用戶實現他們的期望嗎?
  • 您的應用程序設計會吸引大量受眾嗎?
  • 您是否專門設計了每個產品以幫助用戶很好地理解?
2. 入職印像差

如果您的第一印像對用戶來說看起來很糟糕,那麼他們很快就會對進一步尋找不感興趣。 在這種情況下,您需要添加適當的功能,這些功能將被標記為所有移動設計最佳實踐的總括點。

不要添加會讓用戶感到厭煩的冗長的入職流程,但是如果沒有適當的入職點,您的應用程序會在直觀的階段讓用戶感到困惑。 請記住,當用戶登錄您的移動應用程序時,他們不會找到任何路徑點,例如“您的應用程序將如何工作”、“您為他們提供什麼”,因為這會激怒他們。 此外,您還可以進入 beta 測試過程,讓設計師從一開始就學習如何感知應用程序。 看看下面的例子:

How to Perceive the App

這裡似乎很明顯的是提供最佳的入職流程,最能吸引用戶並提供微妙的平衡行為。

3. 未完成信息架構

這是設計師不應該跳過和小心的階段。 這是對應用程序用戶體驗架構的深思熟慮的規劃,應該在開始設計工作之前進行。 設計師應該在進入線框圖階段之前繪製應用程序的用戶流程和結構。 當設計師非常興奮地進入應用程序的細節並致力於設計部分時,這種情況會發生好幾次。

設計師未能優化用戶流程,因此您需要放慢速度。 首先,不要擔心進入更精細的細節。 簡單地說,勾勒出基本流程以及流程將如何從那裡起飛。 牢記圖片並繼續設計的內部細節,並考慮如何喚起和強化最佳設計理念。

Information Architecture

4. 不做競爭對手審查

市場上的所有設計團隊都應該認識到競爭激烈的移動應用市場。 它有助於他們盡一切可能將產品與外太空可用的其他數千個應用程序區分開來。 回顧一下移動應用程序希望實現的目標、他們遵循的設計流程和實踐如何結合用戶反饋。 做到這一點的最好方法是通過 UX 競爭對手分析,了解規則以保持比較心態。

  • 確定需求
  • 識別真正的競爭對手
  • 通過標準而不是偏好進行比較
  • 分析總結
  • 展示您的 UX 競爭對手分析
  • 研究常見的用戶體驗研究陷阱

您只需要進行有針對性的 UX 競爭對手分析,以幫助您獲得有價值的見解並以多種方式提供幫助。 除了密切關注直接和間接競爭對手之外,您還需要在設計中佔據優勢。

5.不是線框和迭代

這是大多數設計師在構建移動應用程序時常犯的錯誤。 構建沒有線框圖的應用程序將破壞您的移動應用程序,因為這是從一開始就執行的一項重要任務。 讓我們看看它是如何工作的。

什麼是線框圖?

設計過程是任何設計師的重要組成部分。 線框圖允許設計師考慮用戶將遵循的路徑。 這將使用戶可以輕鬆進入您的移動應用程序並獲得他們正在尋找的正確信息。 簡而言之,Wireframe 是應用程序的骨架模型,通常用於設計用戶界面、內容和功能。

把用戶的需求放在第一位。

線框圖將允許設計師從零功能開始,在用戶想要視覺設計之前。 它將逐步改善信息和數據以及用戶體驗的分散性。 使用專用線框工具將有利於設計人員使用預製線框組件。 它將減少從頭開始設計 UI 組件的工作,並騰出時間思考最佳用戶體驗。

為什麼需要線框圖?

它是最初的草圖或故事板,為設計師提供了清晰的概念可視化,以規劃導航結構的複雜性。 它是用戶流程中每個屏幕的結構、佈局和功能要求的計劃。 我們可以說它可以作為一個藍圖,通過提供明確的方向來解決設計的更詳細方面。 市場上有各種線框圖工具,主要分為三大類:

  • 低保真度:它對於快速可視化很有用,並建立一種思維方式,即想法是無窮無盡的和一次性的。 示例:UI 模板、InVision
  • 高保真:它用於最終版本的設計,其中以可承受的成本模擬屏幕設計。 示例:InVision Studio,草圖
  • 專用:使用此專用工具構建更快的線框,因為它結合了低保真和​​高保真線框。
6. 不做原型

Not Prototyping 將帶您走上錯誤的道路,因為您會在發布未被注意到的錯誤的過程中發現複雜性。 了解為什麼原型設計很重要。

原型設計就像從用戶界面 (UI) 設計轉向用戶體驗 (UX)。 它由用戶創建,用於操作應用程序並執行操作。 此外,它還可以幫助用戶了解應用程序中的功能將如何工作。 在這個設計階段,用戶將體驗系統將如何執行以及用戶將如何單擊按鈕、輸入數據和檢查操作流程。

它將允許用戶通過了解設計流程中的漏洞來測試應用程序。 Mockplus 和 FluidUI 等工具對 UI/UX 設計師、軟件工程師、開發人員等很有用,可以將構建移動應用程序背後的想法可視化。 因此,所有設計師都需要對他們的移動應用程序進行原型設計。

7. 未完成功能列表

如果您檢查過線框圖和原型設計,那麼這個階段可能看起來很熟悉,因為它有助於區分必要的功能和過多的功能。 您可以執行的最佳方法是向設計師解釋您正在研究應用程序的確切功能以及它將如何幫助視覺效果。

請記住,不要添加太多功能,因為這會增加設計和開發的成本和時間。 注意預算,因為多種功能比一個簡單的應用程序花費更多。 此外,它會使您的應用程序變得緩慢和擁擠,從而影響應用程序的整體性能。 用戶可能會面臨複雜性和加載 UI 緩慢等問題。 因此,使用更少的功能可能會節省您的額外成本。 確保您的主要座右銘是獲得用戶的信任,然後您可以在未來的更新中加入新功能。

八、未決定開發技術

然而,這是最大的移動應用程序設計錯誤之一,其中一些人在開發移動應用程序時會跳過這些錯誤。 對於這個設計師和開發人員應該確定用戶想要考慮的平台。 無論是 iOS、Android 還是 Windows,都需要了解其優缺點,同時了解最適合您的應用程序的因素。

記錄功能而不是添加重載數據,因為它會更昂貴。 通過大幅提升應用程序來減少不必要的任務和功能。 相反,添加對用戶非常有用的一流功能。

如果您選擇 Android 或 iOS,則需要記住要在哪個平台上同步哪種設計。 考慮完整的界面,並考慮輕鬆滿足您的設計需求的最佳圖標和設計。

9. 不嘗試原始 UI 和導航選項

為用戶提供正確且明確的目的以繼續使用您的應用程序。 為您的用戶提供商業模式計劃,以確保您可以通過它獲利。 除了所有這些,您的設計師應該提供適當的 UI 導航,否則用戶將無法在您的應用程序中找到自己的方式並會迷路。 這種糟糕的導航設計會導致用戶從轉化漏斗中掉線。

要獲得 UI 和 UX 友好的導航,首先要從 A 點映射到 B 點。設計導航菜單將通過從一開始就提供適當的可視化和與您的設計進行實時交互,為用戶提供一種方式。

10. 適用於 Android 和 iOS 的強制擬合設計指南

Android和iOS都是不同的平台,需要不同的設計。 這是設計師常犯的錯誤,因為他們對平台和應用程序界面應用相同的設計。 今天,人們可以使用先進的移動應用程序開發工具來使用跨平台策略,開發人員需要使用單個代碼庫來開發應​​用程序。

如果您的預算有限,請確保避免此類錯誤。 您可以測試市場並決定是繼續使用混合應用程序還是選擇原生應用程序。

11. 不包括微交互

微交互將傳達系統狀態,支持錯誤預防並傳達品牌。 我們可以說,微交互是偉大設計的秘訣,因為它有助於保持更多的參與度,使設計具有正確的外觀。

在視覺設計元素時,您需要注意一些事情。

  • 保持語言簡單
  • 為每個微交互提供人聲
  • 與其他元素創造視覺和諧
  • 不要想太多簡單的短信通知
  • 認真對待每一次互動和細節
  • 記下適應以及後續微交互將如何發揮作用

讓我們舉一個例子來說明微交互將如何發揮作用。

Apple 智能手錶是一種可以為您提供大量交互的設備,因為該設備專為大量通知而設計。 除此之外,每個應用程序都將具有旨在在屏幕上提供信息的功能。

12. 不做 QA 和可用性分析

設計師應該通過獲取某種反饋來分析他們的應用程序使用情況,以了解哪些內容在那里工作,哪些內容不工作。 在令人印象深刻的新鮮眼光和進行 Beta 測試的幫助下,更深入地研究應用程序的草稿。 在公開之前向 beta 測試人員發送廣告並在您的受眾中工作。 毫無疑問,Beta 測試可能會很耗時,因為它會涉及所有的編輯功能並找出您的應用程序中缺少的內容。

13. 不設置默認值

對於交互式元素,可以考慮默認值,這對用戶來說是一個很大的幫助。 需要考慮小規模的視覺演練,讓用戶更輕鬆。 向用戶展示如何使用應用程序,為用戶和不確定的用戶提供各種選擇,加快完整的交互。 默認值有利於反饋,這有助於減少錯誤的數量,並且使用 null 選項可以立即知道用戶是否做出了決定。

一些專家建議

根據您的用戶需求繼續學習和改進移動應用程序 UI。 通過展示最佳的 UI 設計靈感網站來結束這篇文章,例如:Behance、Dribble、Awwwards、UI Movement、Flickr、Site inform 和 pinterest,它們已經證明了設計應該是多麼令人滿意。

專家建議:

  • 通過添加適當的設計、按鈕和供用戶交互的區域,為您的內容提供喘息的空間。
  • 添加邊距、圖案和合適的字體,以便在每個屏幕上更加一致。
  • 在需要時使用具有適當尺寸和比例的 UI 元素。
外賣的想法

現在,是時候將您的好主意付諸實踐了。 您可以將以上幾點視為一份清單,以幫助您通過所有質量流程並通過確保您的應用程序在視覺和可用性方面良好來克服所有移動應用程序設計錯誤。 我們或用戶可能不會注意到更多瘋狂的設計錯誤。 總而言之,您需要通過提供您可以稱讚的最聰明的解決方案來識別這些錯誤並避免那些常見的看不見的錯誤。