app研發(fā)的設(shè)計流程

一、市場分析

商業(yè)分析是每一款產(chǎn)品誕生的指南針，它揭示了產(chǎn)品的商業(yè)價值及其在整個生命周期內(nèi)的宏觀指導(dǎo)。在這一階段，行業(yè)前景的評估顯得尤為重要。對于新產(chǎn)品而言，市場分析的難度更大，因為它需要從零開始探索；而對于已有產(chǎn)品的新模塊功能，由于已經(jīng)積累了大量數(shù)據(jù)，理解行業(yè)和用戶都更為深入，其面臨的挑戰(zhàn)相對較小。

二、產(chǎn)品定位

對于初入行的新人來說，"產(chǎn)品定位"這個詞可能聽起來有些抽象。但隨著工作經(jīng)驗的積累，你會發(fā)現(xiàn)它是整個研發(fā)過程中至關(guān)重要的部分。產(chǎn)品定位的關(guān)鍵在于明確回答：這個app是做什么的？例如，微信是社交，Instagram是照片分享。還需明確該app能解決什么問題以及目標(biāo)用戶群體的分布。

三、需求階段

明確市場方向后，接下來是深入挖掘該方向上的需求缺口。在這一環(huán)節(jié)，你不可避免地會關(guān)注到競爭對手的優(yōu)缺點。產(chǎn)品經(jīng)理會輸出競品分析報告，通過SWOT分析等方法來全面評估。

四、產(chǎn)品設(shè)計

產(chǎn)品設(shè)計環(huán)節(jié)與UI設(shè)計緊密相連。產(chǎn)品經(jīng)理在這個階段主要負(fù)責(zé)繪制原型和編寫文檔。真正優(yōu)秀的產(chǎn)品經(jīng)理在這一環(huán)節(jié)需要超越簡單的原型設(shè)計和文檔撰寫，確保產(chǎn)品設(shè)計的價值體現(xiàn)。產(chǎn)品規(guī)劃中的每個階段都應(yīng)有明確的目標(biāo)，所有的決策和行為都應(yīng)圍繞這些目標(biāo)展開。最終，產(chǎn)品成功與否需要通過數(shù)據(jù)等可考核的方式來判斷。

在實際工作場景中，我們會看到各種各樣的原型設(shè)計圖。優(yōu)秀的原型設(shè)計能夠清晰地傳達設(shè)計理念，而粗糙的設(shè)計則可能影響產(chǎn)品的最終呈現(xiàn)效果。產(chǎn)品設(shè)計不僅要滿足用戶需求，還要注重用戶體驗，持續(xù)優(yōu)化迭代。在這個過程中，產(chǎn)品經(jīng)理需要與UI設(shè)計師緊密合作，共同推動產(chǎn)品的設(shè)計進展。

五、需求評審

在產(chǎn)品需求確認(rèn)后，會進行一次需求評審會議。參與人員包括產(chǎn)品經(jīng)理、用戶體驗設(shè)計師、UI設(shè)計師、研發(fā)人員、前端開發(fā)人員以及質(zhì)量保障人員等。在會議中，產(chǎn)品經(jīng)理會詳細(xì)闡述需求文檔，而研發(fā)團隊往往會提出一些風(fēng)險和問題。需求評審?fù)瓿珊?，研發(fā)團隊會根據(jù)需求進行排期。

六、UI設(shè)計師的角色介入

對于UI設(shè)計師而言，介入項目時首先要明確產(chǎn)品的意圖和目的。在拿到項目后不要急于開始設(shè)計，而是要仔細(xì)研究產(chǎn)品的整體設(shè)計調(diào)性、字體字號以及間距等。還需要進行競品分析以尋找視覺層面的參考。結(jié)合設(shè)計意圖和競品分析的結(jié)果進行視覺設(shè)計，以確保最終的設(shè)計方案既符合產(chǎn)品要求又能吸引用戶。

1. 設(shè)計進度管理與排期規(guī)劃

