赞助商
立即赞助

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

设计神器3年前 (2021)发布 流光
2.3K 0 0

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

项目背景

度网盘应该都很熟悉了,人数据爆发时,家都需云存储具保存人数据。网盘一直致力于用户提供好的存储传输服务,并且行业领羊,解决了 6 亿用户的存储需求。

随着 5G 的到来,带来更多样的户需求场景,更速增长的数据规模,更智的数据处技术。因此,在这种趋势,未来盘将数据存储和传输为基础,接入更多的务,为户供场景的消需求。我们将从「连接人和件」到「连接人和务」进行转变。

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

「服务」给人什么感受?

明确产品的方向,何为用户清晰地传递出一理念,是次遇到的难题。针对个问题,同学们做轮脑暴,来讨论「什么是的服务?」

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

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

最终,确了本次 10.0 升的核心关键词是:「智能」和「惊喜」。

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

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

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

  • 人性布;
  • 场化消费;
  • 个性化响应。

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

1. 人性化布局

「首页」,用户直观感受产品的第一,我们需兼顾用户需求产品运营诉求行整体规划,人性化的运用首屏空间,保证用户的使用效率。所以本次升级,我们对首页布局了三改动。

Title栏信息精简

对于网盘用户查找文件一高频诉求,「搜索」解决查找问题的高频操作,因此,本次将 Title 栏的及称去除,留给「搜索」入口。

这种布处方式,同时解决前由于顶右侧图标太多,识别性问题导致「传输列表」到的负面反馈。

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

同时,「搜索」强更好地在首页为户做推荐,将我们容商城里优质的书籍、音频、视频智的推荐给精准户,满足他们一式的购,存储和消的需求。

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

增强服务感知

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

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

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

仅于此,全的务模还支持户手定制,筛最符合自己使习惯的模放在首页。

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

底部新增「」展示

虽然我们把首页顶栏的「」行去除,但由于很多网盘用户不止一帐,了避免他们因对所登录帐的感知太弱,导致误传文件泄漏隐私的问题,本次底部 Tab 的「我的」置保留用户,合理利用空间,同时让用户明显帐感知,保证用户隐私。

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

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

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

2. 场景化消费

如开头所说,以前网盘功能在于文件存储和传输,所以用户都要在各文件列表低效穿梭着。

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

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

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

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

相册服务

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

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

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

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

增地点信息:对已存储的照片及视频,取并展示地位置信息,户浏览照片时有更强的情感带入。

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

增Tab:版相册中对「智分类」、「故事」功进行强,从前的顶 tab 移到导航栏,给人一种相册务就是整小程序的感受,它存储和消照片就足够了的认知。

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

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

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

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

视频务

很多户在盘经观看视频,对于这类户,查、观看视频是他们的诉求。

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

比如:

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

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

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

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

笔记务

过,盘都是存储户在他产中生成的个人数据。从 10.0 开始,我们供全笔记务,这是盘迈向生产环节的第一次尝试。

用户以在网盘内新建笔,笔还能以图形式对外分享。

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

同时,用户还以把在其他产品上看到的优文章,以复链接的形式,剪藏到网盘成为笔,永久存。

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

除以上服务,我们通合方式已经引, WPS、石墨文档等服务,满用户在编辑文档等一系列文字相关需求。

3. 个性化响应

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

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

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

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

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

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

以上可以看出,从「性化布局」高优呈现用户最要内容,到「场景化消费」满足用户垂类文件类型沉浸存储及消费,再到「个性化响应」以千千技术为用户荐更精准信息,这切都是我们为了用户提供更优质体验,时迈「智能」服务体验开端。

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

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

因赛博朋克让人联到智能、未感,符合随 5G 到,度网盘给用户的无限象。视觉通过拉伸、扭曲、错故障图形高饱度的色彩、渐变色,符合网盘轻化的,同时市面同质化设拉差异。

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

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

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

因此, icon 的设中采用 10.0 全新设语言「赛博朋克+蒙德里安的格子」,以及选取较受欢迎的,且能够体轻化的高对比、高饱配色,传递全新视觉感受,让用户感到「惊喜」,同时对服务入口增加探索欲望。

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

同时过多轮的试,终确圆角小 16px。

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

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

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

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

因此在盘 10.0 的升级中增「暗黑模式」,是行优先落地的暗黑模式产之一,引领着设计趋势,同时为户供更多个性择。

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

为了适配暗黑模式的开发效率,根据页面同层级的容,我们定义了几种规范层级颜色,及字颜色等规范。

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

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

作一次全新升级,我们希望用户能够眼一亮,不仅「智能」的功能体验,还「惊喜」的视觉传递。

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

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

总结

以上,是百度网盘 10.0 服升背后的因以及思考过程。从前期确产品方向「服化」,梳理出「服」给人传递的受(智能、惊喜),再「智能」落地产品中的三个方向(人性化布局、景化消费、个性化响应),以及「惊喜」落地产品中的个部(全新视觉、暗黑模式),最终呈现出的全新服体验的 10.0 升。所做一切,都是为了给用户持续提供更好的体验。

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

同,对上线后的数据和反馈也刻关注,对比发现全新方案在各个「服」的使用和留存都有不少提升,能出大家对这次升还是认可的。

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

欢迎关注作者的微信公众:「牙的设笔记」

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

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

「红袖读书」2018年全新改版,打造更轻的阅读体验,更适合女性阅读的读书APP。 一、项目背景 「红袖读书」APP 原名「红袖添香...
实战案例
万能螺丝刀也拧不开眼镜框上的螺丝。如同万能螺丝刀一样,QQ 也是一个通用的沟通工具,在针对游戏、粉丝、家校等垂类场景下,...
QQ家校群
在昨天引爆互联网的一个热点想必就是美团 APP 更新了,已经刷爆了朋友圈,相信大家也都看见了。 △ 文中配图均来自美团官方...
改版设计
@苏大牙牙牙 :你有没有遇到过这种情况,经常看到一些文章,是关于XX产品品牌重塑,XX产品品牌升级,看完后你一身热血,感觉...
品牌设计
一、项目背景 百度网盘是百度提供的个人云存储服务,自2012年上线至今,通过强大的技术能力以及承担高额的带宽成本,为7亿用...
品牌升级
各位好,我又来讲故事了:一个平静的夏日打开了QQ音乐,开屏视频(背景音乐100分)映入眼帘:「奇怪形状」的ip与粉白背景可可...
QQ音乐
由于B端产品的特殊性,也由于各类React组件盛行,设计发挥的空间没有C端那么直接,更多隐藏在使用体验的过程中。面对改版,我...
B端产品
这是一个移动端的时代,Twitter 的移动客户端经历了很多版本的迭代,但是桌面端的更新改版则非常的克制。 一周之前,Twitter...
twitter