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

百度网盘10.0-服务升级背后的故事。

原创文章 分类: 经验/观点 版权:
11056 323 387 90
2019-08-01
128.7
首页推荐

从明确产品方向,到设计团队如何赋能到产品,最终传递给用户更好的服务感知。


Image title




项目背景 



百度网盘应该都很熟悉了,在个人数据爆发时代,大家都需要云存储工具来保存个人数据。网盘一直致力于为用户提供更好的存储和传输服务,并且成为行业领头羊,解决了6亿用户的存储需求。


随着5G的到来,带来更多样化的用户需求场景,更高速增长的数据规模,更智能化的数据处理技术。因此,在这种趋势下,未来网盘将以数据存储和传输为基础,接入更多的服务,为用户提供场景化的消费需求。我们也将从“连接人和文件”到“连接人和服务”进行转变。


本次10.0我们结合着产品最新的“服务”理念以及百度UXC最新设计语言-D20,进行全新升级,致力于为用户提供更优质的使用体验。






“ 服务”给人什么感受?


明确产品的方向后,如何为用户清晰的传递出这一理念,是本次遇到的难题。针对这个问题,同学们做了多轮脑爆,来讨论“什么是好的服务?”


Image title



最终,我们觉得好的服务就是:当你需要某个东西时,不需要你做什么,对方就能够通过你的行为举止,进行预判并且满足你,而非你反复的提出需求后的被动满足。因此,它是足够懂你和智能的,同时,它是超出预期,带给人惊喜的。


最终,我们明确了本次10.0升级的核心关键词是:“智能”和“惊喜”


Image title





如何让用户感到“智能”?



网盘在“智能”方面该如何让用户感知到呢?结合10.0版本的产品规划,我们选取了三个方向,为用户提供“智能”的产品体验:1.人性化布局;2.场景化消费;3.个性化响应。


Image title


1.人性化布局


“首页”,是用户直观感受产品的第一步,我们需要兼顾用户需求和产品运营诉求进行整体规划,人性化的运用首屏空间,来保证用户的使用效率。所以本次升级,我们对首页布局上做了三个改动:


a.Title栏信息精简,对于网盘用户来说查找文件是一个高频诉求,而“搜索”是解决查找问题的高频操作,因此,本次将Title栏的头像及名称去除,留给“搜索”入口。

这种布局处理方式,同时解决以前由于顶部右侧图标太多,识别性出问题导致“传输列表”找不到的用户负面反馈。


Image title



同时,“搜索”强化也能更好的为用户在首页做sug推荐,将我们内容商城里优质的书籍、音频、视频智能化的推荐给精准用户,满足他们一站式的购买,存储和消费的需求。


Image title


b.增强服务感知,我们一直在想,如何让用户能够直观看出我们提供了完善的服务,而非文件分类入口。


因此,本次将原来体现分类的小icon,优化为卡片入口形式,同时增大它们展示面积,将“服务”信息前置,比如“已为你备份XX张照片”,解决以前用户备份结果感知不明确的问题。



Image title

不仅于此,全新的服务模块还支持用户手动定制,筛选出最符合自己使用习惯的模块放在首页。


Image title


c.底部新增“头像”展示,虽然我们把首页顶栏的“头像”进行去除,但由于很多网盘用户不止于一个帐号,为了避免他们因为对所登录帐号的感知太弱,导致误传文件而泄漏隐私的问题,本次在底Tab的“我的”位置保留用户头像,合理利用空间,同时让用户有明显帐号感知,保证用户隐私。



Image title



所以综合考虑,在布局层面,本次对首页做了以下的调整:


Image title




2.场景化消费


如开头所说,以前的网盘功能重点在于文件的存储和传输,所以用户每次都要在各种文件列表中低效的穿梭着。


但是,我们希望网盘不仅仅是用户的存储工具,而是从存储到消费,甚至从生产环节都能够满足用户的一条龙需求。本次升级我们弱化传统列表承载形式,提供更加符合垂类文件的场景化消费体验。



Image title



因此,先后对以下功能进行场景化处理:a.相册服务;b.视频服务;c.笔记服务。


Image title



a.相册服务


针对相册服务,本次升级我们做了以下优化:


新增精选:通过拍摄设备信息等策略,以及对重复照片进行智能化整理,筛选出高质量照片,在时光轴中增加“精选”图片分类进行承载。


Image title



这样就减少用户浏览图片或视频时无效信息,同时提升浏览及查找体验。如果用户想看全部的,只需要左滑一下就ok。


新增地点信息:对已存储的照片及视频,提取并展示地理位置信息,让用户浏览照片时有更强的情感带入。


Image title


新增底Tab:新版相册中对“智能分类”、“故事”功能进行强化,从以前的顶tab移动到底部导航栏,给人一种相册服务就是完整小程序的感受,用它存储和消费照片就够了的认知。


以下,是本次相册服务模块的整体优化:


Image title


而且还引入美图秀秀、联想云打印等第三方的服务,可在网盘直接对照片进行美化编辑以及打印,只需简单几步照片就能寄回家,真香。


Image title





b.视频服务


很多用户在网盘经常观看视频,对于这类用户,查找、观看视频是他们的主诉求。

以前网盘的视频采用列表形式,但是列表中视频缩略图并不能满足用户快速查找及消费的诉求,甚至让人崩溃。因此在10.0版本中,对视频服务模块进行重新设计。


比如:a.新增最近观看模块,满足用户持续性消费某些视频的需求,提高查找效率;b.提供通过时长维度查找视频的入口,便捷的对文件进行筛选;c.视觉展现,增加列表高度及视频画面信息展现,便于快速查找。


