浅谈OPPO商城UI升级与小米商城高度相似之处!互联网设计帮关注共 1718字,需浏览 4分钟 ·2021-11-17 13:46 前言 如果你手机曾经有一个叫欢太商城的APP,那你现在可能找不到了,现在改名叫OPPO商城,改名的同时UI设计也进行了升级。OPPO商城UI改版很多地方借鉴了小米商城,两个商城产品定位同为品牌电商,OPPO商城UI设计借鉴了定位相同的产品,这点是专业的,值得肯定!下面完全从我个人角度聊一聊,OPPO商城UI改版,哪些地方设计的不错,哪些地方设计的不够好,再次强调纯属个人观点。 案例解析 OPPO商城主营OPPO、一加、realme三个品牌手机及智能配件产品,除此以外,还有很多自营第三方产品,也就是还有很多其他品牌产品。这点其实让我有些困惑,找不准他的产品定位了,但从欢太商城改名为OPPO商城,这点能看出未来还是要着重打造OPPO这一品牌。对OPPO商城有所了解后,接下来聊设计,下图是改版前欢太商城的首页,金刚图标设计有点网易严选的影子,整体没有着重强调某一品牌,不太容易看出品牌电商的影子。改版后首页UI设计与小米商城一样,头部左上角也放了品牌logo,用来强调官方商城。首屏结构改为与小米商城相同,至上而下通顶banner - 信任标签 - 金刚图标区 - 运营腰带位 - 一拖三运营模块。 说说我的观点 两个品牌电商APP首页UI很像,从普通用户的表层感知上不会觉得不对,但站在产品角度长远来看,对品牌愿景的传递非常不利,因为用户很难对各自品牌建立差异化认知。小米商城首页UI改版是根据公司战略调整,主要围绕三个关键词“品牌”“科技”“轻量”出发,战略明确,目标清晰,所以从设计主张上有一个非常明确的方向。我心中的OPPO商城不应该是现在的样子,OPPO用户16-25岁群体更多,男女比例接近1:1,与小米用户有较大差异。OPPO用户画像小米用户画像单从用户特征去看OPPO商城的UI设计,我想象的应该是更年轻化、轻盈、动感有青春的感觉,这样能更贴近用户的特征属性。话说回来,OPPO商城设计师在一些设计细节上处理的还是非常不错的,可见有不错的设计功底。 OPPO分类页 OPPO商城分类页也改为了小米商城的列表形式,但在信息的展现上可能有不妥之处。小米商城分类页当初改版,是为了着重突出主营商品手机的视觉表现,OPPO商城应该是同样的设计理念。OPPO商城似乎没有理解分类页的作用,分类页是帮助用户快速找到所需商品,所以任何形式的设计不能背离分类页的功能作用。我总结了OPPO商城分类页列表形式设计两个不妥之处:一、手机图片太小视觉上不容易看清楚手机摄像头样式,这就导致用户不能通过手机图片甄别手机。图片小虽然一屏中呈现的手机更多,但由于不能快速精准的传递信息,体验反而会适得其反。二、条目信息多OPPO手机列表图片对应放了三条信息,分别是商品名称、卖点、价格,这里设计上虽然是列表的样式,但其实并不能以列表的表达形式去思考。应该围绕分类页的作用去设计,用户在浏览分类页时,通常不会去看产品详细的内容,目的一般就是要找某个或某类商品。三条信息的呈现,可能不仅起不到卖点的传递,而且还会给用户带来视觉压力,因为信息呈现过于密集,满足不了用户快速浏览的目的。我的设计想法小米商城当初设计分类页的想法是,手机图片尺寸一定能够让用户清楚看到摄像头轮廓细节,对于手机来说摄像头的差异是用户最常关注的。信息条目呈现两条,这样产品名称和价格一目了然,卖点以标签的形式呈现,不仅没有破坏两条信息条目的结构,标签的突出形式也能满足用户快速预览。下面链接是当初小米商城分类页的设计总结,有兴趣的同学可以看一下。小米商城分类页UI升级,五大细节设计全面解析! 最后 以上观点可能对OPPO商城的设计理解有偏颇,OPPO设计师如若看见此文,说的不对也请多多包涵指教,希望有机会可以一起交流探讨。先点个“在看”,然后带你进设计群,公众号后台回复“1”即可,我等你长按下方二维码,关注“互联网设计帮” 浏览 35点赞 评论 收藏 分享 手机扫一扫分享分享 举报 评论图片表情视频评价全部评论推荐 项目案例|小米商城分类页UI升级,五大细节设计全面解析!三分设0商城建设 B2B2C商城 分销商城 全能商城中企崛起网络技术(北京)有限公司0高仿小米商城项目,爱了!Java之间0商城系统开发、商城网站建设、多商户商城、B2B2C商城系统开发天天向上(北京)网络科技有限公司0商城系统开发、商城网站建设、多商户商城、B2B2C商城系统Oeob0智e商城开源商城智e商城是一个基于springboot、springsecurity、mybatis、redis的轻量级、前后端分离、防范xss攻击、拥有分布式锁,数据库为b2b2c设计,拥有完整sku和下单流程的完硬核开源:高仿小米商城项目!玩转GitHub0【程序源代码】毕业论文-仿小米商城源码程序源代码0闪客商城闪客商城是一个SAPI++小程序、公众号SaaS运营系统,基于ThinkPHP+EasyWecahtNetShopASP.NET 商城温馨提示:NetShop只开放了部分源码,为开源受限软件,且需要付费使用。 点赞 评论 收藏 分享 手机扫一扫分享分享 举报