2014 世界杯期間，網易新聞客戶端推出「球星卡」活動平台，承載收集、贈送、兌換、競猜、社交分享等多子活動，雙端（App/Web）同步上線，PV 破億。這篇復盤由交互設計師 @NeilYoung_ixd 執筆，拆解從 0 到 1 的全鏈路設計思考。

項目背景：一串糖葫蘆的架構隱喻

球星卡 = 簽兒，核心收集/兌換邏輯貫穿始終；五人足球、競猜、尋找懂球帝、品牌聯營 = 山楂果，隨時可能新增/下線。設計挑戰：宏觀框架穩固，微觀插拔靈活，多端體驗一致。

用戶分層與調研驅動設計

用戶類型	特徵	參與意願
專家球迷	熬夜看球、深度資訊消費者	願參與，需激勵長期留存
普通球迷	關注重點賽事、3隊以內	需推送提醒、低門檻互動
小白球迷	被動接收曝光、不反感足球	關心具體獎品、娛樂性強

結合調研，設計了金幣競猜、看圖猜詞、五人足球、好友互贈、測試最像球星等差異化玩法，覆蓋三層用戶核心動機。

交互框架：任務流清晰，多端一致性策略

主流程

活動首頁（收集/兌換）→ 我的卡包（查看/兌換/出售/贈送/分享）→ 卡牌詳情（人物小傳/屬性/大圖）

多端適配策略：類響應式體驗

• 移動端：重點突出、層級略深、底部固定操作欄、手勢優先。
• PC 端：信息平鋪、適時彈窗、滑鼠懸停態豐富、鍵盤可訪問。
• 一致性保障：統一交互 Demo 規範推廣至組內，組件庫級複用，核心流程邏輯零差異。

競品對比與差異化

騰訊「OLA 快跑」側重跑酷遊戲化；鳳凰「搖一搖抽簽」利用重力感應新奇感。網易選擇卡牌收集 + 社交裂變 + 多子活動聚合，構建長線留存體系而非單點爆發。

設計反思：活動型產品的三個核心命題

1. 目標用戶與場景先行：不為功能而功能，每個子活動必須對應明確用戶畫像與使用場景。
2. 宏觀把控與微觀打磨並重：框架合理性（宏觀）+ 按鈕條件判斷/狀態反饋（微觀）= 信任感。
3. 復用與資產沉澱：母框架、組件庫、交互規範沉澱為團隊資產，下一個大促活動「拿來即用」。

寫在最後

「活動僅僅是推廣狠——獎品大，也需要交互優雅——視覺驚艷。」這句話送給所有在截止日期前奮戰的設計師。當同行稱讚「PC 和移動端體驗一致」時，那才是對交互設計師最大的肯定。