1、提高研發(fā)計(jì)劃性

產(chǎn)品開發(fā)流程每個(gè)環(huán)節(jié)都涉及時(shí)間排期，這些時(shí)間管理要素可以有效控制項(xiàng)目時(shí)間表。

2、提高研發(fā)效率

通過明確開發(fā)團(tuán)隊(duì)每個(gè)角色的職責(zé)和協(xié)作方式，讓每個(gè)成員只需嚴(yán)格按照規(guī)范做好自己的工作即可高效協(xié)作，降低溝通成本。

3、保證產(chǎn)品質(zhì)量

通過確保每個(gè)環(huán)節(jié)的輸入輸出結(jié)果，讓最終產(chǎn)出的產(chǎn)品得到有效保證。

4、及時(shí)發(fā)現(xiàn)問題

通過各環(huán)節(jié)過程數(shù)據(jù)，方便管理人員深入了解問題。

1、明確團(tuán)隊(duì)角色責(zé)權(quán)利

每個(gè)角色都有明確分工和職責(zé)，以及業(yè)績和晉升規(guī)則，從根本上保障團(tuán)隊(duì)執(zhí)行力。

2、明確項(xiàng)目管理工具

通過項(xiàng)目管理工具將分解每個(gè)角色的工作任務(wù)，并形成高效信息流轉(zhuǎn)。除了產(chǎn)品經(jīng)理和項(xiàng)目經(jīng)理需要通觀全局外，其他每個(gè)角色只需及時(shí)關(guān)注自己負(fù)責(zé)的部分即可。

3、明確研發(fā)流程

最重要的是針對每個(gè)環(huán)節(jié)明確該環(huán)節(jié)的上下游關(guān)系，以及該環(huán)節(jié)作業(yè)的輸入和輸出內(nèi)容。

研發(fā)團(tuán)隊(duì)是產(chǎn)品研發(fā)管理的核心，建立強(qiáng)有力的產(chǎn)品研發(fā)核心團(tuán)隊(duì)是成功的關(guān)鍵步驟。

1、組建團(tuán)隊(duì)

產(chǎn)品研發(fā)核心團(tuán)隊(duì)通常由產(chǎn)品經(jīng)理（1名）、研發(fā)經(jīng)理（1名）、研發(fā)人員（5-10名）組成。產(chǎn)品開發(fā)涉及的職責(zé)分配到各位成員身上。

2、角色與分工

（1）產(chǎn)品經(jīng)理

產(chǎn)品經(jīng)理是產(chǎn)品管理職位，負(fù)責(zé)市場調(diào)查并根據(jù)用戶的需求，確定開發(fā)何種產(chǎn)品，選擇何種技術(shù)、商業(yè)模式等。并推動(dòng)相應(yīng)產(chǎn)品的開發(fā)組織，他還要根據(jù)產(chǎn)品的生命周期，協(xié)調(diào)研發(fā)、營銷、運(yùn)營等，確定和組織實(shí)施相應(yīng)的產(chǎn)品策略，以及其他一系列相關(guān)的產(chǎn)品管理活動(dòng)。

（2）研發(fā)經(jīng)理

研發(fā)經(jīng)理是技術(shù)研發(fā)管理職位，負(fù)責(zé)了解項(xiàng)目的需求，系統(tǒng)分析，做相關(guān)的技術(shù)選型，制定開發(fā)計(jì)劃與開發(fā)規(guī)范。

（3）產(chǎn)品設(shè)計(jì)師

產(chǎn)品設(shè)計(jì)師是產(chǎn)品策劃職位，負(fù)責(zé)將客戶需求轉(zhuǎn)換為具體的產(chǎn)品形態(tài)。

（4）架構(gòu)師

架構(gòu)師是軟件系統(tǒng)和網(wǎng)絡(luò)系統(tǒng)的設(shè)計(jì)師，負(fù)責(zé)確認(rèn)和評估產(chǎn)品需求、搭建軟件研發(fā)和網(wǎng)絡(luò)系統(tǒng)的核心構(gòu)架、并掃清主要難點(diǎn)。架構(gòu)師著眼于“技術(shù)實(shí)現(xiàn)”，能對常見場景快速給出最恰當(dāng)?shù)募夹g(shù)解決方案，并能評估團(tuán)隊(duì)實(shí)現(xiàn)功能需求的代價(jià)。

