一、APP研發(fā)之設(shè)計(jì)流程概覽
第一、市場(chǎng)分析
商業(yè)分析是洞察產(chǎn)品商業(yè)價(jià)值的指南針，為產(chǎn)品全生命周期提供宏觀指導(dǎo)。此階段需評(píng)估新產(chǎn)品與市場(chǎng)的契合度，預(yù)測(cè)產(chǎn)品投放后的回報(bào)。對(duì)于新產(chǎn)品和已有產(chǎn)品的上新模塊，分析側(cè)重點(diǎn)和難度各異。新產(chǎn)品分析需考量行業(yè)前景、用戶接受度等因素，而已有產(chǎn)品則基于現(xiàn)有數(shù)據(jù)和用戶反饋，功能迭代更為順暢。
第二、產(chǎn)品定位
產(chǎn)品定位是產(chǎn)品設(shè)計(jì)的核心，明確產(chǎn)品的功能和目標(biāo)用戶群體。微信之于社交，ins之于照片分享，均是產(chǎn)品的精準(zhǔn)定位。明確產(chǎn)品能解決用戶何種問題、目標(biāo)用戶年齡分布等，為產(chǎn)品設(shè)計(jì)提供方向。
第三、需求階段
在明確市場(chǎng)方向后，需精準(zhǔn)捕捉用戶需求。此階段需關(guān)注直接和間接競(jìng)爭(zhēng)對(duì)手，分析競(jìng)品優(yōu)劣，運(yùn)用SWOT分析等方法。產(chǎn)品經(jīng)理在這一階段需深入市場(chǎng)，挖掘痛點(diǎn)，明確哪些需求亟待解決。
第四、產(chǎn)品設(shè)計(jì)
設(shè)計(jì)環(huán)節(jié)與UI息息相關(guān)。產(chǎn)品經(jīng)理在此階段需繪制原型、撰寫文檔。優(yōu)秀的產(chǎn)品設(shè)計(jì)應(yīng)清晰、直觀，文檔描述詳盡。設(shè)計(jì)過程中應(yīng)避免反推設(shè)計(jì)，尊重UI設(shè)計(jì)師的建議和意見。產(chǎn)品設(shè)計(jì)要追求產(chǎn)品價(jià)值，明確各階段目標(biāo)，以數(shù)據(jù)考核是否解決問題。切忌制定空中樓閣式的規(guī)劃文件，確保產(chǎn)品規(guī)劃可執(zhí)行。
第五、需求評(píng)審
需求評(píng)審是產(chǎn)品開發(fā)的關(guān)鍵環(huán)節(jié)。會(huì)議通常由產(chǎn)品經(jīng)理主導(dǎo)，各職能人員參與。會(huì)議中需對(duì)需求文檔進(jìn)行闡述，研發(fā)可能會(huì)提出技術(shù)風(fēng)險(xiǎn)和問題。評(píng)審?fù)瓿珊?，研發(fā)將進(jìn)行排期。這一階段是確保產(chǎn)品開發(fā)順利進(jìn)行的重要保證。
第六、UI設(shè)計(jì)師的角色介入
UI設(shè)計(jì)師在項(xiàng)目中扮演著至關(guān)重要的角色。在拿到項(xiàng)目后，不要急于設(shè)計(jì)，首先要明確產(chǎn)品的意圖和目的。仔細(xì)研究整個(gè)產(chǎn)品線，了解產(chǎn)品調(diào)性、字體字號(hào)和間距等設(shè)計(jì)元素。進(jìn)行競(jìng)品分析時(shí)，關(guān)注視覺層設(shè)計(jì)，尋找靈感和參考。結(jié)合設(shè)計(jì)意圖進(jìn)行創(chuàng)作，確保設(shè)計(jì)符合產(chǎn)品定位和需求。
一、UI設(shè)計(jì)流程詳解
1. 設(shè)計(jì)與時(shí)間預(yù)估
當(dāng)我們決心投身設(shè)計(jì)之際，首要任務(wù)是給整個(gè)設(shè)計(jì)流程一個(gè)明確的時(shí)間框架。這不僅關(guān)乎項(xiàng)目能否按時(shí)完成，更關(guān)乎設(shè)計(jì)的品質(zhì)。以十個(gè)界面為例，我為自己設(shè)定了三天設(shè)計(jì)時(shí)間，一旦上游確認(rèn)后，再預(yù)留一天進(jìn)行修改。若時(shí)間充裕，可考慮加入一天的緩沖期。這五天的忙碌，是對(duì)美的追求與時(shí)間的較量。最佳實(shí)踐是使用keynote或excel來規(guī)劃時(shí)間表，細(xì)化每一個(gè)頁(yè)面設(shè)計(jì)的具體出圖時(shí)間。
2. UI規(guī)范執(zhí)行與@2x設(shè)計(jì)
在設(shè)計(jì)中，我們遵循@2x的設(shè)計(jì)標(biāo)準(zhǔn)，確保UI規(guī)范得到正確執(zhí)行。這其中涉及圖標(biāo)、視覺、字體和間距的規(guī)范性問題。我們關(guān)注圖標(biāo)是否粗細(xì)統(tǒng)一、視覺重量是否協(xié)調(diào)、字體自重是否一致以及間距是否遵循倍數(shù)原則等細(xì)節(jié)。
3. 切圖標(biāo)注與上傳
在設(shè)計(jì)圖中，我們進(jìn)行切圖操作，包括圖標(biāo)和背景的切分。切圖有兩種方法：一種是使用切刀工具進(jìn)行切分，另一種是使用組件模式進(jìn)行切分并導(dǎo)出。命名規(guī)范方面，雖然新手可以選擇中文命名，但更應(yīng)遵循正確的命名方式，如“在哪里/是什么/狀態(tài)/倍數(shù)”的格式。完成后，可以上傳到藍(lán)湖或根據(jù)公司的要求使用figma進(jìn)行管理。
4. 視覺還原與走查聯(lián)調(diào)
開發(fā)完成后，我們進(jìn)入視覺還原階段，也就是走查聯(lián)調(diào)階段。這個(gè)階段至關(guān)重要，因?yàn)橛行╅_發(fā)的還原度可能不盡如人意。根據(jù)經(jīng)驗(yàn)，有的開發(fā)還原度僅50%，而在一些大廠，如果還原度低于60%，可能會(huì)要求重新調(diào)整。走查時(shí)，我們關(guān)注字體、顏色、間距、圖標(biāo)等規(guī)范性問題，并使用多部測(cè)試手機(jī)進(jìn)行測(cè)試和標(biāo)注問題。聯(lián)調(diào)過程中，如果仍有問題，可以多次聯(lián)調(diào)，直到達(dá)到自己滿意的效果。
5. QA測(cè)試環(huán)節(jié)
在QA測(cè)試環(huán)節(jié)，設(shè)計(jì)師們普遍認(rèn)為測(cè)試是為了提bug。確實(shí)，bug是阻礙產(chǎn)品上線的最大障礙，需要優(yōu)先解決。QA的主要任務(wù)是檢查研發(fā)實(shí)現(xiàn)的功能與產(chǎn)品、UI、交互設(shè)計(jì)是否一致，尋找異常情況并進(jìn)行優(yōu)化，把控項(xiàng)目的質(zhì)量。在產(chǎn)品正式全量上線前，會(huì)先上線到tips環(huán)境進(jìn)行測(cè)試，以確保線上環(huán)境中的問題得以暴露和解決。
6. 產(chǎn)品驗(yàn)收環(huán)節(jié)
從產(chǎn)品0到1的過程中，產(chǎn)品驗(yàn)收是不可或缺的一環(huán)。產(chǎn)品驗(yàn)收的最終目標(biāo)是上線，但在此之前可能會(huì)經(jīng)過多次修改。產(chǎn)品上線前需通過測(cè)試、UI驗(yàn)收和產(chǎn)品驗(yàn)收，這是控制產(chǎn)品質(zhì)量的必要手段。產(chǎn)品驗(yàn)收更側(cè)重于從產(chǎn)品的角度驗(yàn)收開發(fā)是否滿足產(chǎn)品需求，側(cè)重于業(yè)務(wù)邏輯和對(duì)需求的負(fù)責(zé)。
二、手機(jī)App流程圖制作指南
前期準(zhǔn)備
APP開發(fā)是一個(gè)嚴(yán)謹(jǐn)?shù)倪^程，前期的準(zhǔn)備工作是項(xiàng)目成功的基石。這包括具體的規(guī)劃、需求調(diào)研、市場(chǎng)分析以及后期的推廣策略等整體策劃。專業(yè)公司需要清晰整理需求、功能規(guī)劃、業(yè)務(wù)邏輯等關(guān)鍵要素，并制作思維導(dǎo)圖以落實(shí)需求到文檔中。實(shí)施方案的整體性至關(guān)重要，它為后續(xù)的開發(fā)流程奠定堅(jiān)實(shí)的基礎(chǔ)。
后續(xù)過程需要按照相應(yīng)的步驟和要求逐步進(jìn)行設(shè)計(jì)和開發(fā)。
一、項(xiàng)目成立與小組組建
在APP開發(fā)的第一步，項(xiàng)目小組的成立是至關(guān)重要的。集結(jié)項(xiàng)目經(jīng)理、產(chǎn)品經(jīng)理、設(shè)計(jì)師、技術(shù)開發(fā)人員以及測(cè)試人員，構(gòu)建一支具備多元化技能的團(tuán)隊(duì)，為項(xiàng)目的順利進(jìn)行打下堅(jiān)實(shí)的基礎(chǔ)。
二、項(xiàng)目開發(fā)期
2.1 需求梳理與頁(yè)面規(guī)劃：將項(xiàng)目的具體需求落實(shí)到UE（前后臺(tái)）頁(yè)面上，包括頁(yè)面設(shè)計(jì)與框架的規(guī)劃。這一階段，需要細(xì)致入微地梳理每一項(xiàng)功能，確保每一環(huán)節(jié)都精確到位。
2.2 UI設(shè)計(jì)：在UE確認(rèn)之后，團(tuán)隊(duì)將開始著手UI設(shè)計(jì)，為APP注入獨(dú)特的視覺魅力。
2.3 技術(shù)文檔與數(shù)據(jù)庫(kù)準(zhǔn)備：開發(fā)文檔、數(shù)據(jù)庫(kù)設(shè)計(jì)及接口文檔的落實(shí)是確保后續(xù)開發(fā)順利進(jìn)行的關(guān)鍵。
2.4 項(xiàng)目Demo制作：制作項(xiàng)目Demo有助于提前發(fā)現(xiàn)需求誤差，確保最終產(chǎn)品能夠滿足預(yù)期。
2.5 程序開發(fā)：進(jìn)入核心開發(fā)階段，安卓、iOS以及后臺(tái)同步開發(fā)，團(tuán)隊(duì)成員間的溝通與配合顯得尤為重要。
2.6 測(cè)試與優(yōu)化：在項(xiàng)目開發(fā)過程中進(jìn)行單元測(cè)試和整理測(cè)試，確保程序無誤。項(xiàng)目完成后，進(jìn)行全面的功能測(cè)試和性能測(cè)試，確保產(chǎn)品上線沒有任何問題。
三、上線前的準(zhǔn)備工作
3.1 服務(wù)器部署：確保項(xiàng)目上線服務(wù)器的穩(wěn)定性，為APP的順利上線提供堅(jiān)實(shí)的后盾。
3.2 資料準(zhǔn)備：提交項(xiàng)目上線所需的所有相關(guān)資料，確保無一遺漏。
3.3 審核與上線：提交至應(yīng)用商店進(jìn)行審核，確保APP順利上線，并準(zhǔn)備進(jìn)行后期的項(xiàng)目功能維護(hù)。
四、完整的APP開發(fā)流程解析
4.1 需求分析：深入了解用戶的開發(fā)平臺(tái)需求、具體的產(chǎn)品功能與設(shè)計(jì)需求、項(xiàng)目期望完成時(shí)間以及開發(fā)預(yù)算等。
4.2 需求評(píng)估：評(píng)估功能需求的技術(shù)難度、設(shè)計(jì)需求的可行性與用戶體驗(yàn)、項(xiàng)目的預(yù)期完成時(shí)間以及實(shí)際開發(fā)費(fèi)用。
4.3 產(chǎn)品規(guī)劃與架構(gòu)：在明確產(chǎn)品定位和前期基本需求后，架構(gòu)師開始構(gòu)思產(chǎn)品的技術(shù)架構(gòu)。從開發(fā)環(huán)境的部署、生產(chǎn)環(huán)境的準(zhǔn)備到基礎(chǔ)代碼的研發(fā)，每一步都需精心策劃。
五、后期維護(hù)與支持
項(xiàng)目上線后，并不意味著開發(fā)的結(jié)束。持續(xù)的服務(wù)器維護(hù)、功能更新以及用戶反饋的響應(yīng)都是確保APP長(zhǎng)期穩(wěn)定運(yùn)行的關(guān)鍵。團(tuán)隊(duì)需要時(shí)刻關(guān)注用戶反饋，不斷優(yōu)化產(chǎn)品，提供持續(xù)的技術(shù)支持，確保APP始終滿足用戶需求。
第一章：項(xiàng)目籌備與品牌融合
在項(xiàng)目的初始階段，我們致力于深入審議和確認(rèn)產(chǎn)品原型設(shè)計(jì)，確保產(chǎn)品的每一個(gè)細(xì)節(jié)都符合您的期待。緊接著，我們將精準(zhǔn)把握客戶品牌的調(diào)性，將其巧妙地融入產(chǎn)品風(fēng)格之中，為客戶創(chuàng)造出獨(dú)一無二的產(chǎn)品體驗(yàn)。在這一章中，我們還將對(duì)具體功能操作進(jìn)行體驗(yàn)優(yōu)化，確保用戶在使用產(chǎn)品時(shí)能夠獲得最佳體驗(yàn)。
第二章：程序開發(fā)的序曲
在完成了前期的籌備工作之后，我們進(jìn)入了程序開發(fā)的階段。我們的開發(fā)團(tuán)隊(duì)將傾力打造前端UI設(shè)計(jì)，讓產(chǎn)品的界面更加吸引人。接著，我們將啟動(dòng)程序開發(fā)，實(shí)現(xiàn)產(chǎn)品的各項(xiàng)功能。在開發(fā)過程中，我們還會(huì)進(jìn)行接口對(duì)接和第三方系統(tǒng)的接入，確保產(chǎn)品的兼容性和穩(wěn)定性。我們還會(huì)定期與客戶進(jìn)行溝通，確保項(xiàng)目的開發(fā)進(jìn)程符合預(yù)期。
第三章：品質(zhì)錘煉——測(cè)試與修正
在程序開發(fā)完成后，我們將進(jìn)行一系列的產(chǎn)品測(cè)試。我們的團(tuán)隊(duì)將在多平臺(tái)、多機(jī)型上進(jìn)行同步測(cè)試，確保產(chǎn)品在各種環(huán)境下都能穩(wěn)定運(yùn)行。我們還會(huì)進(jìn)行BUG調(diào)試修復(fù)，進(jìn)一步提升產(chǎn)品的性能和穩(wěn)定性。在這一章中，我們將不遺余力地追求產(chǎn)品的完美品質(zhì)。
第四章：交付與上線
當(dāng)產(chǎn)品通過測(cè)試后，我們將進(jìn)入交付上線的階段。我們將協(xié)助客戶完成產(chǎn)品在安卓市場(chǎng)或蘋果市場(chǎng)的上線流程，確保產(chǎn)品能夠順利地觸達(dá)目標(biāo)用戶。我們還會(huì)交付開發(fā)源碼和設(shè)計(jì)文件PSD源文件，為客戶提供全面的技術(shù)支持。我們還將為客戶提供產(chǎn)品后臺(tái)操作及更新指南說明文檔，并協(xié)助進(jìn)行客戶方運(yùn)營(yíng)人員的系統(tǒng)培訓(xùn)。
第五章：守護(hù)與前行——維護(hù)與售后
在產(chǎn)品上線后，我們的服務(wù)并未結(jié)束。我們將持續(xù)進(jìn)行產(chǎn)品BUG的修復(fù)，確保產(chǎn)品的穩(wěn)定運(yùn)行。我們還將根據(jù)客戶的需求進(jìn)行產(chǎn)品的更新與維護(hù)。在緊急情況下，我們將迅速進(jìn)行故障處理，確?？蛻舻臉I(yè)務(wù)不受影響。我們還將持續(xù)關(guān)注APP的運(yùn)營(yíng)情況，為客戶提供有效的運(yùn)營(yíng)策略和建議。
手機(jī)APP的開發(fā)流程已經(jīng)越來越成熟，但每個(gè)平臺(tái)都有其獨(dú)特之處。在蘋果的IOS平臺(tái)與谷歌的安卓平臺(tái)為主流的我們也不放棄對(duì)其他平臺(tái)的開發(fā)。因?yàn)槲覀兩钪?，每個(gè)平臺(tái)都有其獨(dú)特的價(jià)值。在開發(fā)過程中，我們會(huì)認(rèn)真分析客戶需求，制定詳細(xì)的產(chǎn)品故事版和系統(tǒng)邏輯架構(gòu)，確保產(chǎn)品的每一個(gè)細(xì)節(jié)都符合客戶的期待。我們的目標(biāo)是為客戶提供最優(yōu)質(zhì)的產(chǎn)品和服務(wù)，幫助客戶在競(jìng)爭(zhēng)激烈的市場(chǎng)中脫穎而出。
章節(jié)四：界面分析與線框原型制作
