使用這些移動應用程序設計最佳實踐取悅用戶

移動應用程序是連接體驗的集合。 設計師的工作是讓這些體驗具有凝聚力和無摩擦性。 這不是一項小任務。 UI 模式和組件在所有屏幕上的外觀和行為必須一致。 交互必須直觀且與用戶期望的結果保持一致。 整個應用程序必須包含可訪問性指南。

用戶研究和測試是發現應用程序取得持久成功所需的細微差別的最佳方法。 但是，有一些廣泛適用的最佳實踐可以幫助您設計能夠長期取悅和留住用戶的移動應用程序。

簡化和簡化您的入職流程

研究表明，與沒有看到教程的用戶相比，收到入門教程的用戶傾向於認為任務更難。 在某些情況下，引導屏幕和工具提示可以成為介紹應用程序關鍵功能並鼓勵用戶將應用程序作為日常工作的一部分的有效方式。 但是，要求用戶查看三個或四個以上的引導屏幕或預先閱讀太多信息可能會令人討厭。 用戶通常寧願自己解決問題。

一般來說，應用程序的 UI 應該非常熟悉和直觀，以至於不需要教程。 但是，如果您發現有必要使用入職策略，請限制教程中的步驟數量，並在可能的情況下僅在與用戶已經採取的操作相關的上下文中顯示它們。 此外，將工具提示限制為應用程序的一些最重要的功能。

在應用程序和桌面版本上提供相同的功能

隨著移動網絡流量的增加，大多數用戶希望能夠在他們的移動設備上執行與在台式機上相同的任務。 雖然一項研究表明，大多數用戶仍然喜歡在台式機上完成複雜的任務，但皮尤研究中心的一項研究發現，15% 的美國成年人使用智能手機作為他們訪問互聯網的唯一方式。 例如，無法訪問移動銀行應用程序上的所有功能可能會導致用戶沮喪，最終導致用戶將業務轉移到其他地方。

管理功能推出預期可能是一個好的應用程序評論和一個糟糕的應用程序評論之間的區別。 如果您需要在實現其完整功能集之前啟動您的應用程序，請不要發布“即將推出”屏幕，並創建可公開訪問的功能路線圖以建立準確的預期。

明智地使用通知

通知是留住用戶的最強大工具之一，它可以及時推動用戶重新進入應用程序並與內容互動。 但是考慮推送通知的頻率和時間以及它們提供的內容至關重要。 接收到過多的 ping 或不規則的突發可能會導致用戶完全禁用通知。

顯示通知時，請保持上下文相關； 例如，當用戶嘗試拍照時請求訪問相機的權限。 添加易於訪問的精細通知設置，以便用戶可以根據自己的需要定制通知。 此外，在用戶有機會體驗您的應用程序及其提供的價值之後，不要要求用戶在第三次或第四次與您的產品交互之前允許通知。

讓您的 Web 視圖無憂無慮

Web 視圖允許開發人員和設計人員快速且廉價地進行迭代，並在應用程序更新之間進行更改。 如果使用得當，它們可以通過將用戶留在應用程序中同時顯示預定頁面來節省開發時間並簡化用戶體驗。

Web 視圖也使用戶受益。 例如，它們使應用程序可以輕鬆訪問設備的硬件，例如相機。 此外，許多應用程序使用 Web 視圖對用戶進行身份驗證，用戶可以使用密碼管理器登錄，然後被無縫重定向回應用程序。

然而，當涉及到本地應用程序和 Web 視圖之間的上下文切換時，用戶不會容忍摩擦。 必須在應用程序和瀏覽器之間來回切換才能完成任務是糟糕的用戶體驗。

針對連接性較差的應用程序優化

任何未優化以在連接性較差的情況下處理最關鍵任務的應用程序都是低於標準的。 例如，如果用戶正在預訂旅行計劃或進行電子商務付款，請確保保存他們的操作，然後在重新連接後立即執行。

如果您的應用程序始終需要連接，請與用戶溝通他們需要連接才能繼續，而不是向他們展示無休止的微調器，或者更糟糕的是，什麼也沒有。 害怕被雙重收費的用戶會失去信任並最終放棄你的應用。

保持你的模式和組件一致

對於數字產品，視覺一致性是必須的。 未能實施和維護視覺指南表明缺乏專業精神，並可能削弱用戶之間的信任。 經驗凝聚力同樣重要。 例如，按鈕、表單、菜單和儀表板等組件和模式不僅應該統一樣式，而且應該在整個應用程序中保持一致，無論頁麵類型如何。

作為移動應用程序設計師，您創建的不僅僅是視圖集合； 你是 UI 系統的設計師。 為了在開始新項目時灌輸一致性，請嘗試各種設計系統，例如 Apple 的人機界面指南和 Google 的 Material Design，以確定最適合您用戶設備的設計系統。

減少 UI 中的噪音

四四方方的 UI 是 90 年代軟件設計的遺留物。 除了看起來過時之外，該樣式還具有過多的線條、邊框和實體形狀，會產生過多的視覺噪音，使用戶更難處理屏幕上的信息。

然而，一些支持結構對於幫助用戶理解頁面的視覺層次結構是必要的。 雖然沒有什麼神奇的公式，但寧可少用，也要謹慎使用線條、純色背景和陰影等支撐結構。 如果使用得當，填充可以提供像線條一樣清晰的區別，前提是構圖中有足夠的空間。

讓您的應用程序完全可訪問

Neumorphism 是一種設計趨勢，其中界面組件使用微妙的陰影、漸變疊加和單色進行渲染。 神經擬態組件旨在呈現觸覺並邀請交互，但它們對單色和低對比度的依賴可能使清晰查看它們變得具有挑戰性。 有視覺障礙的用戶在很大程度上也無法使用新擬態——這與對包容性數字產品的需求不斷擴大的趨勢背道而馳。

此外，神經擬態組件通常難以編碼，因此很難將這種美學與公司的視覺指南相結合。 如果您決定使用神經擬態組件，請適度使用，並確保您的產品仍符合可訪問性標準。

致力於持續學習

堅持移動應用程序設計最佳實踐需要不斷學習：閱讀設計網站和文章，與其他設計師交流技巧和竅門，並與新興工具和流程保持同步。 這也意味著要面對新設備和平台帶來的挑戰，並認識到您何時依賴舒適的模式和實踐——而不是現在就設計真正最適合用戶的東西。

編者註：感謝 Toptal 網絡成員 Damir Kotoric 為本故事提供設計見解。

進一步閱讀 Toptal 博客：

• 移動用戶體驗設計原則
• 移動信息架構原則（附信息圖）
• 移動界面的啟發式原則
• 移動用戶體驗設計約束、最佳實踐以及與開發人員合作