首先是你做的app應(yīng)用是否有同類(lèi)的應(yīng)用,各大應(yīng)用商店搜索一下就知道了?,F(xiàn)有比較流行的有應(yīng)用商店有蘋(píng)果市場(chǎng),安卓系統(tǒng)有,豌豆莢,應(yīng)用寶,各大手機(jī)市場(chǎng),華為,小米等應(yīng)用市場(chǎng)進(jìn)行進(jìn)行搜索比較。
把同類(lèi)型的app下載到手機(jī)中,發(fā)現(xiàn)別人的優(yōu)勢(shì)和不足,這對(duì)調(diào)整你自己整個(gè)產(chǎn)品的規(guī)劃還是比較有幫助的。比如說(shuō),同類(lèi)的缺少的功能,及同類(lèi)APP所出現(xiàn)的用戶(hù)體驗(yàn)差,及需要優(yōu)化的功能和流程,發(fā)現(xiàn)同類(lèi)APP的劣勢(shì),關(guān)鍵功能點(diǎn)優(yōu)化調(diào)整。
之后就需要你構(gòu)思一個(gè)響亮的app名稱(chēng)了,最好還是去查一下相關(guān)的百度指數(shù)。選取那些指數(shù)高,但是尚沒(méi)有被注冊(cè)的名稱(chēng)(非常難找到),如果你找到了,恭喜了,你可以免費(fèi)得到很多的自然用戶(hù)。名稱(chēng)要極簡(jiǎn),最好一聞其名,便知其義。
第一步:需求梳理、分析
針對(duì)這個(gè)idea來(lái)一場(chǎng)從內(nèi)到外的洗禮,在此假設(shè)用戶(hù)需求分析已經(jīng)確定 , 接下來(lái)根據(jù)提煉的真實(shí)用戶(hù)需求來(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)品原型圖。
▲產(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)用戶(hù)類(lèi)型、客戶(hù)傾向、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)格稿
▲風(fēng)格稿
所有頁(yè)面設(shè)計(jì)完后會(huì)統(tǒng)一發(fā)給客戶(hù)做進(jìn)一步溝通,然后統(tǒng)一修改優(yōu)化。
▲Zeplin
Zeplin能夠幫助前端更好地理解設(shè)計(jì)師意圖,而設(shè)計(jì)師又能快速得到前端反饋的協(xié)作,從而減少設(shè)計(jì)師與前端的溝通錯(cuò)位,使得兩者在“界面元素”和“交互動(dòng)作”上形成一致。
▲Zeplin
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ì)接
▲Wiki對(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)則。
通過(guò)以上步驟,可以說(shuō)是完整的APP實(shí)現(xiàn)步驟,在反復(fù)溝通的過(guò)程中,才能銜接產(chǎn)品的需求,進(jìn)行深度的體現(xiàn)在產(chǎn)品中,既保證APP的業(yè)務(wù)流程完善性,視覺(jué)效果,用戶(hù)體驗(yàn),界面效果風(fēng)格等一系列的操作體驗(yàn),和測(cè)試上線,只有經(jīng)過(guò)全面的流程,APP才能健康發(fā)展,不受BUG等未知的錯(cuò)誤,異常等情況等造成客戶(hù)流失。