在這篇文章中，vivo互聯(lián)網(wǎng)用戶體驗設計團隊（VMIC UED）分享了他們?nèi)绾螌ivo應用商店的游戲頁面進行改版，以平衡氛圍感和高效性。文章詳細介紹了改版的目標、思路、用戶分析、設計策略，以及最終的設計方案。他們通過用戶畫像、用戶反饋、競品分析等方法定義了需求，并制定了相應的設計策略。

游戲頁作為vivo應用商店的一級頁面，其核心價值是為用戶提供豐富多樣的游戲應用，從而滿足輕中度用戶的游戲需求。希望通過更豐富的游戲展示和游戲相關功能的引入，不斷提升游戲頁用戶體驗。

在去年商店的設計大改版中，由于項目資源的限制，僅對游戲頁做了基礎的列表和風格刷新，對于用戶在游戲頁的場景需求，未能得到很好的滿足，那么，如何滿足游戲下載場景下的用戶需求呢？

從用戶角度看，商店作為vivo生態(tài)下的官方應用下載平臺，面對的用戶量級大，人群類型多，在體驗易用性上，必須保持高標準。從商業(yè)維度看，保持頁面的展示和下載效率也非常重要。這兩點，導致了商店內(nèi)所有場景，頁面結構有高度相似性。

但針對游戲下載場景，除了保持基礎體驗之外，傳遞吸引性對于促進游戲類型app下載，也非常具有價值。那么在商業(yè)與體驗的雙重要求下，如何兼顧游戲頁的吸引性和效率，是我們本次改版的重要課題。

01 項目背景：游戲頁改版的目標及思路

基于游戲頁改版需求，業(yè)務與設計側一致認為，除了在表現(xiàn)層的調(diào)整之外，還需要重點對游戲頁面的內(nèi)容模塊進行全面刷新，才能滿足游戲頁用戶體驗和商店業(yè)務指標需求。同時，基于這一共識，確認了改版中產(chǎn)品的核心指標和產(chǎn)品策略主要為：強化新熱游戲感知，優(yōu)化產(chǎn)品體驗，以提升頁面轉(zhuǎn)化及長期活躍。

有別于常規(guī)需求，游戲頁改版是產(chǎn)品與設計的共創(chuàng)需求，產(chǎn)品目標及策略相對宏觀，需要不斷拆解細化，明確設計目標與策略。在整體設計思路上，首先通過用戶畫像等內(nèi)容推導明確需求定義，然后結合框架、信息及頁面表現(xiàn)等維度確定設計策略，最后再根據(jù)設計策略進行設計方案的嘗試。

02 前期如何定義需求？

在需求定義的階段，我們通過用戶畫像、用戶反饋搜集、競品分析、用戶需求及痛點分析、產(chǎn)品目標拆解，發(fā)現(xiàn)我們當前游戲頁的問題，定義了設計策略。

1. 用戶分析

基于商店的四大類用戶：年輕群體、高端白領群體、務工群體及下沉大齡群體。通過匹配年齡職業(yè)等特征，我們對大盤用戶中的游戲人群，進行再次對應與分類，根據(jù)不同用戶的特征與需求，嘗試對四大類用戶的游戲及平臺訴求進行總結。

2. 用戶訴求

通過歸類，我們發(fā)現(xiàn)：不同人群對于游戲的關注點，以及對平臺的訴求都有所不同。

例如年輕群體和高端白領群體，對于下載平臺的訴求，主要是“好逛、驚喜“，希望平臺能提供海量、有品質(zhì)的游戲資源庫，更深度、真實的下載信息，以及專業(yè)榜單、衍生內(nèi)容等等訴求。在這一點上，游戲頁的缺失是較嚴重的。而對于務工及大齡群體，他們的主要訴求是“安心、易用“，這一點在當前商店體驗中已經(jīng)滿足地較好。所以“好逛、驚喜“，就是本次游戲頁改版的核心關鍵詞。

3. 用戶痛點

針對“好逛”這個關鍵點，通過分析，我們確定需要重點解決的是“推薦內(nèi)容單一”的問題，主要有以下兩點：

1.當前游戲頁的推薦維度比較單一，且文案傳遞上不夠有吸引力，導致用戶沒有瀏覽量欲望。所以我們需要重構游戲頁的推薦線索，清晰各個模塊的內(nèi)容定位。

2.通過前面對用戶的分析，得知游戲頁用戶較為關注新游、爆款、預約等內(nèi)容。我們發(fā)現(xiàn)這些內(nèi)容不但難找，推薦感知也比較弱。所以在改版中，從功能和體驗層面，都需要強化這類模塊的感知。

