一個(gè) App 創(chuàng)意，如何將其實(shí)現(xiàn)？

第一步：需求梳理、分析

針對(duì)這個(gè)idea來(lái)一場(chǎng)從內(nèi)到外的洗禮，在此假設(shè)用戶需求分析已經(jīng)確定 , 接下來(lái)根據(jù)提煉的真實(shí)用戶需求來(lái)確定產(chǎn)品需求。

產(chǎn)品經(jīng)理將會(huì)根據(jù)溝通中的相關(guān)資料的word、ppt、jpg等等東西翻譯成邏輯語(yǔ)言，最簡(jiǎn)單的就是產(chǎn)出一張產(chǎn)品功能腦圖或者一份功能列表。

▲產(chǎn)品功能腦圖

▲一份功能列表

第二步：產(chǎn)品原型圖繪制

初步產(chǎn)品功能需求梳理清楚之后，產(chǎn)品經(jīng)理持續(xù)跟進(jìn)，反復(fù)溝通確定產(chǎn)品原型圖。

PS：我們出一般是全局流的圖，程序員哥哥們比較喜歡（白眼）

▲產(chǎn)品原型圖

同時(shí)根據(jù)具體的項(xiàng)目需求，會(huì)搭配一套產(chǎn)品業(yè)務(wù)流程的泳道圖

▲產(chǎn)品業(yè)務(wù)流程的泳道圖

常規(guī)的是用axure出一份帶簡(jiǎn)單交互的原型

▲簡(jiǎn)單交互的原型

簡(jiǎn)單點(diǎn)，用墨刀做一份帶交互的原型。

▲墨刀帶交互的原型

第三步：UI設(shè)計(jì)

UI設(shè)計(jì)，包含風(fēng)格稿和內(nèi)頁(yè)設(shè)計(jì)。

風(fēng)格稿會(huì)根據(jù)產(chǎn)品需求提供的目標(biāo)用戶類(lèi)型、客戶傾向、LOGO等信息，以及確定做風(fēng)格稿的2-3個(gè)頁(yè)面的原型圖，來(lái)進(jìn)行風(fēng)格稿設(shè)計(jì)。

待風(fēng)格稿確認(rèn)后進(jìn)行內(nèi)頁(yè)設(shè)計(jì)，包括設(shè)計(jì)效果、頁(yè)面元素、彈出頁(yè)面等等

▲風(fēng)格稿

所有頁(yè)面設(shè)計(jì)完后會(huì)統(tǒng)一發(fā)給客戶做進(jìn)一步溝通，然后統(tǒng)一修改優(yōu)化。

▲Zeplin

Zeplin能夠幫助前端更好地理解設(shè)計(jì)師意圖，而設(shè)計(jì)師又能快速得到前端反饋的協(xié)作，從而減少設(shè)計(jì)師與前端的溝通錯(cuò)位，使得兩者在“界面元素”和“交互動(dòng)作”上形成一致

invision用于設(shè)計(jì)先行能減少后端技術(shù)工程問(wèn)題，設(shè)計(jì)的迭代越快，軟件開(kāi)發(fā)就越能在時(shí)間點(diǎn)的把控上做到極簡(jiǎn)。

▲invision

設(shè)計(jì)定稿后并不是設(shè)計(jì)師的工作結(jié)束了，之后還有一段周期的切圖、標(biāo)注工作 。

▲標(biāo)注

▲切圖

▲sketch

多維度運(yùn)用zeplin、sketch、invision等等協(xié)作工具從細(xì)節(jié)上詮釋產(chǎn)品開(kāi)發(fā)的每一個(gè)產(chǎn)品需求，在時(shí)間上保證高效，在結(jié)果上保證了產(chǎn)品技術(shù)層面與設(shè)計(jì)層面的完美融合以及項(xiàng)目的高效進(jìn)度和最后的優(yōu)質(zhì)呈現(xiàn)。

第四步：項(xiàng)目經(jīng)理&技術(shù)負(fù)責(zé)人對(duì)接需求

項(xiàng)目經(jīng)理對(duì)接上這些需求，第一個(gè)工作是細(xì)化需求，將這些翻譯成技術(shù)能更好理解地語(yǔ)言，搭配著原型圖或設(shè)計(jì)稿來(lái)召開(kāi)技術(shù)會(huì)議，統(tǒng)一講解新項(xiàng)目的需求。

▲細(xì)化需求

第五步：技術(shù)方案 & 架構(gòu)設(shè)計(jì)

技術(shù)負(fù)責(zé)人在清楚了解整個(gè)項(xiàng)目的需求之后會(huì)開(kāi)始構(gòu)思整個(gè)項(xiàng)目的技術(shù)方案，根據(jù)產(chǎn)品需求，提供易擴(kuò)展、可持續(xù)迭代的技術(shù)框架方案。

▲整個(gè)項(xiàng)目的技術(shù)方案

▲可持續(xù)迭代的技術(shù)框架方案

第六步：項(xiàng)目排期 & 任務(wù)分解

同時(shí)，項(xiàng)目經(jīng)理在和研發(fā)團(tuán)隊(duì)溝通確認(rèn)后對(duì)項(xiàng)目進(jìn)行分解以及排期，以此來(lái)保證項(xiàng)目進(jìn)度和質(zhì)量。

▲項(xiàng)目管理

第七步：產(chǎn)品研發(fā)階段

這個(gè)階段就是各端技術(shù)按照排期規(guī)劃開(kāi)始編碼，期間各種對(duì)接、調(diào)試以及撕逼。我不是程序猿，這塊就不多寫(xiě)了，貼幾張他們技術(shù)wiki的截圖吧。

▲Wiki對(duì)接

▲各種對(duì)接

Paw 讓測(cè)試 API 變得輕松愉悅，可以構(gòu)建內(nèi)部和外部的資源。它可以在不同的環(huán)境下進(jìn)行測(cè)試，也可以引用來(lái)自其他請(qǐng)求響應(yīng)的數(shù)據(jù)。

▲PAW

它可以定義不同的環(huán)境，于是可以輕松地在開(kāi)發(fā)、臨時(shí)和生產(chǎn)環(huán)境中進(jìn)行切換，而無(wú)需重新配置任何端點(diǎn)（endpoint）。并且還可以在一個(gè)請(qǐng)求的消息體中引用另一個(gè)請(qǐng)求中返回的值，這能夠節(jié)省大量時(shí)間。

第八步：交付測(cè)試階段

測(cè)試工程師基本全程跟進(jìn)，從最早期對(duì)接完詳細(xì)產(chǎn)品需求之后就開(kāi)始編寫(xiě)測(cè)試用例

▲測(cè)試用例

然后配合項(xiàng)目各個(gè)里程碑節(jié)點(diǎn)進(jìn)行功能測(cè)試和性能測(cè)試，將問(wèn)題按優(yōu)先級(jí)劃分統(tǒng)一反饋

▲測(cè)試過(guò)程

最后，按原計(jì)劃上線

以上均是理想情況下，一個(gè)App必經(jīng)的幾個(gè)階段的簡(jiǎn)潔步驟說(shuō)明，具體執(zhí)行依然會(huì)根據(jù)需求穿插進(jìn)行。

不同的項(xiàng)目管理模式或許會(huì)有完全不同的流程步驟。但是專(zhuān)業(yè)性幾乎是保證產(chǎn)品質(zhì)量的唯一準(zhǔn)則。

在浮躁的當(dāng)下，風(fēng)澤團(tuán)隊(duì)采用遠(yuǎn)程協(xié)作的工作方式，平衡專(zhuān)業(yè)與高效，熱愛(ài)與自由。

運(yùn)用Tower/Trello管理整體項(xiàng)目進(jìn)度的同時(shí),多維度運(yùn)用zeplin、sketch、invision等等協(xié)作工具從細(xì)節(jié)上詮釋產(chǎn)品開(kāi)發(fā)的每一個(gè)產(chǎn)品需求。

在時(shí)間上保證高效，在結(jié)果上保證產(chǎn)品技術(shù)層面與設(shè)計(jì)層面的完美融合，與此同時(shí)，團(tuán)隊(duì)成員技術(shù)領(lǐng)域的多年實(shí)踐，專(zhuān)業(yè)的職業(yè)素養(yǎng)以及高度自律的工作慣性，保證了項(xiàng)目的高效進(jìn)度以及最后的優(yōu)質(zhì)呈現(xiàn)。