前言

如果你手机曾经有一个叫欢太商城的APP，那你现在可能找不到了，现在改名叫OPPO商城，改名的同时UI设计也进行了升级。

OPPO商城UI改版很多地方借鉴了小米商城，两个商城产品定位同为品牌电商，OPPO商城UI设计借鉴了定位相同的产品，这点是专业的，值得肯定！

下面完全从我个人角度聊一聊，OPPO商城UI改版，哪些地方设计的不错，哪些地方设计的不够好，再次强调纯属个人观点。

案例解析

OPPO商城主营OPPO、一加、realme三个品牌手机及智能配件产品，除此以外，还有很多自营第三方产品，也就是还有很多其他品牌产品。

这点其实让我有些困惑，找不准他的产品定位了，但从欢太商城改名为OPPO商城，这点能看出未来还是要着重打造OPPO这一品牌。

对OPPO商城有所了解后，接下来聊设计，下图是改版前欢太商城的首页，金刚图标设计有点网易严选的影子，整体没有着重强调某一品牌，不太容易看出品牌电商的影子。

首屏结构改为与小米商城相同，至上而下通顶banner - 信任标签 - 金刚图标区 - 运营腰带位 - 一拖三运营模块。

说说我的观点

两个品牌电商APP首页UI很像，从普通用户的表层感知上不会觉得不对，但站在产品角度长远来看，对品牌愿景的传递非常不利，因为用户很难对各自品牌建立差异化认知。

小米商城首页UI改版是根据公司战略调整，主要围绕三个关键词“品牌”“科技”“轻量”出发，战略明确，目标清晰，所以从设计主张上有一个非常明确的方向。

我心中的OPPO商城不应该是现在的样子，OPPO用户16-25岁群体更多，男女比例接近1:1，与小米用户有较大差异。

OPPO用户画像

小米用户画像

单从用户特征去看OPPO商城的UI设计，我想象的应该是更年轻化、轻盈、动感有青春的感觉，这样能更贴近用户的特征属性。

话说回来，OPPO商城设计师在一些设计细节上处理的还是非常不错的，可见有不错的设计功底。

OPPO分类页

OPPO商城分类页也改为了小米商城的列表形式，但在信息的展现上可能有不妥之处。

小米商城分类页当初改版，是为了着重突出主营商品手机的视觉表现，OPPO商城应该是同样的设计理念。

OPPO商城似乎没有理解分类页的作用，分类页是帮助用户快速找到所需商品，所以任何形式的设计不能背离分类页的功能作用。

我总结了OPPO商城分类页列表形式设计两个不妥之处：

一、手机图片太小

视觉上不容易看清楚手机摄像头样式，这就导致用户不能通过手机图片甄别手机。

图片小虽然一屏中呈现的手机更多，但由于不能快速精准的传递信息，体验反而会适得其反。

二、条目信息多

OPPO手机列表图片对应放了三条信息，分别是商品名称、卖点、价格，这里设计上虽然是列表的样式，但其实并不能以列表的表达形式去思考。

应该围绕分类页的作用去设计，用户在浏览分类页时，通常不会去看产品详细的内容，目的一般就是要找某个或某类商品。

三条信息的呈现，可能不仅起不到卖点的传递，而且还会给用户带来视觉压力，因为信息呈现过于密集，满足不了用户快速浏览的目的。

我的设计想法

小米商城当初设计分类页的想法是，手机图片尺寸一定能够让用户清楚看到摄像头轮廓细节，对于手机来说摄像头的差异是用户最常关注的。

信息条目呈现两条，这样产品名称和价格一目了然，卖点以标签的形式呈现，不仅没有破坏两条信息条目的结构，标签的突出形式也能满足用户快速预览。

另外，我的主页有当初小米商城分类页的设计总结，有兴趣的同学可以去看一下。 


最后

以上观点可能对OPPO商城的设计理解有偏颇，OPPO设计师如若看见此文，说的不对也请多多包涵指教，希望有机会可以一起交流探讨。

Powered by Froala Editor