自從喬幫主推出APP Store 構(gòu)建起一個(gè)可循環(huán)的生態(tài)系統(tǒng)后，移動(dòng)互聯(lián)網(wǎng)行業(yè)開(kāi)始火熱起來(lái)，繼而蔓延到中國(guó)，甚至影響到整個(gè)互聯(lián)網(wǎng)的發(fā)展趨勢(shì)。可以這么說(shuō)，APP Store出現(xiàn)的那年是移動(dòng)互聯(lián)網(wǎng)的元年。這兩年，移動(dòng)互聯(lián)網(wǎng)成為互聯(lián)網(wǎng)行業(yè)最熱的詞語(yǔ)，不管你是個(gè)人開(kāi)發(fā)者、初創(chuàng)企業(yè)還是互聯(lián)網(wǎng)巨頭，都以各種方式開(kāi)發(fā) 出移動(dòng)互聯(lián)網(wǎng)產(chǎn)品，尋找新的藍(lán)海。而在上周，業(yè)內(nèi)朋友推薦我看了極客公園《百萬(wàn)級(jí)應(yīng)用是怎樣煉成的》的視頻，頗受感染，深受啟發(fā)，同時(shí)結(jié)合業(yè)內(nèi)前輩的經(jīng)驗(yàn) 與自己的經(jīng)歷寫(xiě)下此文，希望正在觀(guān)看的你能有所獲益。

到底百萬(wàn)級(jí)應(yīng)用是怎樣煉成的？就目前移動(dòng)互聯(lián)網(wǎng)產(chǎn)品所處的階段來(lái)說(shuō)，一款百萬(wàn)級(jí)應(yīng)用的誕生來(lái)自以下兩個(gè)方面：

1、成功的基石——產(chǎn)品

我一直信奉“產(chǎn)品給力，推廣才給力”這句話(huà)，一款百萬(wàn)級(jí)應(yīng)用的誕生必然是因?yàn)閼?yīng)用本身的出色，而推廣只是一個(gè)順勢(shì)而為的事情。那么如何算是一款優(yōu)秀的產(chǎn)品呢？歸納起來(lái)就是6個(gè)字：定位、質(zhì)量、體驗(yàn)。

1.1產(chǎn)品定位來(lái)自公司戰(zhàn)略與用戶(hù)需求

從公司戰(zhàn)略的層面來(lái)看產(chǎn)品

目前移動(dòng)互聯(lián)網(wǎng)產(chǎn)品大致可以分為三種：一是web端的補(bǔ)充。這種產(chǎn)品更多的是為了讓自身的產(chǎn)品蔓延到移動(dòng)互聯(lián)網(wǎng)領(lǐng)域，是對(duì)web端的補(bǔ)充。如網(wǎng)易新聞客戶(hù) 端、手機(jī)QQ客戶(hù)端、手機(jī)凡客等應(yīng)用，它們的流量并不會(huì)超過(guò)web端的流量，它們的用戶(hù)來(lái)自其web端原有的用戶(hù)。二是天然的更適合移動(dòng)互聯(lián)網(wǎng)的web端 產(chǎn)品。這類(lèi)產(chǎn)品的開(kāi)發(fā)初衷也是來(lái)自對(duì)web端的補(bǔ)充，將web端所積累的本地資源導(dǎo)入移動(dòng)端中。但隨著移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的發(fā)展，APP的流量超過(guò)了web端 的流量，公司開(kāi)始投入更多資源到移動(dòng)互聯(lián)網(wǎng)產(chǎn)品中去,如大眾點(diǎn)評(píng)網(wǎng)客戶(hù)端，人們天然地就喜歡用手機(jī)查詢(xún)美食、評(píng)價(jià)，甚至用手機(jī)拍下快樂(lè)一刻去分享。三是純 移動(dòng)互聯(lián)網(wǎng)產(chǎn)品。這類(lèi)產(chǎn)品太多了，如Talk box，米聊。這種戰(zhàn)略上的差異來(lái)自于你對(duì)移動(dòng)互聯(lián)網(wǎng)的理解，即手機(jī)。在PC端，人永遠(yuǎn)是坐著的，所面對(duì)的用戶(hù)環(huán)境其實(shí)是不變的，持續(xù)性很強(qiáng)，所以你會(huì)看 到用戶(hù)在某個(gè)網(wǎng)站泡一個(gè)小時(shí)。但移動(dòng)互聯(lián)網(wǎng)則不同，手機(jī)天然就與人更親近，與人有更多互動(dòng)。同時(shí)，在移動(dòng)互聯(lián)網(wǎng)端，人所處的環(huán)境是劇烈變化的，所處的用戶(hù) 場(chǎng)景很短暫，并不能持續(xù)。

