編者按：學(xué)習(xí)時(shí)間到咯！很多同學(xué)讀書時(shí)只顧著學(xué)習(xí)軟件和設(shè)計(jì)理論，木有公司實(shí)習(xí)的經(jīng)驗(yàn)，求職時(shí)就多了點(diǎn)難度，小編給個(gè)建議，多看大公司的設(shè)計(jì)項(xiàng)目實(shí)戰(zhàn)經(jīng)驗(yàn)！比如今天分享的這篇，網(wǎng)易同學(xué)@NeilYoung_ixd總結(jié)了“世界杯球星卡”的項(xiàng)目經(jīng)驗(yàn)，既可以了解流程，也能偷師點(diǎn)經(jīng)驗(yàn)，何樂而不為？

寫在前面 能把興趣做成工作是一件幸運(yùn)的事。工作上難免的PK和時(shí)間緊迫其實(shí)也是值得欣慰的，因?yàn)檫@正是價(jià)值最大化體現(xiàn)的時(shí)候。也應(yīng)了那句話，好的心態(tài)才有更好的風(fēng)景。 相信和大家一樣，每次下載到國(guó)外的應(yīng)用，都要先驚艷一番。再反思他們?cè)趺淳涂梢宰瞿敲春?。除了視野開闊，敢為人先，相信生活方式和工作心態(tài)的差異也起到了至關(guān)重要的作用。說個(gè)豐滿的理想。國(guó)外工作者，是上班拖鞋在腳，舒服的靠椅在背，還有beats加持在耳朵上。下班在酒吧里閑坐，或者陪家人看場(chǎng)棒球。不同心態(tài)做出來的東西確實(shí)差別萬千。不啰嗦了，趕緊回到項(xiàng)目時(shí)間緊迫，需求量繁重的骨感現(xiàn)實(shí)吧。

項(xiàng)目背景 在春風(fēng)和煦的三月，接手了世界杯球星卡項(xiàng)目。項(xiàng)目主要是打造球星卡活動(dòng)平臺(tái)。先簡(jiǎn)單講活動(dòng)流程：通過不同途徑收集卡牌—-用戶相互贈(zèng)送卡牌—-當(dāng)集齊某支隊(duì)伍卡牌時(shí)可兌換相應(yīng)獎(jiǎng)品。此外利用這個(gè)平臺(tái)的母框架串聯(lián)了市場(chǎng)部的五人足球賽，移動(dòng)中心的競(jìng)猜世界杯，體育頻道的尋找懂球帝，品牌聯(lián)合營(yíng)銷等多個(gè)子活動(dòng)。 就像一串糖串葫蘆（原諒我普通話不好），球星卡就是簽兒，然后子活動(dòng)就是一個(gè)個(gè)山楂果兒。要求設(shè)計(jì)師能做好宏觀把控，除了眼前已經(jīng)確認(rèn)售賣的幾個(gè)子活動(dòng)，還要求當(dāng)插入新的活動(dòng)時(shí)候，可以麻溜兒的相互結(jié)合，沒有違和感。

球星卡簡(jiǎn)介 球星卡是在世界杯期間，網(wǎng)易新聞客戶端推出的一種虛擬卡牌，共有110張，分為16支隊(duì)伍。收集卡牌達(dá)到一定成就可以兌換獎(jiǎng)品。就類似與咱們小時(shí)候吃干脆面，收集水滸實(shí)體卡牌。 為了讓卡牌更加值得收藏，我們邀請(qǐng)了國(guó)內(nèi)頂尖的插畫師來設(shè)計(jì)了卡牌人物和樣式，也邀請(qǐng)了體育頻道的資深編輯給每個(gè)球星撰寫了獨(dú)特風(fēng)趣的人物簡(jiǎn)介，并且附上了攻擊，防守等屬性值。只是很不幸，里貝里，羅伊斯這些本該進(jìn)入本屆世界杯的明星球員都因傷退出了。

設(shè)計(jì)構(gòu)想 首先確認(rèn)我們的活動(dòng)的平臺(tái)是移動(dòng)端和PC端共存。從網(wǎng)易新聞客戶端的新聞屬性來對(duì)應(yīng)目標(biāo)用戶分為以下三種：

1. 專家球迷。世界杯前夕了解賽前資訊，期間夜里熬夜看球，白天愿意接收相關(guān)詳盡的賽事報(bào)道和花邊趣聞，茶余飯后的談資也是足球相關(guān)。
2. 普通球迷。需要重點(diǎn)比賽的賽程賽果push，通過看新聞和精彩集錦積累談資，會(huì)重點(diǎn)關(guān)心3個(gè)以內(nèi)的球隊(duì)。
3. 小白球迷。對(duì)世界杯賽事并不感冒，被動(dòng)接收世界杯相關(guān)新聞曝光，但是不反感足球新聞。

