1、LOGO:由具象到抽象,彰显年轻化
西瓜视频最初为短视频形态,因为是一个 新品牌需要足够的用户教育,因此选择了用具象的方式表现西瓜形象,方便用户品牌记忆,随着西瓜视频的发展,有了很强的品牌印象后,在新的定位上需要一个包含性更强的品牌 形象,从具象转为抽象,彰显年轻化。
2、下拉刷新:新版下拉刷新与品牌进行了融合,以加深用户品牌的记忆
3、首页内容卡片:突出CP信息、区分直播、图标线性化
外漏信息内容在新版feed流上增加视频聚合了UGC/PGC作者的附属信息,播放按钮融了logo的形象,并加深了一度重要信息的色号。
直播Feed改动的地方在于与短视频Feed进行了区分,对于西瓜用户来讲应该更明显的区分两种内容类型,包括对直播标题的加强
底部图标风格上有面型图标改为线性图标,整体现状做了减法,统一性上图标都改为改为闭合路径,无论视觉还是物理像素都同样大小,图标颜色有红色选中态改为黑色,在选中方面做了动效的点击反馈(微小的动画)
关注频道和推荐频道等不的story头像样式优化,在关注频道突出了个人感兴趣的CP的不同状态,如直播中
4、音量调节:避免遮挡,优化体验
用户沉浸Feed流观看的时候,进行音量调节会对屏奴造成遮挡,影响播放体验,优化针对两种类型的手机进行分别优化,标准屏改在屏幕上方移入,iPhone X在左上角
5、构建动效规范及全局通用类动销
明确了动效设计规范,降低设计开发的成本和周期,提升了设计师和工程师双方的工作效率,举例如下:
建立动销组件,在西瓜里通用类界面跳转可以直接复用建立好的组件,既保障了产品在交互上的统一性也节省了工程师的开发成本。
上图分别为点击CP头像进入CP详情页和点击空白处进入内容详情页
6、搜索优化:彩蛋、组件化
在搜索中,谨慎的为搜索增加幽默元素,比如搜索西瓜的西瓜雨(有时效性,并非一直存在)
西瓜视频针对用户搜索内容类型越来越多的需求,做了针对性的优化,搜索做成了全新的搜索组件,并且兼容未来可能扩充的类型,如下截图包括:短视频内容、直播中、综合信息流中头条号、相关关键词、直播主播、直播专区、直播间、头条号专搜等。
西瓜视频3.0本次改版变动较大,从LOGO、首页、动效、搜索等多方便进行了升级和优化,其定位与抖音、火山小视频进行了明显的区分,彰显了年轻化、互动化和社交化,比如CP通过关注、推荐和搜索,进行了多方位的展示和推荐。在具体操作上整体感觉更加流畅,动效使用合理没有过度化,互动感更强。