從用戶(hù)需求來(lái)看產(chǎn)品

一款應(yīng)用一定是為解決用戶(hù)問(wèn)題而開(kāi)發(fā)，但產(chǎn)品所預(yù)期滿(mǎn)足的用戶(hù)需求并不一定符合真實(shí)環(huán)境。開(kāi)發(fā)前，你確定所預(yù)設(shè)的用戶(hù)需求是真實(shí)的需求嗎？你必須去為你的 產(chǎn)品尋找一個(gè)用戶(hù)場(chǎng)景，然后根據(jù)用戶(hù)場(chǎng)景去尋找真實(shí)用戶(hù)去檢驗(yàn)自己的產(chǎn)品。但就目前移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的開(kāi)發(fā)動(dòng)機(jī)來(lái)看，許多產(chǎn)品開(kāi)發(fā)的初衷都來(lái)自開(kāi)發(fā)者自身的 需求，例如手機(jī)照明應(yīng)用，再如豌豆莢。不可否認(rèn)，自身的需求就是一個(gè)用戶(hù)場(chǎng)景，但在決定開(kāi)發(fā)產(chǎn)品前還是需要做一些用戶(hù)需求調(diào)研，確認(rèn)這個(gè)需求是用戶(hù)所需要 的。

除了功能性的需求外，其實(shí)非功能性需求也很重要。非功能性需求可以概括為“產(chǎn)品輕、速度快、內(nèi)容好、流量省”12字。有時(shí)，一款百萬(wàn)級(jí)應(yīng)用的誕生并 不一定是創(chuàng)新性產(chǎn)品，還有一種可能就是“微創(chuàng)新”產(chǎn)品，即在滿(mǎn)足用戶(hù)需求的同時(shí)，做到比同類(lèi)型產(chǎn)品更易用，這也是一種勝利。紅海市場(chǎng)代表著競(jìng)爭(zhēng)激烈，但也 意味著目標(biāo)用戶(hù)多；相反，在移動(dòng)互聯(lián)網(wǎng)行業(yè)的藍(lán)海并不一定好過(guò)，第一你產(chǎn)品所滿(mǎn)足的用戶(hù)需求可能是冷門(mén)的、偏僻的，第二是在推廣上會(huì)比其他熱門(mén)應(yīng)用更困 難，因?yàn)槟阈枰�培養(yǎng)屬于自己的用戶(hù)習(xí)慣。

但不管怎樣，產(chǎn)品定位取決于用戶(hù)使用場(chǎng)景，如果你的產(chǎn)品無(wú)法在用戶(hù)場(chǎng)景中起到作用，那你的產(chǎn)品只能落下被卸載的命運(yùn)。

1.2產(chǎn)品質(zhì)量來(lái)源于技術(shù)實(shí)現(xiàn)能力