在這種設(shè)定下，我們?cè)谟邢拶Y源下進(jìn)行了一次世界杯用戶調(diào)研。專家球迷和普通球迷對(duì)活動(dòng)表示愿意參加世界杯互動(dòng)活動(dòng)，但是如果沒有激勵(lì)的話，不一定長(zhǎng)期關(guān)注。而小白球迷持有不反感相關(guān)活動(dòng)，關(guān)心具體獎(jiǎng)品的態(tài)度。 結(jié)合調(diào)研分析和腦暴結(jié)果，分別設(shè)定了金幣競(jìng)猜世界杯，看圖猜詞語活動(dòng)，然后配合球星卡的卡牌特性設(shè)定了五人足球賽，好友互贈(zèng)球星卡，測(cè)試你最像的球星等多個(gè)活動(dòng)。使得這個(gè)活動(dòng)的娛樂性和豐富性提升，用戶的參與感和互動(dòng)感也更強(qiáng)。此外要突出移動(dòng)端的優(yōu)勢(shì)，即快（用戶使用時(shí)間碎片化，使用場(chǎng)景非穩(wěn)定），輕（用戶參與門檻低，無需在PC面前，隨時(shí)拿起手機(jī)參與），準(zhǔn)（入口放在了世界杯頻道，針對(duì)目標(biāo)用戶）。 這個(gè)活動(dòng)平臺(tái)無論是視覺還是coding都是較大的工作量，希望在之后的時(shí)間里可以活動(dòng)形式復(fù)用，達(dá)到資源的最大化利用。

方案展示及特點(diǎn) 項(xiàng)目持續(xù)了兩個(gè)月的時(shí)間?；氐浇换ピO(shè)計(jì)的原點(diǎn)，我理解的崗位的職責(zé)是對(duì)任務(wù)流程的梳理，對(duì)信息的層級(jí)布局，對(duì)反饋和轉(zhuǎn)場(chǎng)等細(xì)節(jié)設(shè)計(jì)，最后核心是對(duì)需求的宏觀把控和微觀注重。 在球星卡活動(dòng)平臺(tái)這個(gè)方案里，因?yàn)樯婕暗巾?yè)面眾多，并且對(duì)接人員很多，所以為了方便大家閱讀原型，降低溝通門檻，首先設(shè)定了交互demo規(guī)范。并且推廣到了組內(nèi)交互規(guī)范中，這里就不細(xì)說了。然后進(jìn)一步是對(duì)活動(dòng)的流程做了任務(wù)梳理。相對(duì)來說用戶的路徑還是比較清晰的。主流程是：活動(dòng)首頁(yè)（收集卡牌和兌換獎(jiǎng)品）—-我的球星卡包（查看自己的卡牌情況，也可以直接兌換對(duì)應(yīng)獎(jiǎng)品）—-卡牌詳情（可以查看卡牌人物的簡(jiǎn)介和大圖，也可以對(duì)卡牌出售，贈(zèng)送和分享給好友）。
此外重點(diǎn)考慮了移動(dòng)版本和PC版本的一致性，結(jié)合不同終端的特性。然后采用了移動(dòng)版重點(diǎn)突出，層級(jí)略深。PC版本信息平鋪，適時(shí)彈窗的方式。創(chuàng)造了類響應(yīng)式的體驗(yàn)。使得玩家在多終端上依然可以體驗(yàn)近乎一致。

競(jìng)品對(duì)比 這里簡(jiǎn)單說一下與競(jìng)品的方案對(duì)比。主要是對(duì)比了幾家新聞客戶端在世界杯期間的互動(dòng)活動(dòng)的方案情況。其中騰訊的“OLA 快跑”和鳳凰的“搖一搖抽簽”都有著不錯(cuò)的互動(dòng)效果。

設(shè)計(jì)反思 移動(dòng)端的互動(dòng)活動(dòng)，主要兩種，一種是品牌營(yíng)銷互動(dòng)活動(dòng)，一種是功能性的互動(dòng)。這些方案的設(shè)計(jì)之初，需要有目標(biāo)用戶的設(shè)定，和使用場(chǎng)景的規(guī)劃。反之，即使推廣再?gòu)?qiáng)力，用戶也不會(huì)買賬。

寫在最后 在工作中最欣慰的事情就是自己的工作得到了別人的認(rèn)可，上線后，大家玩的熱情我就不過度渲染了。當(dāng)被同行說到PC版本和移動(dòng)版的體驗(yàn)一致，我真的很欣慰。 最后再啰嗦幾句，用戶體驗(yàn)做的是細(xì)活，不僅僅是搭個(gè)框架，排列下按鈕，玩點(diǎn)動(dòng)效。就像前面說的，更注重的是在類似任務(wù)的邏輯一致性（比如不同類型獎(jiǎng)品的兌換流程），對(duì)于需求中宏觀的把控（框架合理性），微觀的注重（按鈕條件判斷）。 活動(dòng)僅僅是推廣狠—-獎(jiǎng)品大，也需要交互優(yōu)雅—-視覺驚艷。