設計一款移動應用前你應該知道這些事情 | 掘金翻譯計劃

  • 原文鏈接:The Basics of Designing Mobile Apps
  • 原文作者:Bogdan Sandu
  • 譯文出自:掘金翻譯計劃
  • 譯者:shenxn
  • 校對:markzhai,ZhaofengWu

我們有一些好消息也有一些壞消息,也可能在你眼中這些都是好消息。好消息是,你終於擁有了所有用於構建你自己應用的工具!

構建應用的技術和工具都在變得更容易獲得和使用。壞消息是,你不是唯一知道這個事實的人。全世界的人都在著手於構建他們的第一個應用。但是不用擔心,還有更多的好消息:在這篇文章中,你可以了解到構建一個完美應用的所有知識。

當今的移動應用產業比以往的任何時候都更發達。所有的業務,從體育用品經銷商到食品雜貨店都在試圖設計一個移動應用。試想哪個消費者會不希望將他們最喜歡的球隊或是他們的購物清單放在口袋裡呢?

在設計移動應用的時候,你需要對產品的外觀、體驗、以及應用和用戶之間的關係負責。只要你知道這一點,可能性將會是無窮的。然而,有這麼多成功的機會,也會有很大犯錯的可能。

我們來了解一些設計應用時非常重要的事,從如何做研究到如何與開發團隊合作。

做研究

在我們開始討論研究部分前,先回顧一下你之前所做的。恭喜你!你將要踏上一個非常有趣、有一點困難並且非常值得的旅程。

有句格言說:寫你所知道的。這對於應用設計來說同樣適用。如果你想要做一個應用的設計師,你應該先成為一個應用的用戶。作為一個用戶,你會開始了解你喜歡應用的哪些部分,又不喜歡哪些部分。比如哪些字體看起來最棒,或者哪些布局最易於使用。

你應該知道,移動應用與網站或者在線應用有很大的不同。你現在歐美很好是一個活躍的應用用戶,也是一個重度依賴的智能手機擁有者。你知道移動應用是有重心的、具有特殊性的,並且是獨立的、封閉的。在你設計你自己的應用時也要牢記這些。

另一件需要記住的是,移動應用是一個全新的產業!同時,智能手機,作為移動應用的平台,也是全新的。保持在世界智能手機創新的頂峰能讓你在設計領域不斷向前,也讓你的應用成為最新、最閃耀的應用。

此外,閱讀官方的設計指南不是一個壞主意,像是 iOS 人機交互指南 - iOS Human Interface Guidelines 或是 Android 用戶界面指南 - Android User Interface Guidelines。

做更多的研究

你為什麼要做這個?你打算怎麼做?這是兩個令人膽怯,但顯然是非常重要的問題。在你開始你的應用設計之前,你必須要問自己這兩個問題。

第一是設計一個應用,第二是使應用達成你的目的,不論是為了錢、交流或是便利性。如果你能在設計進程中牢記第二個目標,最終的產品就會更加有效。

你打算怎麼做一個應用?列出你構建應用所必須完成的任務是非常有幫助的。做一個計劃日程來檢查列表上所有的項目是創建一個應用最有效率的方式。

此外,思考一下誰將要使用你的應用。如果你同時從設計者和用戶的角度去思考你的應用,你將能創造一個兩邊都感到開心的應用。

研究你的競爭對手

不論你是在一個樂隊比賽或是烹飪比賽中,了解你的對手總是明智的。對移動應用來說,有太多不同的網站、論壇和帖子可以讓用戶分享他們對於應用的觀點。

花上幾個小時詳細閱讀這些網站和評論,你就可以對市場上的應用有一個比較全面的認識,同時也可以了解到用戶想要什麼。在開始設計應用之前知道你用戶的偏好可以在之後為你節省很多修改的時間。

用戶至上自然是沒錯的,但是也別總把互聯網上的各種言論都當成是對的。下載一些應用,考慮哪些觀點是正確的,而哪些地方你不認同。

獲得靈感

就像之前提到的,你正在進入一個巨大的、瞬息萬變的、並且年輕的領域。每天都有成百上千的應用被創造出來,每一天都會有新的東西。流行語「有一個實現了該功能的應用」不是憑空出現的。市面上應用的數量以及它們實現的功能都是令人震驚的。你希望你的應用是獨特但易於使用的。

視覺靈感是非常重要的。這甚至是一種可以讓你在整個產業留下自己印記的方式。想想那些手機上已經存在的手勢。在手機上做事的方式是不斷發展的。想想那些還沒有出現的手勢。你應該時刻想著:「完成這項任務最自然的方式是什麼?」雙擊?滑動?還是輸入文字?