產(chǎn)品質(zhì)量是產(chǎn)品體驗(yàn)的基礎(chǔ)，質(zhì)量好的產(chǎn)品并不一定能帶來(lái)良好的產(chǎn)品體驗(yàn)，但一款產(chǎn)品質(zhì)量不好的產(chǎn)品一定不會(huì)帶來(lái)良好的產(chǎn)品體驗(yàn)。這里說(shuō)的有點(diǎn)繞口， 但到底產(chǎn)品質(zhì)量是什么呢？區(qū)別于產(chǎn)品體驗(yàn)這種看得見(jiàn)的體驗(yàn)，產(chǎn)品質(zhì)量是指產(chǎn)品內(nèi)在的編程邏輯，即bug。目前，大多數(shù)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品仍停留在初級(jí)階段，在 許多用戶(hù)需求未得到充分滿(mǎn)足的情況下，采用敏捷開(kāi)發(fā)的方式，推出一款充滿(mǎn)bug的移動(dòng)應(yīng)用，率先搶占市場(chǎng)，然后通過(guò)快速版本更迭的方式解決bug，提高產(chǎn) 品體驗(yàn)。

誠(chéng)然，敏捷開(kāi)發(fā)在這個(gè)仍然未飽和的移動(dòng)互聯(lián)網(wǎng)行業(yè)有著不可替代的作用。但隨著越來(lái)越多企業(yè)投身于移動(dòng)互聯(lián)網(wǎng)，以每天十幾款應(yīng)用上線(xiàn)的速度，產(chǎn)品給用戶(hù)的第一印象非常重要，敏捷開(kāi)發(fā)不等于將一個(gè)渾身是bug的產(chǎn)品交給用戶(hù)。

那么產(chǎn)品質(zhì)量來(lái)自哪里呢？說(shuō)白了，就是技術(shù)實(shí)現(xiàn)能力。功能越多、流程越復(fù)雜的移動(dòng)互聯(lián)網(wǎng)產(chǎn)品，越考驗(yàn)開(kāi)發(fā)人員的技術(shù)實(shí)現(xiàn)能力。特別是移動(dòng)互聯(lián)網(wǎng)產(chǎn) 品，產(chǎn)品的展示在用戶(hù)面前的只有3.5英寸的界面，如何在這么方寸小的屏幕中實(shí)現(xiàn)移動(dòng)互聯(lián)網(wǎng)產(chǎn)品很考驗(yàn)開(kāi)發(fā)人員的能力與經(jīng)驗(yàn)。由于移動(dòng)互聯(lián)網(wǎng)屬于新興行 業(yè)，只是近幾年才興起的行業(yè)，大多數(shù)IOS開(kāi)發(fā)工程師或Android工程師的開(kāi)發(fā)經(jīng)驗(yàn)不超過(guò)5年，一般開(kāi)發(fā)人員有1年移動(dòng)互聯(lián)網(wǎng)產(chǎn)品開(kāi)發(fā)經(jīng)驗(yàn)已經(jīng)很不錯(cuò) 了。正因開(kāi)發(fā)人員缺乏開(kāi)發(fā)經(jīng)驗(yàn)，所以許多移動(dòng)互聯(lián)網(wǎng)產(chǎn)品的第一版（公測(cè)版）往往存在許多很?chē)?yán)重的bug。在這里，我歸納最不能忍受的2種bug，希望能提 醒一些剛?cè)胍苿?dòng)互聯(lián)網(wǎng)的工程師們，同時(shí)歡迎各位補(bǔ)充：

1.產(chǎn)品無(wú)端自動(dòng)關(guān)閉,即產(chǎn)品穩(wěn)定性。這種BUG常出現(xiàn)在需聯(lián)網(wǎng)進(jìn)行操作的移動(dòng)應(yīng)用，許多移動(dòng)應(yīng)用并沒(méi)有加載應(yīng)用保護(hù)機(jī)制，在網(wǎng)絡(luò)不好時(shí)，應(yīng)用無(wú)法及時(shí)反饋數(shù)據(jù)，而用戶(hù)又二次進(jìn)行操作時(shí)，就會(huì)導(dǎo)致沖突，最終自動(dòng)關(guān)閉。

