<kbd id="afajh"><form id="afajh"></form></kbd>
<strong id="afajh"><dl id="afajh"></dl></strong>
    <del id="afajh"><form id="afajh"></form></del>
        1. <th id="afajh"><progress id="afajh"></progress></th>
          <b id="afajh"><abbr id="afajh"></abbr></b>
          <th id="afajh"><progress id="afajh"></progress></th>

          改版設(shè)計(jì)|百度一局APP首頁(yè)體驗(yàn)升級(jí)

          共 1976字,需瀏覽 4分鐘

           ·

          2021-12-31 16:47

          點(diǎn)擊"三分設(shè)"關(guān)注,回復(fù)"社群"加入我們
          歡迎來(lái)到專業(yè)設(shè)計(jì)師學(xué)習(xí)交流社區(qū)
          三分設(shè)|連接知識(shí),幫助全球 1 億設(shè)計(jì)師成長(zhǎng)
          轉(zhuǎn)自:百度MEUX
          編輯:益達(dá)
          共 3119 字 26 圖  預(yù)計(jì)閱讀 8 分鐘



          一局 APP 是一款年輕化的游戲社交平臺(tái)。隨著產(chǎn)品的發(fā)展和用戶數(shù)量的增長(zhǎng),游戲數(shù)量也隨之?dāng)U張,舊版首頁(yè)的諸多問(wèn)題就會(huì)逐漸暴露出來(lái),為了給用戶帶來(lái)更好的瀏覽和使用體驗(yàn),UE 團(tuán)隊(duì)推動(dòng)了此次首頁(yè)的改版設(shè)計(jì)。

           

          通過(guò)訪談和內(nèi)部討論,我們發(fā)現(xiàn),舊版首頁(yè)的問(wèn)題集中在以下三點(diǎn):視覺(jué)重點(diǎn)多而雜,游戲入口難識(shí)別,社交信息展示較弱。
          所以本次升級(jí)的主要設(shè)計(jì)手段為:簡(jiǎn)化頁(yè)面視覺(jué)復(fù)雜度,提高游戲入口識(shí)別性,強(qiáng)化社交屬性,以提升游戲和房間入口點(diǎn)擊率和游戲滲透率。
           

          01
          簡(jiǎn)化頁(yè)面視覺(jué)復(fù)雜度

          1.提高游戲入口展示面積
          游戲入口是一局首頁(yè)最為重要的模塊。改版前低頻操作區(qū)占頁(yè)面比例過(guò)大,不利于游戲入口展示,我們通過(guò)壓縮頭部區(qū)域,將游戲入口面積增加 20%,為游戲展示的動(dòng)態(tài)化和多樣化提供更多空間,從而提高游戲的點(diǎn)擊欲望,促進(jìn)游戲轉(zhuǎn)化。
           

          2.減少顏色種類,用色更克制
          改版前首頁(yè)游戲入口為了展示更多一局獨(dú)特的設(shè)計(jì)語(yǔ)言,用色和風(fēng)格相對(duì)復(fù)雜,大面積多種顏色的應(yīng)用,再加上復(fù)雜的IP形象,很容易產(chǎn)生視覺(jué)焦慮,讓人抓不到重點(diǎn)。所以在在顏色方面,也從以前的5種顏色對(duì)應(yīng)游戲類型,優(yōu)化為3種顏色隨機(jī)選用,房間入口改為白色卡片,更突出游戲區(qū)內(nèi)容。
           
           

          02
          提高游戲入口識(shí)別性

          1.增加入口類型,精煉視覺(jué)語(yǔ)言
          改版前游戲入口,由 背景+游戲名+IP 構(gòu)成,用戶只能依靠名稱識(shí)別游戲內(nèi)容,很難對(duì)游戲內(nèi)容產(chǎn)生想象和認(rèn)知,背景顏色的飽和度也偏高,元素繁多。
          所以對(duì)于游戲入口,我們做了以下優(yōu)化:

          ①增加游戲入口類型
          從單一圖片入口,改為大+小兩種類型,重點(diǎn)運(yùn)營(yíng)的游戲采用大卡容器承載,給予重點(diǎn)游戲更強(qiáng)的吸引力,增強(qiáng)內(nèi)容識(shí)別性。
           

          ②重新提煉設(shè)計(jì)語(yǔ)言
          延續(xù)一局視覺(jué)語(yǔ)言,提取真實(shí)世界中游戲機(jī)的形狀和紋理,應(yīng)用在界面中,豐富游戲?qū)傩浴?/span>
           

          2.尋找內(nèi)在驅(qū)動(dòng)力,強(qiáng)化用戶使用動(dòng)機(jī)
          我們從游戲設(shè)計(jì)中吸取經(jīng)驗(yàn),以游戲設(shè)計(jì)八角模型為指導(dǎo),將游戲入口中能夠影響用戶內(nèi)在驅(qū)動(dòng)力的信息提取并強(qiáng)化,在提高入口識(shí)別性的同時(shí)吸引用戶點(diǎn)擊。
           

          3. 動(dòng)機(jī):好奇未知


          ① 游戲靜態(tài)入口變?yōu)閯?dòng)態(tài)入口。對(duì)于未知內(nèi)容,精美的動(dòng)態(tài)視頻能表達(dá)更豐富的信息,遠(yuǎn)比靜態(tài)圖像更具吸引力,更易激發(fā)用戶對(duì)完整游戲的好奇心。
          ② 規(guī)范小入口圖標(biāo)。舊版游戲入口,僅使用游戲IP,識(shí)別性差,達(dá)不到展示內(nèi)容的目的,相反由于IP形象風(fēng)格和裝扮類似,容易引起用戶的疑惑。
          ③ “查看更多”拖拽延續(xù)。繼續(xù)滑動(dòng)“查看更多”,區(qū)域隨手勢(shì)延伸,促進(jìn)用戶完成繼續(xù)滑動(dòng)的動(dòng)作。



          03
          強(qiáng)化房間社交屬性

          1. 房間信息與社交信息重新排布
          2.動(dòng)機(jī):社交建聯(lián)


          ① 房間信息與社交信息重新排布,上方小區(qū)域橫排展示該房間游戲相關(guān)的信息,下方區(qū)域外露更多玩家信息,增強(qiáng)社交屬性讓用戶更快get到人數(shù)、名稱、性別等社交信息。
          ② 新增房間玩家頭像展示,動(dòng)態(tài)展示人數(shù)變化,強(qiáng)化社交屬性,激發(fā)社交動(dòng)力。



          最后

          一局的進(jìn)化之路剛剛開(kāi)啟,后續(xù)我們也將會(huì)基于從小眾游戲社區(qū)向游戲平臺(tái)轉(zhuǎn)型的方向繼續(xù)探索,持續(xù)迭代,打造更好玩更沉浸的游戲體驗(yàn)。閑暇之余,叫上好友來(lái)一局!

          —  The end  —
          以下三分設(shè)文章,你可能也感興趣
           
          ?? 原創(chuàng)文章精選??
          告別加班!使用設(shè)計(jì)系統(tǒng)方法更快地構(gòu)建產(chǎn)品
          如何評(píng)估設(shè)計(jì)質(zhì)量,提升設(shè)計(jì)技能
          你常常忽略的 7 個(gè)具有破壞性的體驗(yàn)鴻溝
          一篇文章告訴你服務(wù)設(shè)計(jì)到底能做什么?
          看 Apple CarPlay 如何提升駕駛安全和駕駛體驗(yàn)
          一起看看《對(duì)馬島之魂》如何打造初次對(duì)抗體驗(yàn)
          制定 “小目標(biāo)”,了解產(chǎn)品管理中的結(jié)構(gòu)化思維
          35+ 的 Windows 系統(tǒng)到底有什么了不起?
          導(dǎo)師與學(xué)員的高效交流 APP 設(shè)計(jì) —— Lightship
          ?? 我們一起聊設(shè)計(jì) ???♂?
          高質(zhì)量,學(xué)設(shè)計(jì)行交流微信群
          期待與更多優(yōu)秀用戶體驗(yàn)設(shè)計(jì)師一起成長(zhǎng)
          PS:歡迎大家關(guān)注三分設(shè),每天早上9點(diǎn),準(zhǔn)時(shí)充電。分享優(yōu)質(zhì)設(shè)計(jì)、創(chuàng)意靈感、新知新識(shí),定期大咖老師直播分享,零距離連麥,答疑解惑。 添加小小蟲(chóng)微信號(hào)【 Lil_Bug 】,備注【 三分設(shè) 】加入!(只面向星標(biāo)了公眾號(hào)三分設(shè)的粉絲) 
          瀏覽 71
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          評(píng)論
          圖片
          表情
          推薦
          點(diǎn)贊
          評(píng)論
          收藏
          分享

          手機(jī)掃一掃分享

          分享
          舉報(bào)
          <kbd id="afajh"><form id="afajh"></form></kbd>
          <strong id="afajh"><dl id="afajh"></dl></strong>
            <del id="afajh"><form id="afajh"></form></del>
                1. <th id="afajh"><progress id="afajh"></progress></th>
                  <b id="afajh"><abbr id="afajh"></abbr></b>
                  <th id="afajh"><progress id="afajh"></progress></th>
                  国产高清免费操逼 | 熟女操逼视频 | 漂亮一区二区三区 | 青青草公开无码好屌色 | 五月开心网 |