針對“驚喜”這個關鍵點，主要解決的是缺乏變化，吸引力弱的問題，主要有三點：

1.游戲推薦的外顯信息單一重復，用戶感知不到游戲亮點，應該引入評論、瀏覽量等衍生內(nèi)容，來豐富用戶的決策信息；

2.游戲頁整體視覺吸引力弱，缺少游戲氛圍，設計上需要對整體精品頁的游戲氛圍進行優(yōu)化；

3.內(nèi)容上同樣缺乏新鮮感，變化性的感知不夠明顯。需要在首屏上強化新熱相關的推薦維度及模塊感知，同時通過補充底部tab、金剛區(qū)等運營能力，提升變化感。

03 設計策略的制定

在確定了產(chǎn)品策略、產(chǎn)品目標、用戶訴求之后，我們進行了設計策略的推導，主要有兩個設計重點：

1.在框架層和信息層：通過調(diào)整組織維度，匹配傳遞新熱的需求，同時根據(jù)新增的決策因子，調(diào)整游戲的優(yōu)先級排序和展示邏輯。

2.在表現(xiàn)層：重點通過融入游戲的視覺特征，在保證效率的基礎上，強化游戲頁沉浸氛圍，以重塑游戲頁的新熱模塊。

04 從框架層上，如何重塑游戲頁的新熱模塊

游戲頁改版首先要清楚用戶對游戲頁有怎樣的需求及期待。因此再次回歸用戶視角，歸納用戶訴求。

通過對用戶相關反饋的大致估算發(fā)現(xiàn)，大約有28%的用戶認為當前游戲精品頁變化不明顯、缺乏新鮮感，認為“要多做內(nèi)容和封面的更新保持新鮮感”，18.5%的用戶提出新游、預約、爆款推薦感知弱，認為應用更新的頻次不及時。

可以看出，用戶對頁面新鮮感和新熱游戲有較高訴求。

重塑游戲頁的新熱模塊，首先需要明確的是新熱的概念。

新游的“新”，可以從新發(fā)布和更新兩個方面來解讀，按照其發(fā)行時間，并結合游戲頁產(chǎn)品規(guī)劃的現(xiàn)狀，將新游戲劃分為“預約—首發(fā)—次新—新版”四個階段。

而對熱游“熱”的理解，可以分為真實熱門和平臺造熱兩個方面。

• 對于真實熱門的內(nèi)容，需要擴大優(yōu)勢，實現(xiàn)其熱上加熱；
• 對于平臺造熱的內(nèi)容，也要通過氛圍的烘托讓用戶感受到這是我們推薦的熱門內(nèi)容。

前面已經(jīng)提到，設計策略之一就是要從框架層調(diào)整組織維度。

通過觀察原有頁面布局發(fā)現(xiàn)，當前頁面缺少記憶點，頁面組織維度單一且布局順序缺乏規(guī)律。

通過對競品頁面框架的分析對比，總結歸納了以下四種類型的布局結構，其他三種布局存在功能不全面、層級不清晰、缺乏記憶點等不足之處，經(jīng)過分析認為第四種干字型分流的結構可以滿足此次對游戲頁改版的訴求。

這個結構符合用戶決策動機由強到弱的下載及瀏覽習慣。頂部Banner的固化容易打造頁面記憶點形成游戲氛圍。同時，大面積Banner也更容易引起用戶注意，平衡頁面商業(yè)化價值。在該結構下，頂Tab和金剛位信息層級明顯，進一步豐富了用戶瀏覽動線。

具體到頁面的內(nèi)容模塊，我們重點強化了新熱精品、新游和熱游三個模塊，并就其定位和作用與產(chǎn)品達成共識。

Banner位主打新熱精品，負責為用戶傳遞精品好逛的頁面感知，快速建立用戶心智。

在金剛位下銜接了一個熱游模塊，聚合真實熱門和平臺造熱內(nèi)容，并控制平臺造熱比例，在滿足用戶瀏覽訴求的同時兼顧業(yè)務靈活配置的要求。

接下來布局了一個新游專屬模塊，進一步增強頁面的新游感知，保持用戶在瀏覽過程中的新鮮感。

明確了頁面主體布局之后，需要從決策因子層面進一步強化新熱游戲感知，如何傳達新游新和熱游熱是我們下一個需要解決的命題。

1. 如何傳達新游新？

