讓移動交互更好的 7 個提示

簡評：移動端設計的優劣其實很容易看出來。當用戶能輕鬆流暢地在你的產品中完成各項動作，那說明這個 App 或者網站設計得不錯。反之，一個糟糕的設計，用戶也能很輕易從簡單的操作中感受到。

移動應用和網頁的設計必然應該具有良好的易用性和交互性。設計師的任務便是創建一個直觀的界面，引導用戶快速流暢地操作，達成目標。

本文將從 7 個方面闡述提升移動端交互設計的基本策略。

1. 提高可學性

每個設計師都致力於創造一個獨特的產品，以及原創的交互和導航系統。

成功的原創產品固然能讓自己在市場中引人注目、脫穎而出。然而，創新設計在很多時候意味著與眾不同，意味著反常規。用戶在這個全新的環境下是需要適應時間的。

如果這個交互系統的邏輯不夠清晰，或者不符合受眾需求，那麼就會讓用戶在使用過程中感到困擾。這種時候用戶往往會因為不可調和的衝突而選擇放棄，繼而離開。

因此，設計師要著重關心交互元素的「可學性」，降低用戶學習成本。簡而言之，可學性意味著用戶在第一次使用過程中就能輕鬆地完成任務，以及用戶能夠基於過往經驗快速學會新的交互模式。

所以設計師應該盡量保持交互的簡單直觀，還有交互的自然邏輯性。

2. 考慮不同的握持方式

移動設備，特別是智能手機，也分不同的握持方式，而不同握持方式時交互也是不同的。

最常見的握持場景是：

• 單手握持，拇指交互
• 一隻手握持，另一隻手的手指進行交互
• 雙手握持，拇指交互

了解到這個情況後，就需要考慮界面布局和元素放置的位置是否合適了。

第一種單手交互的情況需要特別關注，它的舒適觸及空間是最小的，因此將關鍵組件放置在屏幕底欄或許是個好主意。另外，界面元素的觸發區域也應該足夠大。

3. 應用識別模式

直觀易用的界面交互，包含了用戶熟悉的識別模式。藉助識別模式來設計用戶界面和交互，會更加高效，它們是用戶已經熟悉的元素，以及對應用程序如何工作的提示。

舉個例子，購物類 App 的產品界面中，通常會有購物車和購買按鈕，支付和購買的方式都大同小異。用戶在使用的時候就會更加自如。

這也就是為什麼許多界面設計中都包含標準化組件，這樣一個新的應用程序也不會因為全新的環境而嚇到用戶，有助於用戶快速上手。

4. 乾淨清爽的設計

移動端的小屏幕是設計的一大挑戰，設計師要弄清楚如何在小屏幕中塞下自己想放進去的內容，而又不會讓用戶界面變得臃腫雜亂。乾淨的用戶界面有利於用戶與產品進行快速的互動，所有核心元素都可以輕鬆觸及。

要讓界面乾淨清爽，可以嘗試使用圖標作為交互組件。文本元素通常會佔據更多的空間，信心傳遞效率也不如一個簡單的形狀更快速。不過，圖標設計上要注意它能夠被用戶正確識別，因此可用性測試必不可少。

5. 減少冗餘操作數

歷經一個複雜的流程才能完成任務，這種體驗太糟糕了。

移動應用是為了解決用戶問題而存在，而不是創造更多問題。因此移動應用應該盡量採用更簡潔的流程提升操作效率。

記住一點，用戶評價應用程序不是這個應用多厲害，而是它對於用戶來說是否更好地解決了問題。

6. 添加遊戲機制

所謂簡潔界面其實也是有弊端的，那就是如何吸引用戶關注。因此把情感元素帶入產品設計中就很有必要了。

在這個過程中，遊戲化機制或許可以試試。

將遊戲機制應用到移動應用中，用各種各樣的挑戰和獎項激勵用戶與產品進行更多的互動，並且不停地為產品提供有效反饋。

更重要的是，加入用戶歷程之後的遊戲化設計，能讓整個產品布局更加清晰，並且用戶會在用戶歷程中逐步變化和成長，這也會催生產品的新發展方向和可能性。

當然，最顯而易見的好處就是遊戲化設計能讓產品更加有趣，讓用戶得以放鬆。

7. 可用性測試

可用性測試必不可少，它通過對潛在受眾進行測試來幫助評估該應用程序。

通常在產品開發階段前進行可用性測試，這個時候能夠對方案進行調整和修改，消除各種問題，確保產品滿意度。

一個看似簡單的移動交互系統其實並不容易創建，共勉。

原文鏈接：

7 Tips to Enhance Mobile Interactions

推薦閱讀：

極簡主義設計的最佳實踐zhuanlan.zhihu.com

極光日報，極光開發者旗下媒體。

每天導讀三篇英文技術文章。