破繭而出：QQ 同時在線破億後的全新探索

QQ 進入「億」時代，騰訊面臨更大期望與責任。QQ 概念版歷經一年秘密研發，探索未來 IM 形態、用戶溝通模式、觸控時代體驗設計。前期 My QQ 概念視頻、QQ 搜索應用視頻已引關注，概念版將創新落地為可體驗產品，成為騰訊首款 NUI（自然用戶交互）產品，結合人機工學實現多點觸控，除 IM 基礎功能外推出動感相框、動態背景、多 Tab 聊天、3D 交互、矢量介面、桌面好友等創新體驗及 Windows 7 新特性支援。

設計目標：創新、情感、時空、人機工學

• 創新界面眼前一亮，承載更多用戶情感
• 傳遞時空應用，給想像空間，介面表現豐富多彩
• 人機工學支援滑鼠與多點觸控雙模操作

兩大未來趨勢設計提煉：擬人化與擬物化

• 生命力：擬人化情感溝通，交互有呼吸效果，視覺貼近真實生活場景
• 時間感與空間感：擬物化介面，用戶更貼切生活，隨時間變化產生不同介面效果，WPF 技術呈現多維空間表現力

研發設計全流程

A. 概念 IM 創意腦暴

CDC 內部設計火花碰撞、專案積累創意、技術團隊前沿探索分享，白板留下天馬行空概念火花。

B. 交互流程、線框圖與紙面原型

篩選腦暴概念 → 細化交互流程 → 概念線框圖 → 確定使用場景與操作邏輯。手繪線框展示功能操作，滑鼠沿用經驗規範，觸控需指尖動作：單擊、滑動、拖放、雙指縮放、長按等。紙面原型模擬使用場景，發現線框不合理處並改進，直觀解決觸控操作問題。

為適應觸控特性，UI 控件尺寸擴展調整，尋找滑鼠與觸控平衡點，整理觸控/滑鼠操作規範，解決面板尺寸與視覺衝突。

Blend/Flash 高保真原型模型驗證體驗創新，節省後期返工，沉澱寶貴創新 Demo。

C. 視覺風格設定：擬人擬物場景落地

推薦 Expression Design：矢量繪圖直通原型開發。早期風格稿定下基調，秉承「生命力、空間感、時間感」創新：

• 全新登入面板：動態節日展示、多時段實時天氣，時空切換
• 圓盤式表情管理：色彩視覺喚起品牌識別，利於觸控，底部灰區保存近用表情
• 桌面好友拖曳：性別/會員差異化、動態圓盤選單、好友狀態可視化（聽音樂戴耳機晃動、音符飄出、快速發起聊天）