App体验——网易考拉新视觉体验

用户头像
上海/UI设计师/7年前/981浏览
App体验——网易考拉新视觉体验

网易考拉4.0版本与旧版本视觉对比


体验产品:网易考拉4.0.0

产品类型:网易考拉-是网易旗下的跨境电商品牌

网易考拉形象全升级视频https://v.qq.com/x/page/y0688h52bhl.html




4个月前网易考拉发布了4.0.0版本。产品的名称从#网易考拉海购#变成了#网易考拉#




先放一波新旧版本界面的对比。旧版本因为很久没有更新了,版本可能比较久远了。中间应该还做了一些更新,所以准确的说应该是旧旧旧版本和新版本的对比


大概还是可以看出来除了视觉上的变化,在产品的结构布局上也是做了一些的调整的。

*首页顶部的的tab项取消了,变成了功能入口。

*发现变成了种草社区,内容也是有很大的变化。

*还有一个我不太确定的就是启动页:从#进口好货当地价#变成了#网易承诺100%正品#

我猜测是产品发展的不同阶段不一样的宣传定位吧。起初的时候向用户传递的是海购/进口/便宜,为了让用户对产品有一个认知。随着产品被越来越多的人知晓,以及越来越多的竞品出现,此时突出用户最关心的问题#正品率#。我猜的哈~



LOGO | 故事性


1、看过网易设计师对于此次品牌升级的过程讲解。此次logo的改版,在我理解来是为了更方便的讲好一个故事。以前的“考拉”和产品的定位的关系并不是很清晰,品牌特征不够明显。新的logo将考拉的更加形象化,并将考拉的一些特性类比到产品的定位上。


更新后首次进入会展示这个小动画,诠释新 logo的意义



2、logo的形象在页面的设计上也进行了延展。让品牌的形象更加的统一。

加载其实是一个考拉头像的变形,page control也延伸了logo的形象。




ICON | 统一性


统一定制的图标,比旧版的更粗一些,统一的带圆角。统一定制的icon确实能提高整理视觉的统一,更有细节,有品质感。



颜色 | 品牌性


新的颜色系统相较于旧版饱和度更高一些,并且加了一些渐变,更偏年轻化。并且在页面应用上面积更大。让整体的品牌感更强烈一些。


其他


还有很多细节的提升用户体验的修改。比如说

1.购物车:旧版本的购物车需要点击编辑以后才能对购物车的货品进行数量的修改,新版本对商品结构进行了重新的排版,把商品的stepper放到外面,方便用户操作。


2、商品详情:商品详情页面把收藏放到了右上角,在左下角新增了店铺首页以及客服的入口。方便用户快速的到达。在产品图上你会发现动态的#正品保障#的标签,是不是能略微说明我之前的猜想是有一丢丢的道理的呢。除此之外发现会员的介绍以及入口层级变高了。居然在商品名称上方。并且在购物车的最上方也提供了开通会员的入口,在#我的考拉#页面也有很明显的会员的展示。是不是可以理解要推开通会员功能了?绑定用户?提高用户粘性?


3、在种草社区里我发现,当前位置停留3s以上,APP就会觉得你对他可能有兴趣,立即购买就会变身,提醒你这里可以购买哦。


4、我发现现在很多的app喜欢把活动做成悬停在页面上放的一个小图标。新版考拉也有这样的设计,点进去以后是与会员相关的东西。 并且在首页的右上角还有一个图标,图片一直在闪动,吸引用户的注意力。点进去以后其实是一系列活动的入口。至于为什么要放在右上角那个地方,我猜测是活动内容较多,放在首页容易让界面看起来混乱。放在tab栏上层级又太高,所以找了右上角安置,又怕不是很显眼,所以做成动态的,好引起用户的注意。


差不多就到这儿了,还有一些小细节,就不一一列举了。

7
举报
|
16
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
户外旅行飞机情侣假日出行
新能源APP应用UIKit
UI 登录界面设计模板包
UI界面 组件
【新年UI图标】体育icon
科技医疗透明柜UI界面设计
拟物风质感写实UI卡片合集源文件
钱包ui模板
高级感金属拟物 UI设计组件库
盲盒APP UI设计
新拟态风格 UI设计组件库
【新年UI图标】影音icon
3D渐变流体抽象矢量UI背景图
【新年UI图标】珠宝icon
高级表盘系列UI源文件
UI通用设计素材1
【新年UI图标】活动icon
【新年UI图标】旅行icon
【新年UI图标】积分icon
【新年UI图标】礼物/活动icon
3D卡通UI界面图标可爱插画免扣素
【新年UI图标】30个图标
手表表盘UI系列
你可能喜欢
大家都在看
登录注册