2. 安裝應(yīng)用過(guò)程中出現(xiàn)各種無(wú)法安裝。在我家的APP“朋游風(fēng)景-旅游攻略”for Android內(nèi)測(cè)版就出現(xiàn)這一問(wèn)題。由于我們APP屬于景區(qū)導(dǎo)游服務(wù)類(lèi)，需同步安裝google地圖。而由于內(nèi)地閹割問(wèn)題，行貨機(jī)需破解ROOT方可使 用google地圖，所以我們做了一版基于高德地圖的“朋游風(fēng)景-旅游攻略”。但內(nèi)測(cè)時(shí)，我們使用行貨機(jī)安裝google地圖版本時(shí)出現(xiàn)安裝錯(cuò)誤，卻沒(méi)有 去提示用戶(hù)去下載高德地圖版本。如果是作為公測(cè)版進(jìn)行發(fā)布的話(huà)，肯定會(huì)出不少問(wèn)題。這種問(wèn)題特別容易出現(xiàn)在版本繁多、機(jī)型眾多的Android應(yīng)用上。

3.等待各位補(bǔ)充。

1.3產(chǎn)品體驗(yàn)源自清晰的頁(yè)面布局和優(yōu)秀的交互設(shè)計(jì)

頁(yè)面布局

移動(dòng)產(chǎn)品的布局結(jié)構(gòu)一樣需要清晰。清晰的布局結(jié)構(gòu)是對(duì)一個(gè)應(yīng)用是否可用的基本要求，功能布局層次鮮明，使得新用戶(hù)通過(guò)低成本的學(xué)習(xí)快速記憶掌握應(yīng)用的功能布局，能夠在短時(shí)間內(nèi)完成既定的任務(wù)。

在web的頁(yè)面布局設(shè)計(jì)中，用戶(hù)都是控制電腦通常是通過(guò)鼠標(biāo)，手用鼠標(biāo)控制屏幕的指針，移動(dòng)到某個(gè)位置，點(diǎn)擊、雙擊、拖動(dòng)等完成操作。我們看到的是 屏幕，操作的是鼠標(biāo)。我們的視覺(jué)焦點(diǎn)是屏幕，操作焦點(diǎn)是鼠標(biāo)。屬于視覺(jué)焦點(diǎn)和操作焦點(diǎn)不同的類(lèi)型。因此，需要考慮的是如何使頁(yè)面的布局更加合理、美觀(guān)，讓 用戶(hù)在操作的過(guò)程中減少更多的麻煩，即在結(jié)合美觀(guān)與操作性，使得用戶(hù)所要完成的各個(gè)操作，其鼠標(biāo)的必要移動(dòng)路徑盡可能短。

然而，在移動(dòng)終端使用的是觸摸的方式，視覺(jué)焦點(diǎn)和操作焦點(diǎn)已經(jīng)是同一個(gè)點(diǎn)，令用戶(hù)十分容易學(xué)習(xí)使用這類(lèi)設(shè)備，但是兩點(diǎn)同一，操作的同時(shí)也會(huì)擋住焦點(diǎn)，因此在頁(yè)面布局上需要以用戶(hù)在觸摸屏的操作特性考慮進(jìn)去，令布局更加合理。

（1）考慮觸摸的操作方式——以“某拍照軟件”為例

我們用圓圈代表被擋住的區(qū)域，其中綠色區(qū)域是安全區(qū)域，代表我們心理上認(rèn)為一定可以準(zhǔn)確地點(diǎn)到的區(qū)域；而黃色區(qū)域代表我們心理上會(huì)有點(diǎn)忐忑，不能確定是否能點(diǎn)中的區(qū)域。例如某拍照軟件的設(shè)計(jì)：

如果是個(gè)網(wǎng)頁(yè)的話(huà)，視覺(jué)的確沒(méi)什么問(wèn)題。但是由于視覺(jué)焦點(diǎn)和操作焦點(diǎn)同一的原因，點(diǎn)擊修改就變得十分困難與緊張，何況旁邊還是一個(gè)刪除按鈕。因此，從如此簡(jiǎn)單的按鈕擺放，到整個(gè)產(chǎn)品應(yīng)用頁(yè)面的布局，需要考慮更多的操作合理性，以方便用戶(hù)的操作。