架構(gòu)師分為軟件架構(gòu)師和系統(tǒng)架構(gòu)師兩類，分別專注于軟件開發(fā)和系統(tǒng)運(yùn)維兩個(gè)階段的系統(tǒng)設(shè)計(jì)。

（5）交互設(shè)計(jì)師

交互設(shè)計(jì)師是功能設(shè)計(jì)職位，負(fù)責(zé)根據(jù)需求文檔設(shè)計(jì)交互原型。

（6）視覺設(shè)計(jì)師

視覺設(shè)計(jì)師是界面設(shè)計(jì)職位，負(fù)責(zé)根據(jù)需求文檔和交互設(shè)計(jì)文檔設(shè)計(jì)出產(chǎn)品視覺界面。

（7）Web前端工程師

Web前端工程師是界面研發(fā)職位，負(fù)責(zé)根據(jù)架構(gòu)設(shè)計(jì)文檔和界面設(shè)計(jì)稿，使用Web技術(shù)（HTML/CSS/JavaScript等）進(jìn)行Web產(chǎn)品界面開發(fā)，并調(diào)用Server端接口實(shí)現(xiàn)Web應(yīng)用。

（8）APP開發(fā)工程師

APP開發(fā)工程師是APP界面研發(fā)職位，負(fù)責(zé)根據(jù)需求文檔和界面設(shè)計(jì)稿開發(fā)出APP客戶端界面，并調(diào)用Server端接口實(shí)現(xiàn)APP應(yīng)用。

（9）測試工程師

測試工程師是軟件質(zhì)量的把關(guān)者，負(fù)責(zé)根據(jù)需求文檔編寫測試用例、執(zhí)行測試任務(wù)、提交測試Bug、跟進(jìn)Bug修正等。

（10）運(yùn)維工程師

運(yùn)維工程師是產(chǎn)品發(fā)布職位，負(fù)責(zé)維護(hù)并確保整個(gè)服務(wù)的高可用性，同時(shí)不斷優(yōu)化系統(tǒng)架構(gòu)、提升部署效率、優(yōu)化資源利用率提高整體ROI。

推薦騰訊敏捷開發(fā)平臺TAPD，這是騰訊內(nèi)部正在使用的敏捷產(chǎn)品研發(fā)平臺，微信、QQ、騰訊視頻等產(chǎn)品，都是通過TAPD進(jìn)行產(chǎn)品技術(shù)項(xiàng)目研發(fā)管理。

1、打開TAPD平臺首頁

2、注冊系統(tǒng)帳號

3、借助企業(yè)微信配置權(quán)限

4、支持需求研發(fā)全流程管理

貫穿敏捷研發(fā)生命周期，幫助團(tuán)隊(duì)敏捷迭代，小步快跑。

通過迭代進(jìn)行目標(biāo)制定與計(jì)劃評審，完成工作分配，使用故事墻與燃盡圖進(jìn)行研發(fā)過程跟蹤。迭代全程目標(biāo)清晰，進(jìn)度可控，研發(fā)過程敏捷迭代，小步快跑。

支持Web版本、PAD版、手機(jī)版。

產(chǎn)品研發(fā)流程分為以下階段：立項(xiàng)階段、設(shè)計(jì)階段、開發(fā)階段、測試階段、上線階段、磨合階段、運(yùn)營階段、總結(jié)階段。

1、立項(xiàng)階段

立項(xiàng)階段從公司戰(zhàn)略分解開始，然后通過市場調(diào)研獲取客戶需求，然后梳理產(chǎn)品方向形成產(chǎn)品提案給產(chǎn)品委員會(huì)審批，審批通過后正式進(jìn)入產(chǎn)品研發(fā)階段。

（1）市場調(diào)研

需求調(diào)研就是通過調(diào)研篩選典型客戶，并對這些客戶的需求細(xì)節(jié)進(jìn)行匯總和梳理。