當(dāng)我們決定開展設(shè)計工作時，首要任務(wù)是進行時間預(yù)估和設(shè)計排期。設(shè)計排期需綜合考慮頁面設(shè)計與修改所需的時間，以避免項目延期。例如，針對10個界面，我為自己設(shè)定3天設(shè)計時間，經(jīng)過上游確認(rèn)后，再預(yù)留1天進行修改。若時間充裕，可加一天作為緩沖。使用Keynote或Excel制定排期表，列出具體頁面的出圖時間，有助于細(xì)化進度管理。

2. 設(shè)計中的規(guī)范執(zhí)行與UI細(xì)節(jié)處理

設(shè)計時需遵循一定的規(guī)范，確保設(shè)計的統(tǒng)一性和協(xié)調(diào)性。按照@2x規(guī)格進行設(shè)計，關(guān)注細(xì)節(jié)如icon的粗細(xì)、視覺重量、字體自重、間距以及顏色與整體產(chǎn)品調(diào)性的統(tǒng)一。這些細(xì)節(jié)的處理對于設(shè)計的整體效果至關(guān)重要。

3. 切圖標(biāo)注與上傳管理

在@2x設(shè)計圖中，需進行切圖操作，包括背景與圖標(biāo)的切分。切圖可采用兩種方法：一是使用切刀工具，規(guī)定好熱區(qū)后直接快捷鍵操作；二是使用組件方式，規(guī)定熱區(qū)后創(chuàng)建組件并導(dǎo)出。命名時需遵循規(guī)范，一般采用“位置/名稱/狀態(tài)/倍數(shù)”的格式。完成后，可上傳至藍(lán)湖或Figma等平臺進行管理。

4. UI設(shè)計的視覺還原與走查聯(lián)調(diào)階段

設(shè)計完成后，進入視覺還原和走查聯(lián)調(diào)階段。強調(diào)開發(fā)過程中的還原度至關(guān)重要，如果開發(fā)表示無法完成某些設(shè)計，這可能意味著其工作不夠到位。走查過程中需關(guān)注字體、顏色、間距等規(guī)范的實現(xiàn)情況。使用不同品牌的測試手機進行檢查，確保設(shè)計的兼容性和適配性。發(fā)現(xiàn)問題后，需及時標(biāo)注并與開發(fā)溝通，進行聯(lián)調(diào)直至滿意。

5. QA測試環(huán)節(jié)的重要性與細(xì)節(jié)

QA測試是確保產(chǎn)品質(zhì)量的關(guān)鍵環(huán)節(jié)。設(shè)計師普遍認(rèn)為測試是為了找bug，確實bug是項目上線的主要障礙，需優(yōu)先解決。QA的主要任務(wù)是檢查研發(fā)功能是否符合產(chǎn)品、UI和交互設(shè)計要求。在正式全量上線前，應(yīng)先上線至tips環(huán)境進行測試，以確保測試環(huán)境無法發(fā)現(xiàn)的問題得以暴露和解決。

6. 使用Flutter開發(fā)app的大廠實踐

Flutter因其跨平臺及高效性能在軟件開發(fā)領(lǐng)域受到廣泛關(guān)注。許多大廠如騰訊等已采用Flutter開發(fā)應(yīng)用。騰訊利用Flutter開發(fā)了微信小程序、QQ音樂等應(yīng)用，充分發(fā)揮其跨平臺特性，提升了開發(fā)效率和用戶體驗。除此之外，還有許多知名企業(yè)也在積極探索和實踐Flutter的應(yīng)用。

Flutter技術(shù)在大廠應(yīng)用中的實踐

阿里巴巴集團

阿里巴巴集團在內(nèi)部大力使用Flutter技術(shù)，為旗下淘寶、支付寶等知名產(chǎn)品提供了強大的技術(shù)支持。通過引入Flutter，阿里巴巴成功展現(xiàn)了其在電商與金融領(lǐng)域的創(chuàng)新力。這一技術(shù)的引入不僅優(yōu)化了產(chǎn)品的用戶體驗，還提高了開發(fā)效率。

谷歌

