• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 上亿人使用的百度网盘,是这么做改版设计的

上亿人使用的百度网盘,是这么做改版设计的

作者:UXC 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含App改版,改版设计,百度云,经验分享,设计改版等相关知识,UXC希望在学习及工作中可以帮助到您

百度UXC:如何做改版设计?百度网盘的实战案例肯定能让你学到很多!

一. 改版背景

百度网盘在2013年诞生之际以备份文件功能走进用户视野,5年间我们不断探索功能,丰富网盘服务领域。先后提供了自动备份、好友分享等功能帮助用户便捷管理网盘文件。期间我们持续倾听用户的声音并不断打磨产品优质体验,此次8.0的全面升级便是以用户高频场景为出发点,以使用数据为导向,剖析使用过程中的痛点和难点,并结合百度人工智能技术为用户带来更强大的服务体验。

二. 用户高频场景驱动设计改版

快速高效的完成任务是体验设计的关键,但用户使用产品的场景和目标也不是单一的,而是多种多样的。其中高频使用的场景作为体验的核心,是设计任务的着重点。甄别高低频场景最简单的方法就是客观数据分析,设计师在着手设计前需心中有「数」才能有的放矢。

通过后台数据我们发现用户使用百度网盘手机APP的高频场景是预览图片,预览行为占据日活数据的50%以上。还原用户真实图片预览主要分3步进行「打开APP – 查找目标图片 – 打开图片预览」,2、3步是我们此次体验升级的主要方向。

其中第2步查找目标图片目前有3条路径,如下图。

改版前「查找图片 → 预览图片」流程存在以下3个体验问题:

  • 图片分类不智能。除以上3种通用查找路径外,针对图片类文件还可通过图片标签进行聚类查找,但标签的分类并不智能友好,没有从用户使用场景和行为去考虑。同时,部分用户对证件的便捷查找需求也很高。
  • 预览体验效率低。文件夹打开后都是列表模式呈现,对于纯图片类文件夹预览体验极差,缩略图过小无法区分图片,图片的文件名对于辨识图片又没有太大意义。
  • 无法多人协同。我们收到一些反馈,虽然能将网盘文件分享给他人,但用户希望能在网盘上进行多人协作共同编辑的需求(譬如旅行途中共享图片),当下他们的解决方案是多人共用一个网盘帐号,这样安全性就有问题了。

三. 提炼核心行为路径重塑交互体验

基于数据和用户反馈发现的体验问题,结合产品方向我们定义了如下设计目标:旨在帮助用户更便捷高效的查找、预览并完成共享需求。

1. AI 赋能智能提升高频操作效率

基于以上用户高频行为路径的分析,我们锁定了图片查找 – 智能分类这个主要流程作为着手点。

「定位问题」:智能分类不够智能,分类方式从功能出发并非从用户使用场景出发。

「解决方法一」:AI管家智能分类云端图片。走查用户查找图片场景,从人物、地点、事物3要素重新归纳图片聚类细化使用场景。结合百度深度研究院提供的图像识别技术,对图片进行人脸检测、物体识别,智能帮助用户进行图片整理,可以理解为你的百度网盘配备了一个AI管家。

此外,之前智能分类的入口需要查看大图下滑才能调出,我们将入口前置在图片分类下,减少用户访问层级,提升使用效率。

「解决方法二」:证件卡包安全又便捷。通过调研发现很多用户会将证件信息存在云端,文件夹位置不固定寻找起来比较麻烦。于是这个版本专门开辟了卡包模块,通过OCR智能识别一键导入网盘中8种常用证件到卡包,同时增加二级密码,保证信息安全。

视觉上在这8种卡片原有证件色彩基础上提炼,保证网盘的视觉一致性上统一。

2. 场景化分析打造差异化框架设计

「定位问题」:根据后台数据发现用户在文件夹中预览行为超过50%以上,改版前网盘内打开所有文件夹以列表模式呈现,预览模式较为单一,且对纯图片文件夹来说列表模式的预览体验效率低。

「解决方法」:根据28原则寻找覆盖80%用户图片存储的内容,提炼3种主流图片拍摄场景分别是旅行照片、宝宝照片和生活照片。

以旅行和宝宝为例提炼信息:

基于以上提炼的场景关键要素进行差异化信息框架设计:

  • 顶部大图渲染相册场景。
  • 内容流用缩略图形式,提高用户识图效率。
  • 借助AI能力提供图片智能分类。