典型客戶一般都通過用戶畫像的形式進(jìn)行描述。對已有產(chǎn)品，可以直接通過數(shù)據(jù)統(tǒng)計(jì)部門拿到用戶畫像數(shù)據(jù)。用戶畫像一般都是通過抽樣方法，隨機(jī)抽取一批客戶（例如1%或者1萬個(gè)以下）進(jìn)行問卷調(diào)查。

QQ早期用戶畫像數(shù)據(jù)

對新產(chǎn)品則需要先約定大致客戶群特征，然后針對這個(gè)群體做抽樣問卷調(diào)查。問卷設(shè)計(jì)一般都需要產(chǎn)品經(jīng)理完成，然后可以找專業(yè)調(diào)研公司去實(shí)施。

新華信協(xié)助QQ音樂產(chǎn)品團(tuán)隊(duì)進(jìn)行用戶調(diào)研

（2）客戶需求分析

客戶需求分析就是將調(diào)研過程中涉及的需求信息，根據(jù)需求重要程度分級，優(yōu)先滿足客戶基礎(chǔ)需求，也就是我們常說的客戶痛點(diǎn)。

騰訊視頻的需求層次分析V1.0

（3）編寫產(chǎn)品提案

立項(xiàng)階段主要是要輸出產(chǎn)品提案，提交給公司產(chǎn)品委員會(huì)決策。產(chǎn)品提案也就是“商業(yè)需求文檔”，簡稱BRD（Business Requirement Document），是基于商業(yè)目標(biāo)或價(jià)值所描述的商業(yè)需求。其核心用途是用于在投入研發(fā)之前，為企業(yè)高管層提供決策評估依據(jù)。其內(nèi)容涉及產(chǎn)品概述、市場需求、競爭環(huán)境、重要性、成功要素、營銷策略、盈利預(yù)測等內(nèi)容，一般比較短小精煉，不包含產(chǎn)品細(xì)節(jié)。

支付寶用戶事業(yè)部產(chǎn)品提案模板

（4）提交產(chǎn)品決策委員會(huì)評審

提案評審主要是判斷以下要點(diǎn)：與戰(zhàn)略關(guān)聯(lián)關(guān)系是否緊密？產(chǎn)品價(jià)值有多大？資源投入有多大？

公司產(chǎn)品決策委員會(huì)根據(jù)提交的產(chǎn)品提案進(jìn)行評估，評估流程如下圖所示：

產(chǎn)品決策委員會(huì)決策流程

2、產(chǎn)品設(shè)計(jì)

產(chǎn)品設(shè)計(jì)分為輸出概念設(shè)計(jì)、輸出功能清單、輸出需求概要文檔、輸出需求詳情文檔等步驟。

（1）產(chǎn)品概念設(shè)計(jì)

概念設(shè)計(jì)是非常關(guān)鍵的產(chǎn)品環(huán)節(jié)，簡單明確的概念不僅讓客戶更容易理解，也讓產(chǎn)品研發(fā)過程思路清晰、少走彎路。而且，概念設(shè)計(jì)也是軟件架構(gòu)師將產(chǎn)品概念轉(zhuǎn)化為技術(shù)對象化模型的關(guān)鍵環(huán)節(jié)。

以支付寶產(chǎn)品為例，就是采用了“錢包”概念模型。錢包里有現(xiàn)金、銀行卡，也可以放身份證、名片、照片、小票、發(fā)票等。區(qū)分好需求層級，產(chǎn)品交互體驗(yàn)的層次和用力程度自然就出來了。

支付寶錢包用戶產(chǎn)品模型

（2）確定產(chǎn)品功能組合

根據(jù)產(chǎn)品概念模型和需求優(yōu)先級，確認(rèn)關(guān)鍵性的功能要點(diǎn)。

QQ音樂關(guān)鍵功能要點(diǎn)

（3）確定功能清單

然后對功能進(jìn)行樹狀化梳理，把所有功能點(diǎn)都整理到一個(gè)列表里。

QQ影音產(chǎn)品功能清單V1.0

這些功能點(diǎn)后續(xù)都作為需求點(diǎn)加入項(xiàng)目管理系統(tǒng)TAP中，方便團(tuán)隊(duì)所有成員溝通和完善這個(gè)功能清單。形成功能清單初稿后，產(chǎn)品經(jīng)理需要先在產(chǎn)品團(tuán)隊(duì)中組織討論完善，然后再找運(yùn)營團(tuán)隊(duì)溝通完善，然后是找交互視覺團(tuán)隊(duì)補(bǔ)充完善，最后再找研發(fā)項(xiàng)目經(jīng)理、研發(fā)、測試、運(yùn)維等角色溝通完善。

