【CDCTALK】第五期：第一現(xiàn)場CDC是騰訊的公司級設(shè)計團隊，一直致力于用戶研究在互聯(lián)網(wǎng)方面的探索和發(fā)展，如設(shè)計、體驗、產(chǎn)品、運營、市場品牌、投資戰(zhàn)略、互聯(lián)網(wǎng)生態(tài)行業(yè)、社會產(chǎn)業(yè)和研究工具平臺等方向。CDC

TALK的舉辦已持續(xù)了三年的時間，每年都會邀請來自CDC設(shè)計、用研、品牌、開發(fā)等崗位的6位達人，帶來CDC在互聯(lián)網(wǎng)跨界實踐中的第一手專業(yè)分享，為同行提供滿滿的學(xué)習(xí)干貨。本期先帶大家走入第五篇：第一現(xiàn)場鄭煥義｜騰訊CDC設(shè)計研發(fā)中心高級工程師下面內(nèi)容是我在

2019CDCTalk

上的講稿，主要分享在前端開發(fā)這個崗位上，我感受到愉悅的幾個時刻，希望給有志加入這個職業(yè)或者正在這個崗位上工作的人，帶來一點前進的動力。想了解全部內(nèi)容可查看的我的

Keynote

和

現(xiàn)場回放。一/成就感十年前，大三的暑假，因一個偶然的機會，我拿到了阿里的的實習(xí)offer，一個人來到杭州實習(xí)，那里是國內(nèi)第一批前端開發(fā)工程師誕生的地方，但是和大多數(shù)新人一樣，除了切頁面，做動效，調(diào)數(shù)據(jù)，其實我并不清楚前端開發(fā)具體的角色。我?guī)е蓡枺撔牡卣埥塘宋业膶?dǎo)師，我希望他從整個公司的運作，從研發(fā)流程，從行業(yè)的現(xiàn)狀和發(fā)展，里里外外跟我解釋一遍前端的角色，沒想到的是，他只是拋下一句，前端開發(fā)就是第一現(xiàn)場，就打發(fā)我走。前端萌新請教導(dǎo)師2009年，我實習(xí)的第一個任務(wù)是做淘寶社交社區(qū)（當(dāng)時叫淘江湖）的一個運營活動，活動本身并不復(fù)雜，需要我做一個拼圖游戲，用戶邀請好友加入社區(qū)，獲得拼圖的碎片，擠滿碎片拼出公仔的圖案后，就能獲得公仔。好友總動員當(dāng)年淘寶做社交社區(qū)的競爭對手是QQ空間，運營的KPI壓力非常大，當(dāng)我還在潛心研究如何實現(xiàn)業(yè)務(wù)邏輯時，活動的方案因為各種原因，已經(jīng)改了不下數(shù)十遍，直到上線前一晚，才最終敲定，這時的我，雖然還不知天高地厚，但也能明顯感覺到身上的壓力，產(chǎn)品口頭一說，設(shè)計師Photoshop一畫，后臺配置一改，萬事俱備，只缺前端。除了上線的壓力，更大的壓力還來自于空氣中凝漫著的，對一個實習(xí)生不信任的氣息，對于一個沒有經(jīng)驗的實習(xí)生來說，除了埋下頭，重新切圖，專注碼碼，看著接口套模板外，好像沒別的事情能做了，凌晨5點，當(dāng)我第一次調(diào)通流程時，我差點喊了出來，但我還是故作鎮(zhèn)定的說了一句，'可以了'。第一次經(jīng)歷發(fā)布項目組所有人馬上圍了過來，我現(xiàn)在還能感覺到他們當(dāng)時從焦慮，不安變成異常的期待和興奮。這是我第一次感受到的第一現(xiàn)場，是產(chǎn)品誕生第一刻的現(xiàn)場。前端開發(fā)，把需求，邏輯，設(shè)計，數(shù)據(jù)變成用戶真正看得見摸得著的產(chǎn)品，在產(chǎn)品誕生的一刻，收獲他人的認(rèn)同，收獲從虛無縹緲到實際落地的快感。活動按時在早上9點上線，最終帶來了1.45億用戶，我還記得那天杭州在下雪，對于一個廣東人來說，第一次產(chǎn)品發(fā)布和第一次看雪一樣難忘。二/責(zé)任感畢業(yè)后我到了騰訊，我不斷在工作中學(xué)習(xí)知識和積累經(jīng)驗，在業(yè)務(wù)上，我總是想擴展前端開發(fā)的邊際，2010年，智能手機剛興起，HTML5還在草案，移動端瀏覽器已經(jīng)能比較好地支持了

