一局APP首頁體驗升級
編輯導語:游戲社交是現在人們常選擇的社交方式之一,不過若想讓更多用戶愿意留存在游戲社交平臺上,產品在設計層需要強化社交屬性,并讓用戶更容易上手操作。本篇文章里,作者針對一款游戲社交產品的首頁改版案例進行了拆解,一起來看一下。
一局APP是一款年輕化的游戲社交平臺。隨著產品的發展和用戶數量的增長,游戲數量也隨之擴張,舊版首頁的諸多問題就會逐漸暴露出來,為了給用戶帶來更好的瀏覽和使用體驗,UE團隊推動了此次首頁的改版設計。
通過訪談和內部討論,我們發現,舊版首頁的問題集中在以下三點:視覺重點多而雜,游戲入口難識別,社交信息展示較弱。
所以本次升級的主要設計手段為:簡化頁面視覺復雜度,提高游戲入口識別性,強化社交屬性,以提升游戲和房間入口點擊率和游戲滲透率。
一、簡化頁面視覺復雜度
1. 提高游戲入口展示面積
游戲入口是一局首頁最為重要的模塊。改版前低頻操作區占頁面比例過大,不利于游戲入口展示,我們通過壓縮頭部區域,將游戲入口面積增加20%,為游戲展示的動態化和多樣化提供更多空間,從而提高游戲的點擊欲望,促進游戲轉化。
2. 減少顏色種類,用色更克制
改版前首頁游戲入口為了展示更多一局獨特的設計語言,用色和風格相對復雜,大面積多種顏色的應用,再加上復雜的IP形象,很容易產生視覺焦慮,讓人抓不到重點。
所以在在顏色方面,也從以前的5種顏色對應游戲類型,優化為3種顏色隨機選用,房間入口改為白色卡片,更突出游戲區內容。
二、提高游戲入口識別性
1. 增加入口類型,精煉視覺語言
改版前游戲入口,由 背景+游戲名+IP 構成,用戶只能依靠名稱識別游戲內容,很難對游戲內容產生想象和認知,背景顏色的飽和度也偏高,元素繁多。
所以對于游戲入口,我們做了以下優化:
1)增加游戲入口類型
從單一圖片入口,改為大+小兩種類型,重點運營的游戲采用大卡容器承載,給予重點游戲更強的吸引力,增強內容識別性。
2)重新提煉設計語言
延續一局視覺語言,提取真實世界中游戲機的形狀和紋理,應用在界面中,豐富游戲屬性。
2. 尋找內在驅動力,強化用戶使用動機
我們從游戲設計中吸取經驗,以游戲設計八角模型為指導,將游戲入口中能夠影響用戶內在驅動力的信息提取并強化,在提高入口識別性的同時吸引用戶點擊。
動機:好奇未知
1)游戲靜態入口變為動態入口。對于未知內容,精美的動態視頻能表達更豐富的信息,遠比靜態圖像更具吸引力,更易激發用戶對完整游戲的好奇心。
2)規范小入口圖標。舊版游戲入口,僅使用游戲IP,識別性差,達不到展示內容的目的,相反由于IP形象風格和裝扮類似,容易引起用戶的疑惑。
3)“查看更多”拖拽延續。繼續滑動“查看更多”,區域隨手勢延伸,促進用戶完成繼續滑動的動作。
三、強化房間社交屬性房間信息與社交信息重新排布
動機:社交建聯
1)房間信息與社交信息重新排布,上方小區域橫排展示該房間游戲相關的信息,下方區域外露更多玩家信息,增強社交屬性讓用戶更快get到人數、名稱、性別等社交信息。
2)新增房間玩家頭像展示,動態展示人數變化,強化社交屬性,激發社交動力。
四、寫在最后
一局的進化之路剛剛開啟,后續我們也將會基于從小眾游戲社區向游戲平臺轉型的方向繼續探索,持續迭代,打造更好玩更沉浸的游戲體驗。閑暇之余,叫上好友來一局!
作者:百度MEUX,百度移動生態用戶體驗設計中心,負責百度移動生態體系的用戶/商業產品的全鏈路體驗設計
本文由 @百度MEUX 原創發布于人人都是產品經理,未經許可,禁止轉載
題圖來自Unsplash,基于CC0協議
說個缺點,圖標放大確實會更突出,但是同時顯示內容變少了,反而增加了用戶獲取信息的難度。
APP首頁畫面簡潔干凈會令人心情愉悅,但是也有人喜歡花里胡哨的頁面,可以設計兩種頁面,讓用戶自行選擇。
看了下app的評論。。清一色差評
簡單明了我覺得就很好了,少整些花里胡哨的東西,真的不能懂啊
感覺一局APP挺實用的樣子,期待能用上它嘻嘻
哈哈,這個項目的主設都被開了,項目都涼了
這個APP看起來還挺大氣的,好感一下子上升了哈哈哈哈
喜歡頁面簡潔的應用,比花里胡哨的大氣,還不廢眼。