通過走查對比應用、游戲分發(fā)、電商等競品，不難發(fā)現(xiàn)新的表達離不開時間的透傳，時間越明確、距離現(xiàn)在越接近，所傳達出新的感知就越強。

因此，我們在原有決策因子的基礎上，疊加時間的概念，形成新的決策因子優(yōu)先級排序并對其原有內(nèi)容進行擴充。結合原有決策因子，思考哪些內(nèi)容可以和新的概念聯(lián)系起來，從而完成對新游決策因子的轉(zhuǎn)譯。

以榜單因子為例，對應到新游就是預約榜、新游榜，其他決策因子也可以做對應的轉(zhuǎn)譯處理。

具體應用上，在頂部banner結合標簽強化和決策因子關聯(lián)的手段傳達精品新的感知。在新游模塊，以時間軸為線索，針對預約游戲和已上線游戲做決策因子的差異化表達。

2. 如何傳達熱游熱？

熱游也用類似的手段傳達熱的感知。對于真實熱門的游戲，可以通過“動作榜第一名、近期下載超十萬次”等精準權威數(shù)據(jù)傳遞熱門價值；對于平臺造熱的游戲，可以通過“近期熱度飆升、小編精心推薦”等模糊話術營造熱門氛圍。

并將這些內(nèi)容運用在具體的模塊當中，以完成對熱游概念的傳達。

05 從表現(xiàn)層，如何打造游戲頁吸引力

在表現(xiàn)層面，需要基于商店整體視覺風格，對游戲頁的特征及沉浸氛圍做強化，清晰游戲頁在商店的定位，傳遞新熱感知，讓用戶更好逛。

那么如何加強游戲頁氛圍呢，通過競品分析，主要有以下幾種方式：

1.通過一些常用的游戲視效的方式，打造游戲場景感；

2.利用3d、偽3d的頁面結構或者視覺表現(xiàn)手法，打造頁面空間沉浸感；

3.利用動態(tài)效果做視覺牽引，吸引用戶注意。

通過前面對方法的總結，我們對不同模塊做了一些嘗試：

1.頂部模塊的嘗試：作為用戶進入游戲頁的第一印象，需要主打游戲精品感，以及通過強氛圍的屬性，使之與其他的頁面定位區(qū)分開來，形成特有的游戲認知。在嘗試方案當中，我們通過氛圍傳遞、精品感知、物料兼容、效果可控、信息清晰、視覺整體性等多個維度進行方案的選取。

2.在新游模塊：我們在視覺和交互形式上，嘗試了多種不同的形式組合。由于該模塊兼容了各種新游狀態(tài)，不同游戲展示的信息有所區(qū)別，所以在設計上，除了考慮模塊感知之外，還要著重考慮設計的通用性。

經(jīng)過對不同維度的評估，最終方案如下：

1.頂部精品游戲模塊：利用負空間打造游戲頁氛圍，在保證效果的同時，提升曝光減少屏效比的占用；通過建立前后景深視效的空間感，將氛圍渲染作為后景，前景卡片承載游戲重點素材及決策信息；在決策信息上，將不同的推薦內(nèi)容及推薦原因?qū)?，以確定決策因子展示邏輯。

2.好游搶先玩模塊：主要需求是強化新游氛圍，兼容多狀態(tài)展示，整體設計上采用時間線切換的邏輯，制造連續(xù)感。同時采用標簽切換的功能，將商業(yè)化的內(nèi)容與時間線推薦進行更合理的結合。并使用大圖推薦與列表推薦結合的形式，兼顧氛圍與效率，統(tǒng)一容器的展示形式。

3.對于熱門感的打造：通過金剛位的可配置動態(tài)圖標，使用游戲人物素材傳遞游戲感知，并提升運營和新鮮感。在首屏，還增加了轉(zhuǎn)化較好的榜單組件，補齊首屏效率。同時增加熱度的決策因子，體現(xiàn)模塊熱門的特點。

最終效果：

最后

在項目端，經(jīng)終上線后的灰度驗證和數(shù)據(jù)檢測，整體游戲頁改版的數(shù)據(jù)達成預期。同時，我們通過體驗度量的前后監(jiān)測結果，在前期發(fā)現(xiàn)的“吸引力、新穎性”等幾個指標問題上，都有較大的提升，完全符合改版前制定的預期目標。這也說明我們對于設計問題定位是精準的，同時采取的設計策略是有用的。

以上就是vivo應用商店游戲頁改版的整體設計思路和方案呈現(xiàn)，感謝觀看。