GeolocationAPI，我為QQ電影票做了第一個移動端的demo，當(dāng)Hybrid混合應(yīng)用開始出現(xiàn)時，我和客戶端開發(fā)的同學(xué)一起封裝了基于Webkit內(nèi)核的騰訊視頻Mac客戶端這是一系列沒上線的DEMO很快，我的虛榮心和成就感已經(jīng)得不到滿足，前端的角色只是在實現(xiàn)產(chǎn)品嗎，前端能否做得更多？前端開發(fā)能否做更多？我輾轉(zhuǎn)從出去創(chuàng)業(yè)到創(chuàng)業(yè)失敗回流騰訊，我需要負(fù)責(zé)的業(yè)務(wù)也從C端產(chǎn)品轉(zhuǎn)到了內(nèi)部系統(tǒng)，2014年，公司內(nèi)部的項目管理系統(tǒng)進行改版，改版的目標(biāo)是實現(xiàn)一套更現(xiàn)代的UI，同時對積累已久的體驗問題進行一次優(yōu)化，我有意識的觀察了身邊同事使用的習(xí)慣，我想當(dāng)然的做出了一個當(dāng)頁面滾動時，把一級和二級導(dǎo)航融合在一起置頂?shù)捏w驗，沒想到的是，上線后就收到一大堆吐槽，原來導(dǎo)航合并置頂后，用戶找不到自己工作臺的入口了，也沒法回到首頁，產(chǎn)品經(jīng)理非常強烈地要求我改回去。前端開發(fā)背鍋現(xiàn)場這是我第二次感受到的第一現(xiàn)場，產(chǎn)品體驗問題暴露后第一時間背鍋的現(xiàn)場。除了背鍋，我感受更多的是前端的責(zé)任，作為與用戶最貼近的角色，不管是交互操作的問題，還是視覺風(fēng)格的問題，還是產(chǎn)品性能，系統(tǒng)穩(wěn)定，數(shù)據(jù)準(zhǔn)確等等的問題，用戶所有的體驗問題都與前端開發(fā)有關(guān)，所謂背鍋的現(xiàn)場其實是第一責(zé)任現(xiàn)場。產(chǎn)品問題暴露后第一時間需要負(fù)責(zé)三/幸福感我開始系統(tǒng)性的學(xué)習(xí)交互，學(xué)習(xí)信息架構(gòu)，看各類用戶研究的分析，雖然都只是些皮毛，但是我能真切地感覺到自己回到了原點，重新探索前端開發(fā)的邊際，也是從那時起，我開始承擔(dān)團隊負(fù)責(zé)人的角色。系統(tǒng)化學(xué)習(xí)我和交互設(shè)計師一起重新梳理了系統(tǒng)的信息架構(gòu)，設(shè)計上左內(nèi)容的結(jié)構(gòu)，和用研同學(xué)一起走訪內(nèi)部同事，按類別逐一分析問題。新版本灰度發(fā)布，我們同時給用戶提供了切換回舊版的功能，我小心機地在按鈕上做了埋點，每當(dāng)有用戶切回舊版，我就會親切的到RTX上問候他是什么原因。雖然最終花了很長時間，我們才完成整個新版的上線，新版的數(shù)據(jù)也平平無奇，但每當(dāng)我發(fā)現(xiàn)用戶說出跟我理解的不一樣的問題時，我心中總是有點小確幸，因為我知道我離用戶又更進了一步，此時我第三次感受到的第一現(xiàn)場，是實實在在和用戶在一起的現(xiàn)場。和用戶在一起的現(xiàn)場四/自豪感2016年，我們開發(fā)公司的投資并購系統(tǒng)，因為是內(nèi)部系統(tǒng)，我們用戶只有50多個投資經(jīng)理和他們的老板，我們信心十足，因為與面向海量用戶的產(chǎn)品相比，我們只需要服務(wù)好這50多個人就夠了。由于每個投資項目的數(shù)據(jù)量非常巨大，為了提升用戶打開項目列表和進入詳情的速度，我們利用資源離線包和客戶端緩存數(shù)據(jù)的技術(shù)，讓用戶打開的速度提升了80%，因為投資并購都是機密的信息，為了方便追查數(shù)據(jù)泄露的源頭，一般產(chǎn)品都會在界面上用顯性水印遮擋內(nèi)容，我們?yōu)榱瞬挥绊懹脩粽５臑g覽體驗，發(fā)明了隱性水印的專利，把用戶的身份信息隱藏在界面內(nèi)。項目的另外一個挑戰(zhàn)是，出于對數(shù)據(jù)安全的考慮，我們開發(fā)人員無法像一般產(chǎn)品一樣體驗到用戶的正式環(huán)境，我們想盡辦法希望能盡量貼近用戶的真實場景，只是總有一些讓我們想不到的情況發(fā)生，我們開始思考除了模擬用戶的真實場景外，有沒有辦法把用戶的操作和所有的行為都記錄下來，還有更重要的，有沒有辦法更直觀的把用戶的行為還原出來，我們想到了在用戶端錄屏的方式，但顯然這樣做對用戶端的的性能影響太大了。不斷地嘗試和摸索，我們想出了解決方案，我們把用戶行為相關(guān)的信息分為五類，操作事件、界面變化、內(nèi)容數(shù)據(jù)、路徑、時間軸，每類信息有相應(yīng)的數(shù)據(jù)流格式，用戶在使用我們系統(tǒng)時，我們把收集的數(shù)據(jù)儲放在用戶的客戶端，在空閑時我們再異步將數(shù)據(jù)同步到后端，數(shù)據(jù)在后臺再組合到時間軸上，最后用逐幀播放的方式把用戶的行為還原成直觀的視頻。現(xiàn)在我們有能力真正站在用戶的視角觀察和發(fā)現(xiàn)問題。記錄用戶行為和還原當(dāng)沒有用戶現(xiàn)場時，我們自己創(chuàng)造了用戶現(xiàn)場，現(xiàn)在我們有能力真正站在用戶的視角觀察和發(fā)現(xiàn)問題，甚至是用戶自己都沒發(fā)現(xiàn)的問題，我沒有參與這個項目的開發(fā)，我為我的小伙伴們感到驕傲，這是我第四次感受的第一現(xiàn)場，是開發(fā)者自己創(chuàng)造的第一人稱現(xiàn)場。開發(fā)者自己創(chuàng)造的第一人稱現(xiàn)場我為我的小伙伴們感到自豪，自豪的是我們始終堅持用戶為中心，不斷突破技術(shù)的瓶頸，開發(fā)者就是創(chuàng)造者。10年很快，一句不經(jīng)意話，如何解讀已經(jīng)不再重要。我的故事沒有驚濤駭浪的情節(jié)，沒有意想不到的結(jié)局，只有對專業(yè)執(zhí)念的探索