恭喜你成为UI中国推荐设计师 (详情)

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
浅谈OPPO商城UI升级与小米商城高度相似之处!
4.3°
原创文章 / 经验/观点 / / 举报
641 3 9 1

2021-11-15

论OPPOUI改版好与坏!

前言

如果你手机曾经有一个叫欢太商城的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手机列表图片对应放了三条信息,分别是商品名称、卖点、价格,这里设计上虽然是列表的样式,但其实并不能以列表的表达形式去思考。


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


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


我的设计想法

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


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


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


最后


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

Powered by Froala Editor

微信公众号:互联网设计帮

收藏

3人已收藏

  • 33

    作品

  • 551

    粉丝

  • 0

    关注

  • UI设计师如何摆脱瓶颈期-改稿指南
  • 小米商城分类页UI升级,五大细节设计全面解析!
  • 我的新书!国内第一本数据可视化大屏设计书
  • 【精华篇】APP闪屏的设计门道

猜你喜欢

    吴星辰

    吴星辰

    身经百战助人为乐一鸣惊人首页新秀
    • 551

      粉丝

    • 97.7

      人气

    • 7272

      颜值

    作品

      吴星辰

      点赞:9

      收藏:3

      评论:1

      浅谈OPPO商城UI升级与小米商城高度相似之处!

      你确定要举报浅谈OPPO商城UI升级与小米商城高度相似之处!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年11月15日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      账号或密码错误

      发送验证码 120s 验证码错误

      登录

      可云端编辑的专业级UI设计工具

      立即体验