
編者按:思路最值錢。騰訊團隊總結 QQ 應用中心改版全過程,解決問題思路清晰,效果顯著改善,推薦鑽研技術的同學借鑒內化。

舊版應用中心經歷兩年線上運營,如同久經微調卻缺乏統一整理的超市,問題叢生:資源位暴力挖掘、樣式缺乏統一、設計不符扁平化趨勢。受限於資源緊張、時間緊迫,團隊化身「商場陳列師」,芟繁就簡、構築氛圍,目標:給用戶帶來如精品超市購物般舒適貼心的應用尋找與使用體驗。
基於用戶調研、眼動測試、體驗地圖等前期沉澱,首頁主要用戶特徵:擁有顯著個人偏好(關注好友在玩、應用分類),卻往往無具體目標,傾向隨性瀏覽。主流用戶「有偏好」且「無目標」——隨便逛逛,看到感興趣就試試。

首頁核心場景劃分為「瀏覽應用」與「選擇應用」,同時在過程中感受整體氛圍,形成完整體驗:

追求清晰、高效、友好,化繁為簡,打造專注愉悅體驗。設計方法提煉為「簡形、飾意」:

「簡」為減法,「飾」為加法,「形」為外在,「意」為內涵——尋求加減、形意間的完美平衡。簡形建立條理,飾意添加風格突出重點,二者反復交叉、相輔相成、不可分割。
如陳列師改造商場第一步:建立信息條理,整理結構,減少冗繁,解放用戶。
結構重組:原 4+1 結構調整為均等 4 等份,強化條理分明視覺感受。槽位不變下減少縱向列數,應用展示區域更寬松透氣,如貨架間距變寬,顯著減少瀏覽心理壓力。成果:新版柵格讓首頁首屏安裝量躍升 17%。

元素歸類統一:版面圖形文字越多越雜亂。梳理視覺元素關係,按規律編排要素——歸類、整理、統一,讓每個貨架、元素烙上相同氣息。

層次優化:「猜你喜歡」模塊原將推薦理由包裹在結果內,違背用戶「先讀原因、再看結果」認知順序。新版提取推薦理由,空間釋放給推薦應用更多信息。成果:安裝率提升 50%。

應用中心以遊戲用戶為主、收入靠遊戲,過度簡化輕量無法滿足娛樂、沉浸、帶入需求。添加變化與遊戲化裝飾元素,中和框架扁平帶來的氛圍不足,增加節奏感與趣味性。
節奏創造:舊版左右結構長頁面無節奏,用戶疲憊。插入通欄版式,打斷視線,產生閱讀節奏感。

場景化呈現:在協調條理基礎上,將版塊含義可視化。以「精品推薦」為例,引入櫥窗場景,精品輔以道具裝飾、彩帶,置於精致櫥窗中。

點綴設計:設計符合排行榜功能的象征性圖形,賦予版塊節奏感、動感、視線引導變化。大信息量頁面中,無需破壞版式柵格,重複排列小元素即能影響整體氛圍。後期加入動態效果增添趣味。成果:上線後 Top20 排行榜安裝量提升 14%,日安裝增 1 萬。

動態效果:https://m.isux.us/open_proj/demo/sisi/demo1.html

由減而簡,添之以飾;自內而外,顯之以形。過度追求條理顯平淡,需添加變化打破;變化打破條理,又需重新整理。設計正是反復加減、保持條理與添加變化的雕琢過程。


未來優化之路漫長:下半年將深入探索品牌宣傳、虛擬形象、用戶成長值概念設計。在實踐中挖掘機遇、積累經驗、收穫成長。感謝建議,後續版本持續迭代,達到更純粹的「簡形飾意」。