記住:尋找靈感但不要剽竊。你可以通過觀察那些已經存在的應用學到很多,並且極大地改善你自己的應用。

是時候設計應用了

終於,是時候應用所有的研究成果了!想想你使用應用時所有的體驗,以及你讀到的所有用戶的評論、顧慮和意見。那麼,你希望你的應用長什麼樣?帶給用戶怎樣的感覺?怎樣來使用?不論是畫草圖還是 PhotoShop,開始設計你的應用吧。

這一部分可能會很難而且很耗費時間。記住:現在花費的時間就是將來節省的時間。

當你的應用有一個基本草圖的時候,不論是在紙上的還是在你的硬碟里,你就可以開始構建應用的結構了。有很多的原型設計工具可以使用,只需要確保你使用的應用與你設計的界面兼容就可以了。

確保應用的基礎組件具備功能性顯然是非常重要的。創建一個強健的核心可以保證你的應用易於使用,而不是使用戶感到困擾的。多個設計稿或版本是必要的,所以如果從基礎開始設計你的應用,所有這些版本版本都會是可用的,甚至是完美的。

關於細節

如果魔鬼存在於細節中,那天使也同樣在其中。一個好看的重音符號或是一個有風格的字體都會是你的應用在巨大的市場中獲得成功。那些細節可以成就一款應用,也可能毀掉一款應用。

導航在你的應用中瀏覽應該是非常容易的。如果用戶不能找到他們想要的,他們就不能獲得完整的應用體驗。符合用戶的使用習慣應該比好看更重要,這樣才能創造流暢的用戶體驗。將谷歌、必應、或是其他流行搜索引擎作為參考不失為一個好方法。

有經驗的應用設計師都贊同,導航不應該是一個有過多創新的元素。可以在傳統的搜索系統上增加一些個人的特色,但不要創造一個用戶需要學習的系統。

排版是設計應用最重要的一個方面。如果你的文本難以閱讀或者你的字體很難看,你的應用將會變得無法使用。

行間距以及字間距都是非常重要的,特別是對於移動應用,因為它們只有有限的展示空間。你要確保在不影響文字閱讀的前提下最大化利用你的空間。

有經驗的應用設計師都贊同,你可以讓你的用戶自定義文字樣式,但是你依然應該使用好看的字體。如果用戶可以選擇字體將會給他們留下更深的印象,但是不論你的設計中是否包括字體設置,你的字體都應該是易於閱讀的,有風格的,並且合適的。

配色方案將會是有趣的一部分!選擇完美的顏色來補足你的設計是有趣且重要的。過多的顏色可能會分散用戶的注意力,或使用戶感到困惑。

嘗試不同的配色方案是最好的測試方法。你肯定希望你的顏色沒有衝突,並且你的文字在背景上清晰可見。有經驗的應用設計師會告訴你,在顏色上,少即是多。

測試是至關重要的

現在你的想法是一流的,你的設計是漂亮的,顏色是完美協調的,並且文字也擁有完美的字體,那接下來你要做什麼呢?你需要確認真實的用戶在使用你的應用時是怎樣的體驗。在應用將會被運行的設備上測試無疑是非常重要的,這確保你的設計可以給用戶最大限度的享受和生產力。

細節在設計中非常關鍵,在測試中也是。你能夠單手夠到所有的按鍵嗎?可以的話,那你在打字的時候另一隻手會遮住重要信息嗎?

此外同樣重要的是,你的應用在比你的測試機更老更差的設備上是否依然運行良好。確保所有的用戶都能完整體驗你的應用是成功的一個重要因素。

結語

現在你已經知道設計移動應用所有的基本內容了,去製作你自己的傑作吧!移動應用平台是一個極棒的平台,那上面有大量的選擇和機會。

最後我要提的是,與應用的開發者緊密合作總是一個好主意。你希望確保你應用的方方面面都跟你預想的一樣。花幾個月的時間設計一款應用,開發者卻按照他自己的思路應付你的項目將會讓人沮喪。所以即使進程的最終部分是沉悶冗長的,這將是創造出完美的最終應用的最佳方式。


推薦閱讀:

我理解的交互思維
HCI項目訪談--HCID@IUB 十問十答
HCI項目訪談--LDT@Stanford 十問十答
請問參加過人因國際(HFI)的Certified Usability Analyst(CUA)認證培訓的人,感覺怎麼樣?
如何為拇指做設計

TAG:移动应用设计 | 用户体验 | 人机交互 |