這個(gè)過程既是幫產(chǎn)品經(jīng)理完善的過程，也是形成團(tuán)隊(duì)共識、激發(fā)團(tuán)隊(duì)熱情的過程。

（4）輸出需求概要文檔

概要文檔明確某個(gè)功能模塊下的功能介紹，一般是多個(gè)功能點(diǎn)的描述。需求概要一般由產(chǎn)品經(jīng)理負(fù)責(zé)撰寫，不包含功能細(xì)節(jié)描述。為了方便與產(chǎn)品設(shè)計(jì)師們溝通需求，可以將主要功能界面草稿加入該文檔中，用原型草圖能更好地描述主要功能。

騰訊視頻PC版播放模塊的需求概要文檔

有了某個(gè)模塊的需求概要文檔后，研發(fā)項(xiàng)目經(jīng)理組織團(tuán)隊(duì)溝通需求概要。產(chǎn)品經(jīng)理首先介紹需求概要然后由其他團(tuán)隊(duì)成員提出自己關(guān)心的專業(yè)問題。會(huì)前產(chǎn)品經(jīng)理提前分享文檔，并收集準(zhǔn)備大家的問題點(diǎn)。

會(huì)后主架構(gòu)師根據(jù)需求概要做架構(gòu)設(shè)計(jì)框架，研發(fā)工程師也可以針對自己負(fù)責(zé)的模塊做技術(shù)預(yù)研。有經(jīng)驗(yàn)的工程師，往往在這個(gè)階段就開始試著做個(gè)Demo，把主體功能流程跑通，這樣在正式進(jìn)入研發(fā)時(shí)就會(huì)比較輕松，專注于細(xì)節(jié)完善和產(chǎn)品質(zhì)量。

（5）輸出需求詳情文檔

需求詳情文檔由產(chǎn)品設(shè)計(jì)師負(fù)責(zé)編寫。需求概要中的需求點(diǎn)，每個(gè)都需要單獨(dú)編寫需求詳情文檔，而不是把所有的需求詳情都寫在一個(gè)文檔里。這樣會(huì)導(dǎo)致需求詳情文檔非常長，內(nèi)容龐雜，這個(gè)會(huì)導(dǎo)致后續(xù)很多問題。需求點(diǎn)最好都能拆分到1周內(nèi)能完成研發(fā)測試比較好，這樣才能有效實(shí)現(xiàn)敏捷開發(fā)。

騰訊視頻PC版自動(dòng)登錄需求文檔

需求文檔并不是產(chǎn)品設(shè)計(jì)師一個(gè)人閉門造車就能寫出來的。產(chǎn)品設(shè)計(jì)師需要頻繁與交互、運(yùn)營、視覺、用戶研究（UER）、架構(gòu)師、測試經(jīng)理、開發(fā)、運(yùn)維等人員溝通。溝通的過程更多是產(chǎn)品設(shè)計(jì)師學(xué)習(xí)和融合各個(gè)角色思考的過程，同時(shí)也讓各個(gè)角色的工作更加明確。

一般需求文檔的編寫分成以下步驟：

第1步：根據(jù)需求概要設(shè)計(jì)用戶操作流程圖。

第2步：根據(jù)用戶操作流程拆分各個(gè)界面，繪制主界面草圖加入文檔，再分別描述每個(gè)界面的主要元素和功能點(diǎn)，再描述界面之間交互的邏輯，最后加上交互背后涉及的業(yè)務(wù)邏輯。

第3步：找運(yùn)營溝通需求，根據(jù)運(yùn)營人員的建議補(bǔ)充營銷位、運(yùn)營后臺工具等內(nèi)容。

第4步：找交互設(shè)計(jì)師溝通交互細(xì)節(jié)，根據(jù)交互設(shè)計(jì)師的疑問補(bǔ)充界面中的交互邏輯。交互設(shè)計(jì)師完成交互設(shè)計(jì)稿后，將交互稿截圖并加入文檔，并完善交互邏輯說明。

