作為一個(gè)阿里外包同學(xué)是如何工作,以小組形式接熱門運(yùn)營活動(dòng)需求為主。
流程

討論需求:在一開始設(shè)計(jì)稿還沒出來之前是有需求文案,有簡單的頁面設(shè)計(jì)以及行動(dòng)點(diǎn)介紹,這個(gè)時(shí)候就需要自己去思考一下如何去設(shè)立行動(dòng)點(diǎn),以及分配任務(wù)(pc、mobile)
設(shè)計(jì)稿:pc和mobile是分開兩個(gè)設(shè)計(jì)稿的,windows一般是psd文件,mac可以用sketch文件(這個(gè)比較強(qiáng)大,各種尺寸直接計(jì)算出來了)。
pc頁面:內(nèi)容寬度一般是1200px,各種元素百分百還原設(shè)計(jì)稿,目前由于兼容性問題禁止使用flex布局,
mobile頁面:給的設(shè)計(jì)稿一般是640,所以在設(shè)置單位的時(shí)候需要對設(shè)計(jì)稿上的數(shù)據(jù)進(jìn)行計(jì)算處理(除以2),mobile頁面需要滿足各種機(jī)型的適配問題,所以并不一定是百分百還原設(shè)計(jì)稿,一定要考慮響應(yīng)式。
pc:顯示在pc的瀏覽器中,使用pc組件
pad:顯示在app中,使用app的相關(guān)組件
mobileapp:顯示在app中,使用app的相關(guān)組件
mobilesite:顯示在mobile的瀏覽器中,使用m站的相關(guān)組件
多語言文案、banner:提早引入多語言文案,有利于調(diào)整不同設(shè)備的樣式問題,提早對文案進(jìn)行調(diào)整。
Mock數(shù)據(jù):數(shù)據(jù)接口需要后臺(tái)完成后才可以使用,在此之前我們可以使用mock數(shù)據(jù)模擬接口入?yún)⒊鰠硗瓿身撁娴匿秩?,以達(dá)到模擬真實(shí)環(huán)境的效果,從而進(jìn)一步完成頁面。
調(diào)試接口:綁定host、加上參數(shù)
線下環(huán)境測試:自測或者測試人員參與測試功能的完整性,頁面問題等。
Review:跟需求方一起瀏覽一遍項(xiàng)目,對產(chǎn)生的問題進(jìn)行更改。
預(yù)發(fā)布、發(fā)布:后臺(tái)將接口預(yù)發(fā)布、發(fā)布,預(yù)發(fā)布時(shí)還需要綁環(huán)境,發(fā)布之后就不需要綁定環(huán)境了
上線后即時(shí)修改bug: