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

1、前言如果你手機(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商城主營(yíng)OPPO、一加、realme三個(gè)品牌手機(jī)及智能配件產(chǎn)品，除此以外，還有很多自營(yíng)第三方產(chǎn)品，也就是還有很多其他品牌產(chǎn)品。這點(diǎn)其實(shí)讓我有些困惑，找不準(zhǔn)他的產(chǎn)品定位了，但從歡太商城改名為OPPO商城，這點(diǎn)能

2、看出未來(lái)還是要著重打造OPPO這一品牌。對(duì)OPPO商城有所了解后，接下來(lái)聊設(shè)計(jì)，下圖是改版前歡太商城的首頁(yè)，金剛圖標(biāo)設(shè)計(jì)有點(diǎn)網(wǎng)易嚴(yán)選的影子，整體沒有著重強(qiáng)調(diào)某一品牌，不太容易看出品牌電商的影子。改版后首頁(yè)UI設(shè)計(jì)與小米商城一樣，頭部左上角也放了品牌logo，用來(lái)強(qiáng)調(diào)官方商城。首屏結(jié)構(gòu)改為與小米商城相同，至上而下通頂banner - 信任標(biāo)簽 -金剛圖標(biāo)區(qū) -運(yùn)營(yíng)腰帶位-一拖三運(yùn)營(yíng)模塊。說(shuō)說(shuō)我的觀點(diǎn)兩個(gè)品牌電商APP首頁(yè)UI很像，從普通用戶的表層感知上不會(huì)覺得不對(duì)，但站在產(chǎn)品角度長(zhǎng)遠(yuǎn)來(lái)看，對(duì)品牌愿景的傳遞非常不利，因?yàn)橛脩艉茈y對(duì)各自品牌建立差異化認(rèn)知。小米商城首頁(yè)UI改版是根據(jù)公司戰(zhàn)略調(diào)整，主要

3、圍繞三個(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)感有青春的感覺，這樣能更貼近用戶的特征屬性。話說(shuō)回來(lái)，OPPO商城設(shè)計(jì)師在一些設(shè)計(jì)細(xì)節(jié)上處理的還是非常不錯(cuò)的，可見有不錯(cuò)的設(shè)計(jì)功底。OPPO分類頁(yè)OPPO商城分類頁(yè)也改為了小米商城的列表形式，但在信息的展現(xiàn)上可能有不妥之處。小米商城分類頁(yè)當(dāng)初改版，是為了著重突出主營(yíng)商品手機(jī)的視覺表

4、現(xiàn)，OPPO商城應(yīng)該是同樣的設(shè)計(jì)理念。OPPO商城似乎沒有理解分類頁(yè)的作用，分類頁(yè)是幫助用戶快速找到所需商品，所以任何形式的設(shè)計(jì)不能背離分類頁(yè)的功能作用。我總結(jié)了OPPO商城分類頁(yè)列表形式設(shè)計(jì)兩個(gè)不妥之處：一、手機(jī)圖片太小視覺上不容易看清楚手機(jī)攝像頭樣式，這就導(dǎo)致用戶不能通過(guò)手機(jī)圖片甄別手機(jī)。圖片小雖然一屏中呈現(xiàn)的手機(jī)更多，但由于不能快速精準(zhǔn)的傳遞信息，體驗(yàn)反而會(huì)適得其反。二、條目信息多OPPO手機(jī)列表圖片對(duì)應(yīng)放了三條信息，分別是商品名稱、賣點(diǎn)、價(jià)格，這里設(shè)計(jì)上雖然是列表的樣式，但其實(shí)并不能以列表的表達(dá)形式去思考。應(yīng)該圍繞分類頁(yè)的作用去設(shè)計(jì)，用戶在瀏覽分類頁(yè)時(shí)，通常不會(huì)去看產(chǎn)品詳細(xì)的內(nèi)容，目的一般就是要找某個(gè)或某類商品。三條信息的呈現(xiàn)，可能不僅起不到賣點(diǎn)的傳遞，而且還會(huì)給用戶帶來(lái)視覺壓力，因?yàn)樾畔⒊尸F(xiàn)過(guò)于密集，滿足不了用戶快速瀏覽的目的。我的設(shè)計(jì)想法小米商城當(dāng)初設(shè)計(jì)分類頁(yè)的想法是，手機(jī)圖片尺寸一定能夠讓用戶清楚看到攝像頭輪廓細(xì)節(jié)，對(duì)于手機(jī)來(lái)說(shuō)攝像頭的差異是用戶最常關(guān)注