第5步：找視覺設(shè)計(jì)師溝通視覺細(xì)節(jié)，提醒視覺設(shè)計(jì)師突出重點(diǎn)。視覺設(shè)計(jì)師完成設(shè)計(jì)稿后，將設(shè)計(jì)稿截圖并加入文檔，并完善視覺界面說明。

第6步：找架構(gòu)師溝通算法和技術(shù)邏輯，根據(jù)架構(gòu)師提出的疑問完善業(yè)務(wù)邏輯。

第7步：找測試經(jīng)理溝通測試用例，根據(jù)測試經(jīng)理提出的疑問完善功能細(xì)節(jié)。因?yàn)闇y試經(jīng)理需要寫測試用例，測試用例是以需求文檔為藍(lán)本，如果需求文檔不清楚必然會(huì)導(dǎo)致測試用例不完善，因此測試經(jīng)理往往對產(chǎn)品設(shè)計(jì)師的幫助很大，甚至?xí)犬a(chǎn)品設(shè)計(jì)師更了解產(chǎn)品細(xì)節(jié)。

第8步：找UER做功能調(diào)研。UER將需求文檔轉(zhuǎn)化為調(diào)研文檔，然后通過產(chǎn)品體驗(yàn)群、邀請客戶當(dāng)面體驗(yàn)等方式找出產(chǎn)品設(shè)計(jì)中的問題。然后UER反饋給產(chǎn)品經(jīng)理，產(chǎn)品設(shè)計(jì)師合并優(yōu)化成產(chǎn)品需求詳情文檔。有的公司UER調(diào)研也是由產(chǎn)品設(shè)計(jì)師承擔(dān)，但是專業(yè)性上有可能難以保障。

第9步：找產(chǎn)品經(jīng)理、研發(fā)項(xiàng)目經(jīng)理、運(yùn)維確認(rèn)需求文檔，并初步確定排期。

（6）需求評審

如果之前編寫過程與每個(gè)角色都有了充分的溝通，需求評審就會(huì)變得很輕松愉快。否則，產(chǎn)品經(jīng)理和產(chǎn)品設(shè)計(jì)師將會(huì)陷入無止境的辯論中，往往動(dòng)輒就讓整個(gè)團(tuán)隊(duì)消耗了幾個(gè)小時(shí)還無法形成結(jié)論。

因此，需求評審的關(guān)鍵就是產(chǎn)品設(shè)計(jì)師事先做好評審會(huì)的一切準(zhǔn)備。提前準(zhǔn)備好所有資料并提前發(fā)給團(tuán)隊(duì)所有成員，并事先與所有角色都逐一確認(rèn)過關(guān)鍵問題，而且得到了產(chǎn)品經(jīng)理和研發(fā)項(xiàng)目經(jīng)理的確認(rèn)。在評審會(huì)上，先講總體，再講重要細(xì)節(jié)，再講次重要細(xì)節(jié)，并層層確認(rèn)。

