采用全新设计语言的百度网盘10.0,是如何做服务升级的? - 优设网 - UISDC

采用全新设计语言的百度网盘10.0,是如何做服务升级的?

2019/08/04 17674评论 54

@苏大牙牙牙 :从明确产品方向,到设计团队如何赋能到产品,最终传递给用户更好的服务感知,百度网盘做了全新的服务升级。

项目背景

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

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

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

「服务」给人什么感受?

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

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

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

如何让用户感到「智能」?

网盘在「智能」方面该如何让用户感知到呢?结合 10.0 版本的产品规划,我们选取了三个方向,为用户提供「智能」的产品体验:

  • 人性化布局;
  • 场景化消费;
  • 个性化响应。

1. 人性化布局

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

Title栏信息精简

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

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

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

增强服务感知

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

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

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

底部新增「头像」展示

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

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

2. 场景化消费

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

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

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

相册服务

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

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

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

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

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

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

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

视频服务

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

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

比如:

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

同时在视频播放器,提供智能生成播放列表功能,无需在繁杂错乱的列表中进行选择,可在播放器直接进行下一集的播放。

笔记服务

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

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

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

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

3. 个性化响应

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

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

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

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

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

如何让用户感到「惊喜」?

随着 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 体验升级是百度网盘所有同学的共同努力,同时也只是我们服务升级的开端,未来还会为用户提供更多好用的围绕个人数据的存储及消费服务。

欢迎关注作者的微信公众号:「大牙的设计笔记」

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/baidu-netdisk-10-redesign

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

版式设计 交互设计师 界面设计 排版布局 职场 设计师干货 优设专访 优设大课堂 设计达人 配色 视觉设计 web前端开发 素材下载 AI教程 设计流程 设计理论 神器下载 字体下载 设计师专访 psd下载 设计规范 用户体验设计 海报设计 设计趋势 平面设计 动效设计 logo设计 图标设计 ICON 产品设计 神器推荐 App设计 字体设计 职场规划 酷站推荐 交互设计 ui设计 优秀网页设计 设计师职场 ps技巧 酷站 用户体验 PS教程 网页设计 经验分享

您还没有登录

优设启用更安全省心的 微信扫码登录

微信扫码

300万设计师聚集地!优设网是极具人气的设计师平台
2012年成立至今,一直专注于设计师的学习成长交流

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里