谷歌不僅是Flutter技術(shù)的積極倡導(dǎo)者，更是該技術(shù)的實踐者。谷歌使用Flutter開發(fā)了自家的應(yīng)用，同時還大力推廣這一技術(shù)在開發(fā)者社區(qū)的使用，積極推動Flutter技術(shù)生態(tài)的發(fā)展。谷歌的實踐證明了Flutter的潛力和前景。

字節(jié)跳動

字節(jié)跳動利用Flutter技術(shù)開發(fā)了抖音、今日頭條等熱門應(yīng)用。通過高效的開發(fā)流程和優(yōu)質(zhì)的用戶體驗，這些應(yīng)用吸引了大量用戶。字節(jié)跳動的實踐證明了Flutter技術(shù)在應(yīng)用開發(fā)中的實際應(yīng)用價值。

貝恩資本與IBM

貝恩資本在金融投資領(lǐng)域采用Flutter技術(shù)，IBM則在企業(yè)級應(yīng)用開發(fā)中引入Flutter。它們利用Flutter的跨平臺優(yōu)勢，為客戶提供靈活、統(tǒng)一的解決方案，提升了企業(yè)競爭力。

微軟與PayPal

微軟在Office 365等應(yīng)用中采用Flutter技術(shù)，實現(xiàn)了Windows、iOS、Android等平臺上的無縫體驗。而支付巨頭PayPal也利用Flutter開發(fā)了其移動支付應(yīng)用，提升了用戶體驗和開發(fā)效率。這些實踐證明了Flutter技術(shù)的廣泛應(yīng)用和實用性。

以上大廠實例只是Flutter技術(shù)應(yīng)用的一部分。各大企業(yè)通過采用Flutter技術(shù)，不僅加速了應(yīng)用開發(fā)進程，還有效提升了產(chǎn)品性能與用戶體驗，展示了其在技術(shù)領(lǐng)域的前瞻性與創(chuàng)新力。

一個完整的App開發(fā)需要哪些技術(shù)

App的類型

要想知道一個完整的App開發(fā)需要哪些技術(shù)，我們首先要了解App的類型。常見的App類型包括WebApp、Native App和Hybrid App。不同類型的App適用于不同的需求，開發(fā)人員可以根據(jù)需求選擇合適的開發(fā)類型。

WebApp

WebApp是針對iOS/Android優(yōu)化后的web站點，用戶無需下載安裝即可訪問。開發(fā)WebApp主要使用html或html5、CSS3和JavaScript技術(shù)。這種App開發(fā)成本低，維護更新簡單，但用戶體驗可能不如Native App。

Native App

Native App是基于智能手機操作系統(tǒng)（如iOS和Android）用原生程序編寫的App。它具有最佳的用戶體驗和交互界面，但開發(fā)難度和成本相對較高。Native App的運行基于本地操作系統(tǒng)，因此兼容性和訪問能力更好。

Hybrid App

Hybrid App是結(jié)合了Web App和Native App特點的混合類App。它同時采用網(wǎng)頁語言和程序語言進行開發(fā)，用戶需要下載安裝使用。Hybrid App兼具良好的用戶交互體驗和Web App跨平臺開發(fā)的優(yōu)勢，開發(fā)成本和難度相對較低?，F(xiàn)在的大型App如淘寶、微信等都是走的Hybrid App路線。

開發(fā)技術(shù)

對于不同類型的App，開發(fā)所需的技術(shù)也有所不同。除了上述的html、CSS3和JavaScript技術(shù)外，服務(wù)端技術(shù)也是App開發(fā)中不可或缺的一部分。常用的服務(wù)端技術(shù)包括java、php、ASP等。隨著移動開發(fā)的不斷進化，還有眾多框架和工具幫助開發(fā)者更高效地構(gòu)建App。

一個完整的App開發(fā)需要綜合考慮多種技術(shù)，包括前端技術(shù)、后端技術(shù)以及其他相關(guān)工具和技術(shù)。開發(fā)者需要根據(jù)App的類型和需求選擇合適的技術(shù)棧，以實現(xiàn)高質(zhì)量、高性能的App開發(fā)。移動應(yīng)用開發(fā)趨勢及選型策略

===================

一、一鍵生成webApp平臺