對于會(huì)議上爭議較大的問題點(diǎn)，5分鐘后還沒結(jié)論的馬上記錄下來，會(huì)后再單獨(dú)討論。如果問題點(diǎn)太多，就說明產(chǎn)品設(shè)計(jì)師還沒考慮清楚，那就盡早結(jié)束會(huì)議，重新修改后再召開評審。這種情況會(huì)嚴(yán)重影響產(chǎn)品團(tuán)隊(duì)的聲譽(yù)，因?yàn)榈⒄`的是所有人的時(shí)間。為了減少這種風(fēng)險(xiǎn)，需求評審一定要提前1-2周召開，而不要等到開發(fā)前夕才進(jìn)行評審。

3、交互設(shè)計(jì)

交互設(shè)計(jì)主要是將產(chǎn)品經(jīng)理的功能設(shè)計(jì)，用原型圖和交互流程的形式展現(xiàn)出來，方便與用戶及團(tuán)隊(duì)進(jìn)行溝通。交互設(shè)計(jì)原型將產(chǎn)品經(jīng)理提供的產(chǎn)品原型草圖具象化，減少了需求不確定性，保證產(chǎn)品功能可用性。

騰訊設(shè)計(jì)完整流程圖

（1）交互設(shè)計(jì)需求分析

交互設(shè)計(jì)需求分析主要是要回答以下問題：

A）重點(diǎn)是給哪些角色看？

涉及交互稿的角色很多，幾乎每個(gè)角色都需要，但是只要有專業(yè)細(xì)致的交互稿，也就能滿足所有角色的需求了，無需針對每個(gè)人提供不同的交互稿版本。

產(chǎn)品經(jīng)理：產(chǎn)品經(jīng)理需要將交互稿截圖合并到需求文檔，提供給各個(gè)角色作為需求源。

視覺設(shè)計(jì)師：需要以交互設(shè)計(jì)稿為基礎(chǔ)，設(shè)計(jì)出每個(gè)界面的PSD文檔。

研發(fā)經(jīng)理：需要通過交互設(shè)計(jì)稿，判斷需要調(diào)配哪些角色參與，大概需要多少時(shí)間。

架構(gòu)師：需要通過交互設(shè)計(jì)稿，梳理出軟件架構(gòu)設(shè)計(jì)，特別是功能流程設(shè)計(jì)與軟件架構(gòu)和網(wǎng)絡(luò)架構(gòu)設(shè)計(jì)緊密相關(guān)。

Web前端開發(fā)：需要通過交互設(shè)計(jì)稿，確認(rèn)網(wǎng)頁界面是如何串聯(lián)起來的。這里不僅涉及功能流程設(shè)計(jì)，也包括交互細(xì)節(jié)。

APP客戶端開發(fā)：需要通過交互設(shè)計(jì)稿，確認(rèn)APP軟件界面是如何串聯(lián)起來的。這里不僅涉及功能流程設(shè)計(jì)，也包括交互細(xì)節(jié)。

后臺開發(fā)：需要通過交互設(shè)計(jì)稿，確認(rèn)采用哪種后臺調(diào)用方式，以及如何通過交互設(shè)計(jì)讓用戶在面對網(wǎng)絡(luò)延遲等情況時(shí)體驗(yàn)更佳。

測試：需要通過交互設(shè)計(jì)稿，編寫功能測試用例，以及每個(gè)交互體驗(yàn)細(xì)節(jié)的測試用例。

用戶研究：需要通過交互設(shè)計(jì)稿，訪談客戶，讓客戶更容易理解產(chǎn)品功能，從而獲得更有效的反饋。

B）用戶場景是什么？

確定是要做什么場景下的交互設(shè)計(jì)。具體包括用戶畫像、主要功能流程等。

C）采用什么樣的形式？

交互文檔大多都采用Axture進(jìn)行設(shè)計(jì)，一般都采用線框稿的形式。

使用Axture創(chuàng)建交互設(shè)計(jì)文檔

D）要達(dá)到什么標(biāo)準(zhǔn)？

一般衡量交互水平的指標(biāo)，是整個(gè)功能操作流程的流量轉(zhuǎn)化率。

以注冊登錄為例，可以通過抽樣監(jiān)測從進(jìn)入注冊到登錄完成每個(gè)步驟進(jìn)行數(shù)據(jù)跟蹤，然后得出轉(zhuǎn)化率數(shù)據(jù)值，然后再跟競品或類似產(chǎn)品進(jìn)行對比，不斷提升這個(gè)轉(zhuǎn)化率。

（2）功能交互設(shè)計(jì)

功能交互設(shè)計(jì)主要是將軟件界面之間的跳轉(zhuǎn)關(guān)聯(lián)關(guān)系表達(dá)清楚。

（3）交互細(xì)節(jié)設(shè)計(jì)

交互細(xì)節(jié)涉及點(diǎn)非常多，不同公司、不同類型的產(chǎn)品都會(huì)有自己不同的交互設(shè)計(jì)風(fēng)格和細(xì)節(jié)處理方式。為了保證產(chǎn)品交互細(xì)節(jié)上的統(tǒng)一和規(guī)范，互聯(lián)網(wǎng)公司一般都會(huì)制定自己的交互設(shè)計(jì)規(guī)范，以便指導(dǎo)設(shè)計(jì)師完成交互設(shè)計(jì)。

騰訊網(wǎng)站產(chǎn)品交互設(shè)計(jì)規(guī)范V1.0

交互細(xì)節(jié)設(shè)計(jì)，一般涉及交互控件元素、交互文案、裝飾圖形等內(nèi)容。

每個(gè)看似很小的功能細(xì)節(jié)，都往往需要花費(fèi)大量精力去做細(xì)。為了節(jié)省成本，在這樣的功能開發(fā)出來后，都最好對象化模塊化，其他場景只需調(diào)用這個(gè)模塊即可快速創(chuàng)建類似的功能。

網(wǎng)頁翻頁功能細(xì)節(jié)交互設(shè)計(jì)

產(chǎn)品上線后運(yùn)維工作才剛開始，具體包括升級版本上線工作、服務(wù)監(jiān)控、應(yīng)用狀態(tài)統(tǒng)計(jì)、日常服務(wù)狀態(tài)巡檢、突發(fā)故障處理、服務(wù)日常變更調(diào)整、集群管理、服務(wù)性能評估優(yōu)化、數(shù)據(jù)庫管理優(yōu)化、隨著應(yīng)用PV增減進(jìn)行應(yīng)用架構(gòu)的伸縮、安全、運(yùn)維開發(fā)等工作。

4、視覺設(shè)計(jì)

（1）視覺設(shè)計(jì)需求分析

視覺設(shè)計(jì)需求分析主要是明確視覺設(shè)計(jì)需要達(dá)到的目的。

以Logo設(shè)計(jì)為例，最常見的需求要點(diǎn)是兩個(gè)：明確表義、吸引視線。因此在設(shè)計(jì)過程中，通過把競品和不同設(shè)計(jì)方案可以放到一起，從而找到最優(yōu)的設(shè)計(jì)方案。

百度輸入法Logo設(shè)計(jì)需求調(diào)研

（2）視覺概念設(shè)計(jì)

視覺概念設(shè)計(jì)建立在視覺風(fēng)格推導(dǎo)基礎(chǔ)上，用以描繪出產(chǎn)品視覺風(fēng)格的基本方向。

該步驟需要確定產(chǎn)品風(fēng)格，為后續(xù)確定設(shè)計(jì)元素、明度、色調(diào)、質(zhì)感等設(shè)計(jì)細(xì)節(jié)奠定基礎(chǔ)。

（3）主界面設(shè)計(jì)

主視覺設(shè)計(jì)師拿到交互稿后，針對主要功能界面設(shè)計(jì)風(fēng)格定位稿。

百度影音播放器主界面

（4）視覺細(xì)節(jié)設(shè)計(jì)

然后針對界面中的每個(gè)控件，都按照像素級標(biāo)準(zhǔn)進(jìn)行繪制。

每個(gè)空間的分層素材都需要通過PSD文檔進(jìn)行保留，色塊區(qū)域的顏色值需要標(biāo)注，按鈕的每個(gè)狀態(tài)都需要單獨(dú)設(shè)計(jì)，每個(gè)控件的尺寸也需要明確標(biāo)注。交互設(shè)計(jì)中的每個(gè)細(xì)節(jié)設(shè)計(jì)狀態(tài)，也都應(yīng)該有對應(yīng)的設(shè)計(jì)稿。

騰訊視頻播放器內(nèi)容庫視覺細(xì)節(jié)設(shè)計(jì)

（5）視覺設(shè)計(jì)規(guī)范

與交互設(shè)計(jì)類似，視覺設(shè)計(jì)涉及點(diǎn)也非常多。為了保證產(chǎn)品視覺細(xì)節(jié)上的統(tǒng)一和規(guī)范，互聯(lián)網(wǎng)公司一般都會(huì)制定自己的產(chǎn)品視覺設(shè)計(jì)規(guī)范，以便指導(dǎo)設(shè)計(jì)師完成視覺設(shè)計(jì)。

QQ音樂視覺設(shè)計(jì)規(guī)范

本文經(jīng)授權(quán)發(fā)布；如若轉(zhuǎn)載請聯(lián)系作者

#相關(guān)閱讀#

【專家干貨】互聯(lián)網(wǎng)產(chǎn)品研發(fā)流程概論（下）

專家介紹：