（2）考慮不同平臺(tái)操作特征——以“QQ手機(jī)令牌2.0”為例

iPhone版“手機(jī)令牌”的“設(shè)置”按鍵一目了然，即按即點(diǎn)，點(diǎn)擊后界面翻轉(zhuǎn)至背面進(jìn)行設(shè)置；而對(duì)于A(yíng)ndroid版“手機(jī)令牌”，則必須充分利用“menu”和“返回”的物理按鍵，這樣也使得Android的頁(yè)面更加簡(jiǎn)潔：

像這樣，結(jié)合不同平臺(tái)的操作特征，更加合理的設(shè)計(jì)產(chǎn)品的頁(yè)面、功能布局。

（3）考慮用戶(hù)視覺(jué)感受和頁(yè)面容量——以“龍湖天街app”為例

頁(yè)面布局、圖文排版要考慮的不僅僅是漂亮，還要考慮用戶(hù)的視覺(jué)感受和頁(yè)面的容量。按鈕要多大？文字選什么字號(hào)？界面的布局是否合理？把設(shè)計(jì)的界面導(dǎo)入到設(shè)備上，用眼睛看，用手指去測(cè)試，看是否可以不費(fèi)力地看清屏幕上的文字，看界面的布局是否讓人感到舒服。

在iphone界面上字號(hào)在22以下的黑字體和ipad界面上12以下的黑字體的文字看起來(lái)就很吃力了，應(yīng)盡量避免使用這樣小的字號(hào)。那么是否字號(hào) 越大就越好？在這個(gè)app的商戶(hù)頁(yè)面，要在商戶(hù)的logo旁邊寫(xiě)上商戶(hù)的名稱(chēng)，最初用來(lái)做demo的“百麗”只有簡(jiǎn)潔漂亮的兩個(gè)字，使用60號(hào)的黑字體真 是再漂亮不過(guò)了。不過(guò)很快發(fā)現(xiàn)商戶(hù)的名稱(chēng)有很多長(zhǎng)串的，最長(zhǎng)一個(gè)護(hù)膚中心的名稱(chēng)有12個(gè)字之多，所以以這個(gè)最長(zhǎng)的名稱(chēng)作為參考對(duì)象，測(cè)試后選擇了40號(hào)的 黑體。

交互流程

一般來(lái)說(shuō)，用戶(hù)使用這種產(chǎn)品有明確的目的（不同于瀏覽新聞網(wǎng)站），那么就必須要在頁(yè)面上給予用戶(hù)適當(dāng)?shù)囊龑?dǎo)，使用戶(hù)能快速完成任務(wù)。因此，在產(chǎn)品設(shè)計(jì)中必須盡可能的設(shè)計(jì)簡(jiǎn)單、直接的交互流程，在頁(yè)面上有針對(duì)性的引導(dǎo)用戶(hù)，帶領(lǐng)用戶(hù)迅速完成其目的。

從用戶(hù)體驗(yàn)流程來(lái)說(shuō)，移動(dòng)互聯(lián)網(wǎng)的終端特性，決定了手機(jī)上的業(yè)務(wù)流程要有簡(jiǎn)單、方便、直接。特別是PC上的注冊(cè)流程，手機(jī)輸入方式?jīng)Q定了要慎重對(duì)于登錄、注冊(cè)。因此，下面通過(guò)一個(gè)移動(dòng)產(chǎn)品的登錄流程分析進(jìn)行歸納。

（1）從頁(yè)面、框架說(shuō)起

一般的登錄、注冊(cè)框架：

標(biāo)簽： 百萬(wàn)級(jí)應(yīng)用是怎樣煉成 appstore 移動(dòng)互聯(lián)網(wǎng) 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請(qǐng)聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀(guān)點(diǎn)！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請(qǐng)與原作者聯(lián)系。