如今，隨著移動應(yīng)用的飛速發(fā)展，一鍵生成webApp的平臺如雨后春筍般涌現(xiàn)，如百度siteApp和移動開發(fā)平臺APICloud。其中，APICloud平臺基于騰訊x5瀏覽器引擎生成webApp，由于移動端的超級流量入口微信／手機qq等用的是騰訊x5內(nèi)置瀏覽器，因此使用騰訊x5瀏覽器生成的App在移動頁面展示時，能夠適配微信的瀏覽體驗，從而助力webApp引流。

二、Native App開發(fā)

Native App開發(fā)針對特定的手機系統(tǒng)，采用不同的開發(fā)語言。對于Android系統(tǒng)，開發(fā)語言為java，同時需要熟悉Android環(huán)境和機制。主要知識點包括：

1. 開發(fā)環(huán)境：如何搭建Android開發(fā)環(huán)境，如使用Android Studio和eclipse。

2. 數(shù)據(jù)結(jié)構(gòu)：了解算法和數(shù)學(xué)基礎(chǔ)，以支持App的某些功能。

3. Android SDK：掌握API接口開發(fā)，包括自行開發(fā)API和調(diào)用第三方API的經(jīng)驗。

4. 網(wǎng)絡(luò)協(xié)議：熟悉tcp、IP和socket等網(wǎng)絡(luò)協(xié)議。

5. 服務(wù)器知識：如涉及服務(wù)器，還需了解webservice相關(guān)知識和相應(yīng)的開發(fā)語言，如PHP、JSP、ASP.Net。

6. 其他技能：除了功能基礎(chǔ)，還需涉獵UI設(shè)計、框架、性能優(yōu)化、調(diào)試適配等。

對于iOS系統(tǒng)，Objective-C是主流的開發(fā)語言，開發(fā)者一般會使用蘋果公司的iOS SDK來搭建開發(fā)環(huán)境。iOS SDK是開發(fā)iOS應(yīng)用程序中不可或缺的軟件包，提供了從創(chuàng)建程序到測試等多種開發(fā)過程中所需的工具。

三、Hybrid App開發(fā)

Hybrid App開發(fā)是一種以web為主體型的開發(fā)方式，即使用網(wǎng)頁語言（如html5、CSS3、JavaScript）進行編寫，同時結(jié)合Native功能。這種開發(fā)類型中，用戶體驗的好壞取決于底層中間件的交互與跨平臺能力。

國內(nèi)外有許多優(yōu)秀的開發(fā)工具，如國外的AppmAkr、Appmobi，以及國內(nèi)的APICloud。APICloud的底層引擎使用Deep Engine，采用半翻譯式原理，將運行中的web翻譯成Native API，并支持?jǐn)U展API。這意味著在開發(fā)時，可以調(diào)用用原生語言開發(fā)的功能模塊，從而達到了媲美原生App的用戶體驗，同時大大節(jié)省了開發(fā)時間。

四、企業(yè)選型策略

企業(yè)在選擇移動應(yīng)用開類型和開發(fā)工具時，需結(jié)合自身需求進行決策。當(dāng)前，Hybrid App已成為移動開發(fā)的趨勢。它們不僅不采用或大部分不采用原生語言，卻能擁有原生應(yīng)用的特性。隨著web技術(shù)的發(fā)展，Hybrid App技術(shù)已經(jīng)成熟，許多大型App如淘寶、微信、攜程都屬于這種開發(fā)模式。從成本投入和用戶體驗考慮，Hybrid App通常是首選。

五、總結(jié)

隨著移動應(yīng)用的普及和發(fā)展，選擇合適的開發(fā)類型和工具至關(guān)重要。企業(yè)需要根據(jù)自身需求和實際情況，權(quán)衡各種因素，包括開發(fā)成本、時間、用戶體驗等，做出明智的決策。無論是Native App、webApp還是Hybrid App，都有其獨特的優(yōu)勢和適用場景。而Hybrid App因其兼具原生特性和web技術(shù)的優(yōu)勢，正逐漸成為移動開發(fā)的熱門選擇。