雷鋒網(wǎng)按：本文由 掘金翻譯計(jì)劃 譯者 shenxn 譯自《The Basics of Designing Mobile Apps》校對(duì)者：markzhai,ZhaofengWu。本文首發(fā)稀土掘金，未經(jīng)允許，禁止轉(zhuǎn)載。

我們有一些好消息也有一些壞消息，也可能在你眼中這些都是好消息。

好消息是，你終于擁有了所有用于構(gòu)建你自己應(yīng)用的工具！構(gòu)建應(yīng)用的技術(shù)和工具都在變得更容易獲得和使用。壞消息是，你不是唯一知道這個(gè)事實(shí)的人，全世界的人都在著手于構(gòu)建他們的第一個(gè)應(yīng)用。但是不用擔(dān)心，還有更多的好消息：在這篇文章中，你可以了解到構(gòu)建一個(gè)完美應(yīng)用的所有知識(shí)。

當(dāng)今的移動(dòng)應(yīng)用產(chǎn)業(yè)比以往的任何時(shí)候都更發(fā)達(dá)。所有的業(yè)務(wù)——從體育用品經(jīng)銷商到食品雜貨店都在試圖設(shè)計(jì)一個(gè)移動(dòng)應(yīng)用。試想哪個(gè)消費(fèi)者會(huì)不希望將他們最喜歡的球隊(duì)或是他們的購物清單放在口袋里呢？

在設(shè)計(jì)移動(dòng)應(yīng)用的時(shí)候，你需要對(duì)產(chǎn)品的外觀、體驗(yàn)以及應(yīng)用和用戶之間的關(guān)系負(fù)責(zé)。只要你知道這一點(diǎn)，可能性將會(huì)是無窮的。然而，有這么多成功的機(jī)會(huì)，也會(huì)有很大犯錯(cuò)的可能。

我們來了解一些設(shè)計(jì)應(yīng)用時(shí)非常重要的事，從如何做研究到如何與開發(fā)團(tuán)隊(duì)合作。

第一、做研究

在我們開始討論研究部分前，先回顧一下你之前所做的。恭喜你！你將要踏上一個(gè)非常有趣、有一點(diǎn)困難并且非常值得的旅程。

有句格言說：寫你所知道的。這對(duì)于應(yīng)用設(shè)計(jì)來說同樣適用。如果你想要做一個(gè)應(yīng)用的設(shè)計(jì)師，你應(yīng)該先成為一個(gè)應(yīng)用的用戶。作為一個(gè)用戶，你會(huì)開始了解你喜歡應(yīng)用的哪些部分，又不喜歡哪些部分。比如哪些字體看起來最棒，或者哪些布局最易于使用。

你應(yīng)該知道，移動(dòng)應(yīng)用與網(wǎng)站或者在線應(yīng)用有很大的不同。你現(xiàn)在最好是一個(gè)活躍的應(yīng)用用戶，也是一個(gè)智能手機(jī)重度依賴者。你知道移動(dòng)應(yīng)用是有重心的、具有特殊性的，并且是獨(dú)立的、封閉的。在你設(shè)計(jì)你自己的應(yīng)用時(shí)也要牢記這些。

另一點(diǎn)需要記住的是，移動(dòng)應(yīng)用是一個(gè)全新的產(chǎn)業(yè)！同時(shí)，智能手機(jī)，作為移動(dòng)應(yīng)用的平臺(tái)，也是全新的。保持在世界智能手機(jī)創(chuàng)新的頂峰能讓你在設(shè)計(jì)領(lǐng)域不斷向前，也讓你的應(yīng)用成為最新、最閃耀的應(yīng)用。

此外，閱讀官方的設(shè)計(jì)指南不是一個(gè)壞主意，像是 iOS 用戶界面指南—iOS Human Interface Guidelines或是 Android 用戶界面指南—Android User Interface Guidelines。

第二、做更多的研究

你為什么要做這個(gè)？你打算怎么做？這是兩個(gè)令人膽怯，但顯然是非常重要的問題。在你開始你的應(yīng)用設(shè)計(jì)之前，你必須要問自己這兩個(gè)問題。

第一是設(shè)計(jì)一個(gè)應(yīng)用，第二是使應(yīng)用達(dá)成你的目的，不論是為了錢、交流或是便利性。如果你能在設(shè)計(jì)進(jìn)程中牢記第二個(gè)目標(biāo)，最終的產(chǎn)品就會(huì)更加有效。

你打算怎么做一個(gè)應(yīng)用？列出你構(gòu)建應(yīng)用所必須完成的任務(wù)是非常有幫助的。做一個(gè)計(jì)劃日程來檢查列表上所有的項(xiàng)目是創(chuàng)建一個(gè)應(yīng)用最有效率的方式。

此外，思考一下誰將要使用你的應(yīng)用。如果你同時(shí)從設(shè)計(jì)者和用戶的角度去思考你的應(yīng)用，你將能創(chuàng)造一個(gè)兩邊都感到開心的應(yīng)用。

研究你的競(jìng)爭(zhēng)對(duì)手

不論你是在一個(gè)樂隊(duì)比賽或是烹飪比賽中，了解你的對(duì)手總是明智的。對(duì)移動(dòng)應(yīng)用來說，有太多不同的網(wǎng)站、論壇和帖子可以讓用戶分享他們對(duì)于應(yīng)用的觀點(diǎn)。

花上幾個(gè)小時(shí)詳細(xì)閱讀這些網(wǎng)站和評(píng)論，你就可以對(duì)市場(chǎng)上的應(yīng)用有一個(gè)比較全面的認(rèn)識(shí)，同時(shí)也可以了解到用戶想要什么。在開始設(shè)計(jì)應(yīng)用之前知道你用戶的偏好可以在之后為你節(jié)省很多修改的時(shí)間。

用戶至上自然是沒錯(cuò)的，但是也別總把互聯(lián)網(wǎng)上的各種言論都當(dāng)成是對(duì)的。下載一些應(yīng)用，考慮哪些觀點(diǎn)是正確的，而哪些地方你不認(rèn)同。

獲得靈感

就像之前提到的，你正在進(jìn)入一個(gè)巨大的、瞬息萬變的并且年輕的領(lǐng)域。每天都有成百上千的應(yīng)用被創(chuàng)造出來，每一天都會(huì)有新的東西。流行語“有一個(gè)實(shí)現(xiàn)了該功能的應(yīng)用”不是憑空出現(xiàn)的。市面上應(yīng)用的數(shù)量以及它們實(shí)現(xiàn)的功能都是令人震驚的。你希望你的應(yīng)用是獨(dú)特但易于使用的。

視覺靈感是非常重要的。這甚至是一種可以讓你在整個(gè)產(chǎn)業(yè)留下自己印記的方式。想想那些手機(jī)上已經(jīng)存在的手勢(shì)。在手機(jī)上做事的方式是不斷發(fā)展的。想想那些還沒有出現(xiàn)的手勢(shì)。你應(yīng)該時(shí)刻想著：“完成這項(xiàng)任務(wù)最自然的方式是什么？”雙擊？滑動(dòng)？還是輸入文字？