3. 互动更友好 —— 更丰富的管理方式

用户中除了大众用户外还包括一些团队,他们在使用网盘管理项目数据和工作进程场景中更多进行文档共享。之前版本只做了单向分享,无法满足协同合作需求。

新版中推出了文件夹共享功能,用户可以邀请其他百度网盘用户加入文件夹协同管理合作。

因为共享文件夹是一种特殊类型,在设计上我们需要让其具有延续性,但又能让用户一眼区分差异。在尝试了多种方案后,我们确定了在文件夹图标上加「多人」图标,既保持文件夹图标一致性,又有所区分。

四. 上线后评估反馈

上线一段时间后,为了验证此次改版的效果我们做了用户调研,通过定量问卷了解新版本整体的满意度情况,并深入进行可用性测试,实际观察用户对产品认知以及新功能体验完成度,发现影响满意度的关键因素以及使用过程中的问题,并进一步提升用户体验。

通过大量的样本我们看到用户对4个功能的满意度高达70%—88%,这也是对我们此次设计的一个认可。

具体定性调研时我们收集到了用户对改版满意的原因,并收集到了有待提升的反馈,为我们体验继续优化做铺垫。

小结与思考

在百度网盘8.0版本中,我们通过严谨的数据分析,从用户高频场景挖掘,将AI能力与用户需求结合,重塑交互体验路径,为用户带来了全新的文件浏览、管理体验。网盘的业务范围籍此从单纯的文件存储,升级到更加精细、贴心的场景服务。

此外,网盘的Slogan也因此更新为「让美好永远陪伴」:希望百度网盘能陪伴每一位用户,让回忆不因岁月流逝而褪色。

「干货超足的改版设计经验总结」

  • 《备受好评的百度网盘Web 新版,原来设计师下了这么多功夫!》
  • 《国内人气最高的百度首页,原来背后的设计过程是这样的!》
  • 《想做APP 改版练习,这儿有高手的15个经验总结》
  • 《微云使用效率大幅提高的背后,腾讯设计师这样做改版!》
  • 《用58同城的实战案例,带你认识完整的改版流程!》

================明星栏目推荐================

优优教程网: UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao..com

优设大课堂

您可能想查找下面的文章:

  • 高手实战!腾讯公益设计改版项目总结
  • 上亿人使用的起点读书APP,背后的改版设计实录!
  • 从“免费试用”模块设计反思UI的设计思路
  • 项目复盘思路:产品上线后要如何做复盘?
  • 上亿人使用的唱吧APP V8.6 改版设计过程揭秘
  • 上亿人使用的百度网盘,是这么做改版设计的
  • 实战案例!人气APP 最右4.0 全新UI 升级背后的设计思路
  • 微云使用效率大幅提高的背后,腾讯设计师这样做改版!
  • 用58同城的实战案例,带你认识完整的改版流程!
  • 实战改版经验!我们是怎样设计Foursquare Swarm 5.0的?

相关文章

  • 2017-08-06关于遇到的浏览器兼容问题及应对方法(推荐)
  • 2017-08-06人人必知10个网站易用性技巧
  • 2018-08-23AI+AE教程!制作骑电动车的小熊!
  • 2018-08-23想成为云计算交互设计师,该具备哪些能力?
  • 2018-08-23在这些实例中,学会用动效赋予你APP生命力
  • 2018-08-23怎样设计,才能抓住用户稍纵即逝的注意力
  • 2018-08-23一个针对女性用户的照片编辑软件,要如何设计UI?
  • 2017-08-06css中position属性(absolute|relative|static|fixed)概述及应用
  • 2018-08-23金三银四求职季,我总结了这份超全面的面试技巧大全
  • 2018-08-23超实用!UX团队如何给设计原则做优先级排序?

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Web开发时碰到的问题以及心得经验
    • 网易云音乐产品负责人:如何做好用户研究的?(下)
    • 实战案例!滴滴试驾商业B端App 项目设计经验总结
    • 20个国外优秀的网页色彩搭配案例分享
    • 我的css架构理念—因人而异 没有最优 只有适合
    • 为什么在App设计中,应该慎用左右横滑设计?
    • 如何设计支付购买流程?来看这份超全面的UX优化方案
    • 全民K歌歌房是如何设计出来的?让腾讯的体验设计师告诉你
    • 新鲜出炉!2018年的用户体验设计趋势(上)
    • 那些特别好用的App是如何设计的?首期揭秘:网易蜗牛读书

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有