打造“殺手級”移動應用的 7 個步驟
英文原文:7 Steps To A Killer Mobile UI
最近的哈里斯互動研究表明,較差的移動應用程序,可能極大地損害品牌的聲譽。幾乎有三分之一的受訪者表示,當有一個差的移動應用程序經驗時他們告訴過別人。不過,超過半數表示,他們推薦過有良好體驗的移動應用程序。
為移動應用提供一個良好的用戶體驗是至關重要的。這里有七個步驟,讓你以正確的方式開發一款偉大的移動應用程序。
1. 定義你的目標
你想完成的移動應用程序是什么?最重要的是,你的用戶想要拿它干什么?你必須確定你的應用程序將達成的目標。對于這一點,你需要了解用戶使用這個程序每天的活動、圍繞它的目標和動機。
一個好的方法是創建人物(代表用戶的虛構人物)。這種方法使你以正確的心態來為你的應用程序陳述需求。例如:“作為保安人員,約翰尼·布拉沃必須用他的手機,找出下一個他應該到達的檢查點,并簽到,這樣他就可以完成隨機巡邏。”這種方法可以讓你從用戶的角度來看應用。
當然,要考慮移動和桌面應用程序的用戶故事之間的差異,尤其是當考慮到移動環境。例如,移動用戶可以步行或用一只手。
經過收集幾個這些故事后,你必須根據他們的頻率區分優先級。
2. 分析現有的應用程序
如果這是你所創建的第一個移動應用程序,仔細看看現有的其他應用的界面,可以發現有兩個顯著的事情:屏幕尺寸很小,所以許多移動設備上使用觸摸屏;屏幕上的元素一定要大,以便他們很容易觸摸。
較小的屏幕和更大的元素意味著你在屏幕上顯示的項目數量有限。
“選擇在手機屏幕上怎么做”是一個挑戰,甚至一些專家主張,在桌面版本之前創建一個移動網站版本。
區分你的用戶故事優先次序對此很有幫助。你要認真研究最重要的功能,分析出在 80%的時間使用的 20%的功能。這些對于桌面應用開發也非常有幫助。
3. 本地應用或移動 Web 應用?
你需要決定使用 HTML5 還是本地 API。這一決定對 UI 技術實現有很大的影響。
本地應用程序通常運行速度更快,是游戲、離線、硬件密集型應用程序的最佳選擇。移動 Web 應用程序可更快地實施,易于維護,更好地適合企業應用程序。二者混合的方法也是有道理的,這樣你既可以利用移動 Web 應用的維護方便特性,也可以使用特定的硬件功能,如手機的攝像頭或 GPS。
你可以利用現有的框架和平臺解決方案,但無論選擇什么,確保你可以快速地創建和修改用戶界面,以便你可以經常迭代。
4. 快速制作原型
項目啟動時測試移動界面的一種快速方法是使用低保真原型。
移動應用程序原型制作很簡單:鉛筆和紙都是你所需要的,因為屏幕小,你不需要繪制太多。原型可以通過請用戶嘗試完成他們的任務來測試,看看他們做什么,正在想什么,其結果對改進設計是驚人的。如果你的移動設計測試失敗,那么你的應用程序也將失敗。
5. 避免破壞用戶體驗的錯誤
當開始創建移動應用程序時,開發者通常會犯一些已知的錯誤。首先,如果他們創造一個現有網站的移動版本,開發人員常常試圖復制桌面上每一個功能,沒有考慮到移動用戶的意圖。
另一個常見的錯誤是有太多的導航結構。深層結構不能很好地適用于移動,簡單的模型才能更好地工作。希望用戶能夠輕松地輸入文字是另一個錯誤:移動設備上文本輸入很難,所以你要盡量減少輸入。
在手機上運行的優秀應用,是讓閱讀更多內容而不是書寫內容。
6. 添加令人愉快的細節
智能手機永遠伴隨著你,且知道你在哪里,這就是為什么 mapping 地圖應用程序是如此的成功。智能手機可以聽到你所聽到和看到你所看到的,這也解釋了 Shazam 和 Instagram 的普及。使用位置、攝像頭、麥克風,都是獲得用戶所處環境的聰明方法,你可以以獨特的方式利用它。
即使你不使用移動設備的硬件功能,也有幾個技巧可以用來取悅用戶。動畫可以增加你的應用程序的生動性。如果你正在創建移動 Web 應用程序,緩存靜態內容、考慮使用 CDN 內容交付網絡,可以使頁面載入更快。
受歡迎的觸摸移動 Web 應用程序的另一個特性是可以讓用戶將它們添加到自己的主屏幕,使他們看起來像本地應用程序的感覺。如果你做到這一點,請記住,在你的用戶界面上包含后退按鈕,使用戶可訪問退出選項。
記住用戶在不同會話中的選擇(例如,最近的項目列表),是另一種智能觸摸,這將使應用程序具有上下文感知,使用戶不必重復導航步驟。這些可用性能快速完成操作,使用戶的使用更輕松。
7. 失敗寧早,恢復要快
即使有優秀的設計師和開發人員,第一次嘗試創建移動應用程序可能也會失敗。最好的策略是失敗寧早和快速迭代,學習人們是如何使用你的應用程序,并不斷改善它。
打造一款殺手級移動應用是很難的,但在這篇文章中概述的戰略將對你的工作有所幫助。認真的考慮它們,以你自己的方式來創建一些偉大的移動應用程序吧!