記?。簩ふ异`感但不要剽竊。你可以通過觀察那些已經(jīng)存在的應(yīng)用學(xué)到很多，并且極大地改善你自己的應(yīng)用。

是時(shí)候設(shè)計(jì)應(yīng)用了

終于，是時(shí)候應(yīng)用所有的研究成果了！想想你使用應(yīng)用時(shí)所有的體驗(yàn)，以及你讀到的所有用戶的評(píng)論、顧慮和意見。那么，你希望你的應(yīng)用長(zhǎng)什么樣？帶給用戶怎樣的感覺？怎樣來使用？不論是畫草圖還是Photoshop，開始設(shè)計(jì)你的應(yīng)用吧。

這一部分可能會(huì)很難而且很耗費(fèi)時(shí)間。記住：現(xiàn)在花費(fèi)的時(shí)間就是將來節(jié)省的時(shí)間。

當(dāng)你的應(yīng)用有一個(gè)基本草圖的時(shí)候，不論是在紙上的還是在你的硬盤里，你就可以開始構(gòu)建應(yīng)用的結(jié)構(gòu)了。有很多的原型設(shè)計(jì)工具可以使用，只需要確保你使用的應(yīng)用與你設(shè)計(jì)的界面兼容就可以了。

確保應(yīng)用的基礎(chǔ)組件具備功能性顯然是非常重要的。創(chuàng)建一個(gè)強(qiáng)健的核心可以保證你的應(yīng)用易于使用，而不是使用戶感到困擾。多個(gè)設(shè)計(jì)稿或版本是必要的，所以如果從基礎(chǔ)開始設(shè)計(jì)你的應(yīng)用，所有這些版本都會(huì)是可用的，甚至是完美的。

關(guān)于細(xì)節(jié)

如果魔鬼存在于細(xì)節(jié)中，那天使也同樣在其中。一個(gè)好看的重音符號(hào)或是一個(gè)有風(fēng)格的字體都會(huì)使你的應(yīng)用在巨大的市場(chǎng)中獲得成功。那些細(xì)節(jié)可以成就一款應(yīng)用，也可能毀掉一款應(yīng)用。

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

有經(jīng)驗(yàn)的應(yīng)用設(shè)計(jì)師都贊同，導(dǎo)航不應(yīng)該是一個(gè)有過多創(chuàng)新的元素。可以在傳統(tǒng)的搜索系統(tǒng)上增加一些個(gè)人的特色，但不要?jiǎng)?chuàng)造一個(gè)用戶需要學(xué)習(xí)的系統(tǒng)。

排版是設(shè)計(jì)應(yīng)用最重要的一個(gè)方面。如果你的文本難以閱讀或者你的字體很難看，你的應(yīng)用將會(huì)變得無法使用。

行間距以及字間距都是非常重要的，特別是對(duì)于移動(dòng)應(yīng)用，因?yàn)樗鼈冎挥杏邢薜恼故究臻g。你要確保在不影響文字閱讀的前提下最大化利用你的空間。

有經(jīng)驗(yàn)的應(yīng)用設(shè)計(jì)師都贊同，你可以讓你的用戶自定義文字樣式，但是你依然應(yīng)該使用好看的字體。如果用戶可以選擇字體將會(huì)給他們留下更深的印象，但是不論你的設(shè)計(jì)中是否包括字體設(shè)置，你的字體都應(yīng)該是易于閱讀的，有風(fēng)格的，并且合適的。

配色方案

將會(huì)是有趣的一部分！選擇完美的顏色來補(bǔ)足你的設(shè)計(jì)是有趣且重要的。過多的顏色可能會(huì)分散用戶的注意力，或使用戶感到困惑。

嘗試不同的配色方案是最好的測(cè)試方法。你肯定希望你的顏色沒有沖突，并且你的文字在背景上清晰可見。有經(jīng)驗(yàn)的應(yīng)用設(shè)計(jì)師會(huì)告訴你，在顏色上，少即是多。

測(cè)試是至關(guān)重要的

現(xiàn)在你的想法是一流的，你的設(shè)計(jì)是漂亮的，顏色是完美協(xié)調(diào)的，并且文字也擁有完美的字體，那接下來你要做什么呢？你需要確認(rèn)真實(shí)的用戶在使用你的應(yīng)用時(shí)是怎樣的體驗(yàn)。在應(yīng)用將會(huì)被運(yùn)行的設(shè)備上測(cè)試無疑是非常重要的，這確保你的設(shè)計(jì)可以給用戶最大限度的享受和生產(chǎn)力。

細(xì)節(jié)在設(shè)計(jì)中非常關(guān)鍵，在測(cè)試中也是。你能夠單手夠到所有的按鍵嗎？可以的話，那你在打字的時(shí)候另一只手會(huì)遮住重要信息嗎？

此外，同樣重要的是，你的應(yīng)用在比你的測(cè)試機(jī)更老更差的設(shè)備上是否依然運(yùn)行良好。確保所有的用戶都能完整體驗(yàn)?zāi)愕膽?yīng)用是成功的一個(gè)重要因素。

結(jié)語

現(xiàn)在你已經(jīng)知道設(shè)計(jì)移動(dòng)應(yīng)用所有的基本內(nèi)容了，去制作你自己的杰作吧！移動(dòng)應(yīng)用平臺(tái)是一個(gè)極棒的平臺(tái)，那上面有大量的選擇和機(jī)會(huì)。

最后我要提的是，與應(yīng)用的開發(fā)者緊密合作總是一個(gè)好主意。你希望確保你應(yīng)用的方方面面都跟你預(yù)想的一樣?；◣讉€(gè)月的時(shí)間設(shè)計(jì)一款應(yīng)用，開發(fā)者卻按照他自己的思路應(yīng)付你的項(xiàng)目將會(huì)讓人沮喪。所以即使進(jìn)程的最終部分是沉悶冗長(zhǎng)的，這將是創(chuàng)造出完美的最終應(yīng)用的最佳方式。

雷峰網(wǎng)特約稿件，未經(jīng)授權(quán)禁止轉(zhuǎn)載。詳情見轉(zhuǎn)載須知。