<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>

          淺談OPPO商城UI升級(jí)與小米商城高度相似之處!

          共 1718字,需瀏覽 4分鐘

           ·

          2021-11-17 13:46


          ?前言?

          如果你手機(jī)曾經(jīng)有一個(gè)叫歡太商城的APP,那你現(xiàn)在可能找不到了,現(xiàn)在改名叫OPPO商城,改名的同時(shí)UI設(shè)計(jì)也進(jìn)行了升級(jí)。

          OPPO商城UI改版很多地方借鑒了小米商城,兩個(gè)商城產(chǎn)品定位同為品牌電商,OPPO商城UI設(shè)計(jì)借鑒了定位相同的產(chǎn)品,這點(diǎn)是專業(yè)的,值得肯定!

          下面完全從我個(gè)人角度聊一聊,OPPO商城UI改版,哪些地方設(shè)計(jì)的不錯(cuò),哪些地方設(shè)計(jì)的不夠好,再次強(qiáng)調(diào)純屬個(gè)人觀點(diǎn)。

          ?案例解析?

          OPPO商城主營OPPO、一加、realme三個(gè)品牌手機(jī)及智能配件產(chǎn)品,除此以外,還有很多自營第三方產(chǎn)品,也就是還有很多其他品牌產(chǎn)品。

          這點(diǎn)其實(shí)讓我有些困惑,找不準(zhǔn)他的產(chǎn)品定位了,但從歡太商城改名為OPPO商城,這點(diǎn)能看出未來還是要著重打造OPPO這一品牌。

          對(duì)OPPO商城有所了解后,接下來聊設(shè)計(jì),下圖是改版前歡太商城的首頁,金剛圖標(biāo)設(shè)計(jì)有點(diǎn)網(wǎng)易嚴(yán)選的影子,整體沒有著重強(qiáng)調(diào)某一品牌,不太容易看出品牌電商的影子。


          改版后首頁UI設(shè)計(jì)與小米商城一樣,頭部左上角也放了品牌logo,用來強(qiáng)調(diào)官方商城。

          首屏結(jié)構(gòu)改為與小米商城相同,至上而下通頂banner - 信任標(biāo)簽 -?金剛圖標(biāo)區(qū) -?運(yùn)營腰帶位?-?一拖三運(yùn)營模塊。



          ?說說我的觀點(diǎn)?

          兩個(gè)品牌電商APP首頁UI很像,從普通用戶的表層感知上不會(huì)覺得不對(duì),但站在產(chǎn)品角度長(zhǎng)遠(yuǎn)來看,對(duì)品牌愿景的傳遞非常不利,因?yàn)橛脩艉茈y對(duì)各自品牌建立差異化認(rèn)知。

          小米商城首頁UI改版是根據(jù)公司戰(zhàn)略調(diào)整,主要圍繞三個(gè)關(guān)鍵詞“品牌”“科技”“輕量”出發(fā),戰(zhàn)略明確,目標(biāo)清晰,所以從設(shè)計(jì)主張上有一個(gè)非常明確的方向。

          我心中的OPPO商城不應(yīng)該是現(xiàn)在的樣子,OPPO用戶16-25歲群體更多,男女比例接近1:1,與小米用戶有較大差異。

          OPPO用戶畫像

          小米用戶畫像

          單從用戶特征去看OPPO商城的UI設(shè)計(jì),我想象的應(yīng)該是更年輕化、輕盈、動(dòng)感有青春的感覺,這樣能更貼近用戶的特征屬性。

          話說回來,OPPO商城設(shè)計(jì)師在一些設(shè)計(jì)細(xì)節(jié)上處理的還是非常不錯(cuò)的,可見有不錯(cuò)的設(shè)計(jì)功底。

          ?OPPO分類頁?

          OPPO商城分類頁也改為了小米商城的列表形式,但在信息的展現(xiàn)上可能有不妥之處。

          小米商城分類頁當(dāng)初改版,是為了著重突出主營商品手機(jī)的視覺表現(xiàn),OPPO商城應(yīng)該是同樣的設(shè)計(jì)理念。

          OPPO商城似乎沒有理解分類頁的作用,分類頁是幫助用戶快速找到所需商品,所以任何形式的設(shè)計(jì)不能背離分類頁的功能作用。


          我總結(jié)了OPPO商城分類頁列表形式設(shè)計(jì)兩個(gè)不妥之處:

          一、手機(jī)圖片太小

          視覺上不容易看清楚手機(jī)攝像頭樣式,這就導(dǎo)致用戶不能通過手機(jī)圖片甄別手機(jī)。

          圖片小雖然一屏中呈現(xiàn)的手機(jī)更多,但由于不能快速精準(zhǔn)的傳遞信息,體驗(yàn)反而會(huì)適得其反。

          二、條目信息多

          OPPO手機(jī)列表圖片對(duì)應(yīng)放了三條信息,分別是商品名稱、賣點(diǎn)、價(jià)格,這里設(shè)計(jì)上雖然是列表的樣式,但其實(shí)并不能以列表的表達(dá)形式去思考。

          應(yīng)該圍繞分類頁的作用去設(shè)計(jì),用戶在瀏覽分類頁時(shí),通常不會(huì)去看產(chǎn)品詳細(xì)的內(nèi)容,目的一般就是要找某個(gè)或某類商品。

          三條信息的呈現(xiàn),可能不僅起不到賣點(diǎn)的傳遞,而且還會(huì)給用戶帶來視覺壓力,因?yàn)樾畔⒊尸F(xiàn)過于密集,滿足不了用戶快速瀏覽的目的。

          我的設(shè)計(jì)想法

          小米商城當(dāng)初設(shè)計(jì)分類頁的想法是,手機(jī)圖片尺寸一定能夠讓用戶清楚看到攝像頭輪廓細(xì)節(jié),對(duì)于手機(jī)來說攝像頭的差異是用戶最常關(guān)注的。

          信息條目呈現(xiàn)兩條,這樣產(chǎn)品名稱和價(jià)格一目了然,賣點(diǎn)以標(biāo)簽的形式呈現(xiàn),不僅沒有破壞兩條信息條目的結(jié)構(gòu),標(biāo)簽的突出形式也能滿足用戶快速預(yù)覽。

          下面鏈接是當(dāng)初小米商城分類頁的設(shè)計(jì)總結(jié),有興趣的同學(xué)可以看一下。

          小米商城分類頁UI升級(jí),五大細(xì)節(jié)設(shè)計(jì)全面解析!


          ?最后?

          以上觀點(diǎn)可能對(duì)OPPO商城的設(shè)計(jì)理解有偏頗,OPPO設(shè)計(jì)師如若看見此文,說的不對(duì)也請(qǐng)多多包涵指教,希望有機(jī)會(huì)可以一起交流探討。


          先點(diǎn)個(gè)“在看”,然后帶你進(jìn)設(shè)計(jì)群,公眾號(hào)后臺(tái)回復(fù)“1”即可,我等你

          長(zhǎng)按下方二維碼,關(guān)注“互聯(lián)網(wǎng)設(shè)計(jì)幫”




          瀏覽 44
          點(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>
                  亚洲狼在线 | 亚洲一区二区三区蜜桃 | 蜜桃视频在线91 | 一级国产片 | 婷婷内射精品视频 |