Image title



c.笔记服务


网盘以前都是存储用户在其他产品中生成的个人数据,从10.0开始,我们提供全新笔记服务,这也是网盘主动迈向生产环节的第一次尝试。


用户可以在网盘内新建笔记,笔记还能以图片形式对外分享。


Image title



同时,用户还可以把在其他产品上看到的优秀文章,以复制链接的形式,剪藏到网盘成为笔记,永久保存。



Image title



除了以上服务,我们通过合作方式已经引入如WPS、石墨文档等服务,满足用户在线编辑文档等一系列文字相关需求。





3.个性化响应


千篇一律的推荐会让用户在繁杂的信息中迷失,千人千面的响应反而为用户提供更精准的选择,因此在10.0我们对搜索增加了个性化的响应,满足用户快速查找文件的诉求。


比如你在网盘中找到去年的某张照片,以前你可能是这样找的:


Image title


现在在10.0版本中,通过搜索:食物、猫、狗、拍照地点、时间节气等快速查找到照片。


在用户授权可使用的数据范围内,网盘对照片进行分析,为了能支持用户更个性化的查找需求,降低用户搜索图片的门槛,提升查找效率。


Image title


以上可以看出,从“人性化布局”让对用户最重要的内容高优呈现,到“场景化消费”满足用户对垂类文件类型的沉浸式存储及消费,再到“个性化响应”以千人千面的技术为用户推荐更精准的信息,这一切都是我们为了给用户提供更优质的体验,同时迈向“智能”服务体验的开端。






 如何让用户感到“惊喜”?



随着10.0“服务化”的升级理念,同时结合新一代的百度UXC-D20全新设计语言,最终选择以D20所指导的“赛博朋克风”+延续网盘9.0“积木”设计语言的“蒙德里安的格子构成设计”做为网盘10.0的视觉设计语言。


因为赛博朋克让人联想到智能、未来感,更符合随着5G到来百度网盘所给用户带来的无限想象。在视觉上通过拉伸、扭曲、错位等故障图形和高饱和度的色彩、渐变色更符合网盘年轻化的定位,同时跟市面上同质化设计拉开差异。


Image title



通过折叠像素数据和十六进制编码,2019年Shutterstock平台能够看到用户下载最频繁的颜色。利用这些信息,他们编制了一份全球最受欢迎的三种颜色。可以看出,在科技发展的影响下人们对高饱和和渐变色的青睐日益增长。最突出的是:UFO Green、Plastic Pink、Proton Purple。


Image title



因此,在ICON的设计中采用10.0全新设计语言-“赛博朋克+蒙德里安”,以及选取较受欢迎的且能够体现年轻化的高对比高饱和配色,传递全新视觉感受,让用户感到“惊喜”,同时对服务入口增加探索欲望。


Image title



同时经过多轮的尝试,最终确定圆角大小为16px。


Image title


同时将此设计语言,运用到全局icon设计中。


Image title



由于OLED屏在夜间模式更省电,以及用户对视力保护的更加重视,同时短视频的爆发让用户对黑色UI的接受度变强。


因此在网盘10.0的升级中增加“暗黑模式”,是行业内优先落地暗黑模式产品之一,引领着设计趋势,同时为用户提供更多个性化选择。


Image title



为了提高适配暗黑模式的开发效率,根据页面不同层级的内容,我们定义了几种规范层级颜色,以及文字颜色等规范。



Image title

Image title



作为一次全新升级,我们希望用户能够眼前一亮,不仅有“智能”的功能体验,还有“惊喜”的视觉传递。



Image title

Image title




 总结 


以上,是百度网盘10.0服务升级背后的原因以及思考过程。从前期明确产品方向-“服务化”,到梳理出“服务”给人传递的感受(智能、惊喜),再到“智能”落地到产品中的三个方向(人性化布局、场景化消费、个性化响应),以及“惊喜”落地到产品中的两个部分(全新视觉、暗黑模式),最终呈现出的全新服务体验的10.0升级。所做一切,都是为了给用户持续提供更好的体验。



Image title


同时,我们对上线后的数据和反馈也时刻关注,对比发现全新方案在各个“服务”的使用和留存都有不少提升,能看出大家对这次升级还是认可的。


本次10.0体验升级是百度网盘所有同学的共同努力,同时也只是我们服务升级的开端,未来还会为用户提供更多好用的围绕个人数据的存储及消费服务。


感谢大家一直以来的支持与陪伴。



作者:大牙,百度用户体验部资深UI设计师。微信公众号:大牙的设计笔记。

本文由 @大牙 原创发布于UI中国。未经许可,禁止转载。




微信公众号:大牙的设计笔记

苏大牙

微信公众号:大牙的设计笔记

11809粉丝/0关注

国民爱豆首页霸主身经百战一鸣惊人原创达人
用户体验设计的价值——思考和反思。设计师,如何制作用户体验地图。
15
夜雨声烦烦不烦啊

管你界面怎么改,反正我只是用来下东西的

精彩!

扫描二维码
去手机端查看海报

苏大牙

TA已经获得12枚勋章啦

  • 成就勋章

    • 特别勋章

    • 身份勋章

  • 已拥有

  • 作品

    创造者才是真正的享受者。

  • 经验

    经验是一所好学校,可它的学生却经常旷课。

  • 活跃

    大神都是从围观群众开始的

  • 拓展

    作品、经验、活跃还不能满足你?

京ICP备14007358号-1 / 京公网安备11010802014104号 / Powered by 2008-2019 UI.CN