移動應用程序設計的 10 條誡命
已發表: 2017-09-20不要把事情複雜化
Google Play Store 中有超過 340 萬個應用程序，而 Apple 的 App Store 中有超過 200 萬個應用程序。 這意味著，平均每天有 3,389 個應用程序被添加到 Google Play 商店——雖然 Apple 的選擇性更高，但每天仍有 1,557 個應用程序進入 App Store。
如果您是一名移動應用程序設計師，希望您的應用程序能夠從日常氾濫中脫穎而出，那麼您必須創建一款既美觀又易於使用的產品。
需要一點指導來確保您正在盡一切努力設計一個成功的應用程序？ 無需爬山——我們在這里為您提供了移動應用程序設計的 10 條戒律：
不要把事情複雜化
作為應用程序設計師，很容易忘乎所以。 當你將一個新的應用程序推向市場時，你會覺得你需要塞進各種（目前）覺得非常必要的功能。 當您與團隊一起處理項目時尤其如此。 沒有人想成為那個不斷地對其他人的想法持斧頭的人——或者一個以從項目中刪除一個殺手級功能而聞名的人。 然而，對於移動應用程序設計，包括外圍的額外功能通常只會導致用戶混淆，以及混亂、不集中的 UI。
“移動用戶想要時尚、快速的用戶體驗。 用一堆額外的步驟加載你的應用程序，甚至試圖複製產品的桌面體驗都是錯誤的設計方法，”Geeks Chicago 總裁 Mark Tuchscherer 說。 “移動用戶將接受一種極簡主義的方法，而不是其他任何東西。”
我們同意——將您的功能限制在必要的範圍內，並且在您使用它時，請確保您的 UI 反映了類似的心態。 您的 UI 應該完全滿足用戶的需求，僅此而已。
你應該確保你的設計是可訪問的
正如我們之前所說，可訪問性不僅僅是一個很好的東西——它是一個絕對必須存在於你的應用程序中的關鍵特性。 坦率地說，如果您沒有將可訪問性放在移動應用程序設計的最前沿，那麼您需要回到繪圖板上。
一方面，考慮到 5700 萬美國人有殘疾，絕對有必要吸引有代表性的觀眾。 事實上，互聯網上有聽力障礙的美國人比世界上意大利人的總數還要多。 有視力障礙的美國人也是如此。 請記住——那隻是美國人！
除此之外，無障礙設計就是好的設計。 Apple 和 Android 建議的可訪問性設計最佳實踐強調了無論如何您絕對應該做的事情，例如準確地標記您的 UI 控件、提供基於焦點的導航和避免純音頻應用程序反饋。
當然，無論您是為 Android 還是 iOS 設計，您都絕對需要在廣泛的受眾中測試您的應用程序。 不要只是在你的辦公室周圍傳遞它——讓它交到不同人群的手中。 您最不想看到的就是您的應用無法被大部分市場使用。
你不應該重新發明輪子
雖然可能有很多設備，但幾乎每個人都遵循一些通用設計和 UX 提示。 考慮一下您自己使用應用程序的體驗：當您與屏幕交互時，您期望某些事情會發生。 在某些應用程序中，這可能意味著當您將拇指滑過菜單時，您希望菜單會從側面彈出。 對於其他人來說，這可能意味著合乎邏輯且熟悉的觸摸手勢，例如通過拖放移動對象。
我們並不是建議您簡單地將您的應用程序根據已經出現的 UI 元素零碎地組合在一起，但您應該了解您的用戶對他們的應用程序體驗的期望。 您添加的任何新元素都需要通過自定義入職流程或直觀學習進行解釋。 這為您的用戶增加了一層額外的複雜性。 除非你絕對沒有其他選擇，否則應該避免。
這樣想：如果您下載了一個用於瀏覽照片的應用程序，並且它要求您學習一種全新的與屏幕交互的方式（例如，使用您不熟悉的手勢），您會繼續使用它？ 如果有另一個應用程序可以讓你使用你已經熟悉的手勢怎麼辦？
不要為了讓自己與競爭對手區分開來就拋棄常規。您應該始終使用用戶熟悉的設計語言，除非添加新元素是不可避免的並為應用體驗增加一些東西
你應該永遠記住你在為誰設計
如果您正在為攝影師設計移動照片編輯應用程序，那麼您將有不同的優先級，而不是為幼兒設計單詞記憶遊戲。 你設計的每個觀眾都會有不同的期望，每個觀眾都會對不同類型的設計做出反應。
為您的應用程序的虛構用戶開發角色以模擬您希望人們如何與之交互會很有幫助。 你是為專業人士設計的嗎？ 一個學生？ 醫生？ 企業？ 小企業？ 您是否正在創建旨在供客戶或員工使用的東西？ 程序員還是設計師？ 音樂家還是跑步者？
在開始草擬設計之前，請確保您確切地知道您正在創建什麼 - 以及您正在為誰創建它。 您應該能夠將您的目標和目標人群歸結為一個簡單的短語：“旅行愛好者的約會應用程序”。 “適合新手製作人的工作室混音應用程序。” “適用於 IT 專業人員的網絡診斷工具。”
為你推薦：
元界將如何改變印度汽車業
反暴利條款對印度初創企業意味著什麼？
教育科技初創公司如何幫助印度的勞動力提高技能並為未來做好準備……
本週新時代科技股：Zomato 的麻煩仍在繼續，EaseMyTrip 發布強...
印度初創公司走捷徑尋求資金
數字營銷平台 Logicserve 獲得 80 盧比的資金，更名為 LS Dig...
如果您正在努力做到這一點，請考慮一下為什麼會這樣——您是否真的專注於為您的用戶創造最佳體驗，或者您只是想設計一些對您來說看起來很酷的東西？ 永遠不要失去對目標的關注。
你應該使用不討厭的字體
這種設計罪是我們都經歷過的。 不管它是在應用程序中、在醫生辦公室的信箋上還是在 PowerPoint 幻燈片上——當字體不屬於時，我們會注意到。
關於 Comic Sans 或 Papyrus 衰落的文章已經足夠多，你會認為移動應用程序設計師會更加關注他們在設計中使用的字體——但情況並非總是如此。 僅僅避免一些不好的字體並不足以讓您的應用程序美觀。 您必須找到適合您的應用程序且不會影響您的用戶體驗的字體。
“排版是用戶體驗不可或缺的一部分，因此使用簡潔的網絡字體非常重要，”Pointman 的高級 UX/UI 工程師 Mike Spencer 說。 “我更喜歡移動應用程序的無襯線字體，但真正重要的是它適合你的設計並且可讀。”
你應該保持一致
您需要做出設計選擇，並在整個應用程序中堅持使用它們。 在突然切換到幾個選擇屏幕上的滑出側面板之前，不要在每個頁面上都有頂部導航欄。 不要在啟動畫面中使用柔和的大地色調，一旦加載就切換到粉彩。 如果您的應用程序中的一個按鈕具有一定的填充量，那麼它們都應該具有相同的填充量。 您的應用程序需要始終具有統一的感覺，否則會給用戶帶來不和諧和不愉快的感覺。
保持一致性不僅僅是美學。 您使用的設計元素正在巧妙地向您的潛在用戶傳授有關您的應用程序的一些知識。 如果你突然改變規則，那麼你就會把它們扔掉並混淆它們。
如果還有其他與您的應用程序相似的應用程序，請注意他們在設計方面所做的事情。 這將向您展示用戶對您的應用程序的期望。 您會注意到 Google 的所有應用程序都具有一致的外觀——Apple 也是如此。 如果您正在為特定公司或行業設計某些東西，請確保您的應用程序符合他們的風格。 同樣，如果您正在為某個行業構建應用程序，它應該在美學上感覺“適合”該行業。
你應該記住移動性
移動應用程序設計是……嗯，移動。 儘管如此，許多設計師似乎忘記了用戶將用手指（在許多情況下，只用拇指）瀏覽他們的應用程序。 儘管手機在過去幾年中變得越來越大，但仍有大量用戶和用例需要單手操作。
您還應該考慮用戶將所處的環境。他們可能坐在移動的車輛中，或者在走路時點擊按鈕。 如果你有太多按鈕堆疊得太近，或者屏幕上堆滿了不必要的設計元素，你的應用程序將難以理解，並且使用起來不愉快。 您的 UI 需要乾淨整潔，這樣您的用戶才能找到他們需要的功能並輕鬆按下正確的按鈕。
OneSpring 的首席信息官兼首席執行官 Robert Grashuis 和 Jason Moccia 分別指出了使用大量負空間來幫助用戶瀏覽您的應用程序的重要性。 “屏幕上過多的活動會分散讀者的注意力。 明智地使用空白來減少混亂並幫助用戶集中註意力。”
你應該記住用戶流
無論你的設計多麼乾淨，如果你的應用程序沒有自然的流程，它就不會贏得用戶。 在深入研究移動應用程序設計之前，您需要問自己幾個基本問題，例如：
- 您的應用為用戶服務的目的是什麼？
- 他們將如何通過它來獲得他們需要的功能？
- 他們需要解析多少頁？
- 訪問某個按鈕需要多少次菜單點擊？
- 哪些功能需要最易於訪問？
這可以幫助指導您的設計，向您準確展示每個頁面上需要包含的內容。 理想情況下，這一步應該在您開始繪製（或原型製作）您的應用程序之前進行。 在空白文檔或一張紙上，您可以繪製出各種任務的用戶流程。 例如，如果你正在設計一個幫助音樂家調音的應用程序，你可以有一個看起來像這樣的流程：
主屏幕 > 選擇樂器 [吉他] > 選擇調音 [標準] > 選擇弦樂 [E]
您可能決定簡化常見任務的流程。 例如，您的調音器可以允許用戶將特定樂器和調音組合保存到主屏幕上的按鈕。 一旦他們選擇了他們喜歡的樂器和調音，流程將如下所示：
主屏幕 > 保存的樂器/調音 > 選擇弦樂 [E]
像這樣繪製用戶行為可以幫助您設計一個自然流動的應用程序。 它還確保您不會忘記添加可能對您的應用程序成功至關重要的特定設計元素。
你應該創建一個現實的原型
設計一個應用程序——更不用說編碼了——可能是一個漫長而令人沮喪的過程。 幾乎每個設計師或開發人員都有過想出令人難以置信的設計、對其進行編碼並將其發送給客戶的經歷，但他們卻被告知這並不是他們想要的。
同樣，雜耍草圖只能讓你走這麼遠。 蝕刻在餐巾紙背面的東西與您可以實際測試的真實原型之間存在很大差異。 雖然草圖可能會傳達總體思路，但交互式、逼真的原型可以讓您的客戶跳出座位。 即使他們對它不感興趣，工作原型也會讓他們更容易獲得反饋並進行必要的更改。
Proto.io 使您能夠設計逼真的、交互式的、充實的原型，這些原型的行為就像“真實”應用程序一樣，而無需您編寫一行代碼。 這樣，您就可以在深入研究之前為您的客戶和 QA 團隊提供真實的動手體驗。
說到質量保證……
你應該測試——然後再測試一些
說實話，當我們第一次開始概述這篇博文時，我們很想進行 1 到 10 次“測試”——這就是 QA 的重要性。 這一點應該是顯而易見的——事實上，地球上幾乎每個開發人員或設計師都會告訴你，測試對於創建流暢的用戶體驗至關重要。
然而，我們都有同樣的下載應用程序的經歷，並且對它的運行狀況感到完全困惑——也許它無法在我們的手機上正常啟動，或者載入過程太可怕以至於你立即刪除它。 或者，它在技術上可能工作得很好，但設計元素沒有意義，或者文本不清晰。
即使您的應用程序沒有致命缺陷，用戶也可能善變。 一個小錯誤可能會讓他們不再使用您的應用程序。 為避免這種情況，請在整個過程中測試您的應用。 從您的第一個原型，到您將準備啟動的應用程序發送出去進行驗證的那一刻，您應該一直在尋找可以修復或改進的東西。
雖然這 10 條規則會讓你走上正軌，但移動應用程序設計不僅僅是遵循指南或檢查待辦事項列表中的項目。 你必須要有創造力——最好的應用程序會發現複雜的問題並優雅地解決它們。
【本文首發於Proto.io ，經授權轉載。】