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

1、前言如果你手機(jī)曾經(jīng)有一個叫歡太商城的APP，那你現(xiàn)在可能找不到了，現(xiàn)在改名叫OPPO商城，改名的同時UI設(shè)計(jì)也進(jìn)行了升級。OPPO商城UI改版很多地方借鑒了小米商城，兩個商城產(chǎn)品定位同為品牌電商，OPPO商城UI設(shè)計(jì)借鑒了定位相同的產(chǎn)品，這點(diǎn)是專業(yè)的，值得肯定！下面完全從我個人角度聊一聊，OPPO商城UI改版，哪些地方設(shè)計(jì)的不錯，哪些地方設(shè)計(jì)的不夠好，再次強(qiáng)調(diào)純屬個人觀點(diǎn)。案例解析OPPO商城主營OPPO、一加、realme三個品牌手機(jī)及智能配件產(chǎn)品，除此以外，還有很多自營第三方產(chǎn)品，也就是還有很多其他品牌產(chǎn)品。這點(diǎn)其實(shí)讓我有些困惑，找不準(zhǔn)他的產(chǎn)品定位了，但從歡太商城改名為OPPO商城，這點(diǎn)能

2、看出未來還是要著重打造OPPO這一品牌。對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)兩個品牌電商APP首頁UI很像，從普通用戶的表層感知上不會覺得不對，但站在產(chǎn)品角度長遠(yuǎn)來看，對品牌愿景的傳遞非常不利，因?yàn)橛脩艉茈y對各自品牌建立差異化認(rèn)知。小米商城首頁UI改版是根據(jù)公司戰(zhàn)略調(diào)整，主要

3、圍繞三個關(guān)鍵詞“品牌”“科技”“輕量”出發(fā)，戰(zhàn)略明確，目標(biāo)清晰，所以從設(shè)計(jì)主張上有一個非常明確的方向。我心中的OPPO商城不應(yīng)該是現(xiàn)在的樣子，OPPO用戶16-25歲群體更多，男女比例接近1:1，與小米用戶有較大差異。OPPO用戶畫像小米用戶畫像單從用戶特征去看OPPO商城的UI設(shè)計(jì)，我想象的應(yīng)該是更年輕化、輕盈、動感有青春的感覺，這樣能更貼近用戶的特征屬性。話說回來，OPPO商城設(shè)計(jì)師在一些設(shè)計(jì)細(xì)節(jié)上處理的還是非常不錯的，可見有不錯的設(shè)計(jì)功底。OPPO分類頁OPPO商城分類頁也改為了小米商城的列表形式，但在信息的展現(xiàn)上可能有不妥之處。小米商城分類頁當(dāng)初改版，是為了著重突出主營商品手機(jī)的視覺表

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