百度网盘10.0:服务升级背后的故事
本文是关于百度网盘10.0的一个复盘,这次10.0结合着产品最新的“服务”理念以及百度UXC最新设计语言-D20,进行全新升级,致力于为用户提供更优质的使用体验。
项目背景
百度网盘应该都很熟悉了,在个人数据爆发时代,大家都需要云存储工具来保存个人数据。网盘一直致力于为用户提供更好的存储和传输服务,并且成为行业领头羊,解决了6亿用户的存储需求。
随着5G的到来,带来更多样化的用户需求场景,更高速增长的数据规模,更智能化的数据处理技术。因此,在这种趋势下,未来网盘将以数据存储和传输为基础,接入更多的服务,为用户提供场景化的消费需求。 我们也将从“连接人和文件”到“连接人和服务”进行转变。
本次10.0我们结合着产品最新的“服务”理念以及百度UXC最新设计语言-D20,进行全新升级,致力于为用户提供更优质的使用体验。
1. “服务”给人什么感受?
明确产品的方向后,如何为用户清晰的传递出这一理念,是本次遇到的难题。针对这个问题,同学们做了多轮脑爆,来讨论“什么是好的服务?”
最终,我们觉得好的服务就是:当你需要某个东西时,不需要你做什么,对方就能够通过你的行为举止,进行预判并且满足你,而非你反复的提出需求后的被动满足。因此,它是足够懂你和智能的,同时,它是超出预期,带给人惊喜的。
最终,我们明确了本次10.0升级的核心关键词是: “智能”和“惊喜”。
2. 如何让用户感到“智能”?
网盘在“智能”方面该如何让用户感知到呢?
结合10.0版本的产品规划,我们选取了三个方向,为用户提供“智能”的产品体验:
- 人性化布局;
- 场景化消费;
- 个性化响应。
(1)人性化布局
“首页”,是用户直观感受产品的第一步,我们需要兼顾用户需求和产品运营诉求进行整体规划,人性化的运用首屏空间,来保证用户的使用效率。
所以本次升级,我们对首页布局上做了三个改动:
a. Title栏信息精简
对于网盘用户来说查找文件是一个高频诉求,而“搜索”是解决查找问题的高频操作,因此,本次将Title栏的头像及名称去除,留给“搜索”入口。
这种布局处理方式,同时解决以前由于顶部右侧图标太多,识别性出问题导致“传输列表”找不到的用户负面反馈。
同时,“搜索”强化也能更好的为用户在首页做sug推荐,将我们内容商城里优质的书籍、音频、视频智能化的推荐给精准用户,满足他们一站式的购买,存储和消费的需求。
b. 增强服务感知
我们一直在想,如何让用户能够直观看出我们提供了完善的服务,而非文件分类入口。
因此,本次将原来体现分类的小icon,优化为卡片入口形式,同时增大它们展示面积,将“服务”信息前置,比如“已为你备份XX张照片”,解决以前用户备份结果感知不明确的问题。
不仅于此,全新的服务模块还支持用户手动定制,筛选出最符合自己使用习惯的模块放在首页。
c. 底部新增“头像”展示
虽然我们把首页顶栏的“头像”进行去除,但由于很多网盘用户不止于一个帐号,为了避免他们因为对所登录帐号的感知太弱,导致误传文件而泄漏隐私的问题,本次在底Tab的“我的”位置保留用户头像,合理利用空间,同时让用户有明显帐号感知,保证用户隐私。
所以综合考虑,在布局层面,本次对首页做了以下的调整:
(2)场景化消费
如开头所说,以前的网盘功能重点在于文件的存储和传输,所以用户每次都要在各种文件列表中低效的穿梭着。
但是,我们希望网盘不仅仅是用户的存储工具,而是从存储到消费,甚至从生产环节都能够满足用户的一条龙需求。本次升级我们弱化传统列表承载形式,提供更加符合垂类文件的场景化消费体验。
因此,先后对以下功能进行场景化处理:
- 相册服务;
- 视频服务;
- 笔记服务。
a. 相册服务
针对相册服务,本次升级我们做了以下优化:
新增精选:通过拍摄设备信息等策略,以及对重复照片进行智能化整理,筛选出高质量照片,在时光轴中增加“精选”图片分类进行承载。
这样就减少用户浏览图片或视频时无效信息,同时提升浏览及查找体验。如果用户想看全部的,只需要左滑一下就ok。
新增地点信息:对已存储的照片及视频,提取并展示地理位置信息,让用户浏览照片时有更强的情感带入。
新增底Tab:新版相册中对“智能分类”、“故事”功能进行强化,从以前的顶tab移动到底部导航栏,给人一种相册服务就是完整小程序的感受,用它存储和消费照片就够了的认知。
以下,是本次相册服务模块的整体优化:
而且还引入美图秀秀、联想云打印等第三方的服务,可在网盘直接对照片进行美化编辑以及打印,只需简单几步照片就能寄回家,真香。
b. 视频服务
很多用户在网盘经常观看视频,对于这类用户,查找 、 观看视频是他们的主诉求。
以前网盘的视频采用列表形式,但是列表中视频缩略图并不能满足用户快速查找及消费的诉求,甚至让人崩溃。因此在10.0版本中,对视频服务模块进行重新设计。
比如:
- 新增最近观看模块,满足用户持续性消费某些视频的需求,提高查找效率;
- 提供通过时长维度查找视频的入口,便捷的对文件进行筛选;
- 视觉展现,增加列表高度及视频画面信息展现,便于快速查找。
同时在视频播放器,提供智能生成播放列表功能,无需在繁杂错乱的列表中进行选择,可在播放器直接进行下一集的播放。
c. 笔记服务
网盘以前都是存储用户在其他产品中生成的个人数据,从10.0开始,我们提供全新笔记服务,这也是网盘主动迈向生产环节的第一次尝试。
用户可以在网盘内新建笔记,笔记还能以图片形式对外分享。
同时,用户还可以把在其他产品上看到的优秀文章,以复制链接的形式,剪藏到网盘成为笔记,永久保存。
除了以上服务,我们通过合作方式已经引入如WPS、石墨文档等服务,满足用户在线编辑文档等一系列文字相关需求。
(3)个性化响应
千篇一律的推荐会让用户在繁杂的信息中迷失,千人千面的响应反而为用户提供更精准的选择,因此在10.0我们对搜索增加了个性化的响应,满足用户快速查找文件的诉求。
比如你在网盘中找到去年的某张照片,以前你可能是这样找的:
现在在10.0版本中,通过搜索:食物、猫、狗、拍照地点、时间节气等快速查找到照片。
在用户授权可使用的数据范围内,网盘对照片进行分析,为了能支持用户更个性化的查找需求,降低用户搜索图片的门槛,提升查找效率。
以上可以看出,从“人性化布局”让对用户最重要的内容高优呈现,到“场景化消费”满足用户对垂类文件类型的沉浸式存储及消费,再到“个性化响应”以千人千面的技术为用户推荐更精准的信息,这一切都是我们为了给用户提供更优质的体验,同时迈向“智能”服务体验的开端。
3. 如何让用户感到“惊喜”?
随着10.0“服务化”的升级理念,同时结合新一代的百度UXC-D20全新设计语言,最终选择以D20所指导的“赛博朋克风”+延续网盘9.0“积木”设计语言的“蒙德里安的格子构成设计”做为网盘10.0的视觉设计语言。
因为赛博朋克让人联想到智能、未来感,更符合随着5G到来百度网盘所给用户带来的无限想象。在视觉上通过拉伸、扭曲、错位等故障图形和高饱和度的色彩、渐变色更符合网盘年轻化的定位,同时跟市面上同质化设计拉开差异。
通过折叠像素数据和十六进制编码,2019年Shutterstock平台能够看到用户下载最频繁的颜色。利用这些信息,他们编制了一份全球最受欢迎的三种颜色。可以看出,在科技发展的影响下人们对高饱和和渐变色的青睐日益增长,最突出的是:UFO Green、Plastic Pink、Proton Purple。
因此,在ICON的设计中采用10.0全新设计语言-“赛博朋克+蒙德里安的格子”,以及选取较受欢迎的且能够体现年轻化的高对比高饱和配色,传递全新视觉感受,让用户感到“惊喜”,同时对服务入口增加探索欲望。
同时经过多轮的尝试,最终确定圆角大小为16px。
同时将此设计语言,运用到全局icon设计中。
由于OLED屏在夜间模式更省电,以及用户对视力保护的更加重视,同时短视频的爆发让用户对黑色UI的接受度变强。
因此在网盘10.0的升级中增加“暗黑模式”,是行业内优先落地暗黑模式产品之一,引领着设计趋势,同时为用户提供更多个性化选择。
为了提高适配暗黑模式的开发效率,根据页面不同层级的内容,我们定义了几种规范层级颜色,以及文字颜色等规范。
作为一次全新升级,我们希望用户能够眼前一亮,不仅有“智能”的功能体验,还有“惊喜”的视觉传递。
总结
以上,是百度网盘10.0服务升级背后的原因以及思考过程。从前期明确产品方向-“服务化”,到梳理出“服务”给人传递的感受(智能、惊喜),再到“智能”落地到产品中的三个方向(人性化布局、场景化消费、个性化响应),以及“惊喜”落地到产品中的两个部分(全新视觉、暗黑模式),最终呈现出的全新服务体验的10.0升级。所做一切,都是为了给用户持续提供更好的体验。
同时,我们对上线后的数据和反馈也时刻关注,对比发现全新方案在各个“服务”的使用和留存都有不少提升,能看出大家对这次升级还是认可的。
本次10.0体验升级是百度网盘所有同学的共同努力,同时也只是我们服务升级的开端,未来还会为用户提供更多好用的围绕个人数据的存储及消费服务。
感谢大家一直以来的支持与陪伴。
#专栏作家#
大牙,微信公众号:大牙的设计笔记,人人都是产品经理专栏作家。百度资深设计师。一个对生活充满好奇心,擅长用直白的语言去分析产品、交互、视觉的同学。
本文原创发布于人人都是产品经理。未经许可,禁止转载。
题图作者提供
作者暂无likerid, 赞赏暂由本网站代持,当作者有likerid后会全部转账给作者(我们会尽力而为)。Tips: Until now, everytime you want to store your article, we will help you store it in Filecoin network. In the future, you can store it in Filecoin network using your own filecoin.
Support author:
Author's Filecoin address:
Or you can use Likecoin to support author: