每人每天仅限5票，快给你心仪的作品鼓励的一票。
投票
0.0°
项目背景
网盘作为一个在线备份存储，共享文件的工具类产品，给人们的工作和生活带来了很大的帮助和便利。百度网盘是目前国内使用量最大的网盘产品，至今发展已有4年，总用户数超4亿，为了让用户有着更好的使用体验，需要对产品进行不断的优化和创新。而且距离上一次改版已经有3年时间，在使用体验上暴露出一定问题，因此决定重新塑造百度网盘的产品体验。
面临问题
视觉方面：设计语言比较老旧，各端不够统一，跟竞品没有形成差异化。
体验方面：产品接手的人太多，导致体验方面不够一致，需要统一操作语言，从而提升用户使用效率。
产品方面：为了达到收支平衡，我们推出会员功能，需要从设计角度提升会员尊享感。
确认目标
针对这些问题，我们在多次头脑风暴后提炼出了新版本的设计目标：结构合理、突出网盘功能、体验友好、提升会员感知度。
众所周知，网盘等工具类产品需要具备简单高效的特点，但是在使用过程中，往往容易显得单调和缺少感情。经过前期的脑暴讨论和分析，结合网盘自身的用户特征，希望在新版设计中传达给人更多简洁、轻快和活泼的体验感受。
设计阶段
通过几轮对网盘首页的设计探索，最终采用浅色为主，扁平化风格的方案。以百度的品牌色，蓝色、白色和红色为基础，增强品牌识别性，以及各端统一性。而且蓝色源于天空，沉稳与科技感符合网盘的产品特征，容易让人联想到在云端的氛围感受，在长时间使用过程中不会让人产生视觉疲劳。页面适当留白，弱化不必要的视觉元素，突出内容本身，从而提升用户操作效率。将红色赋予会员，一方面通过醒目的红色可以突显会员与众不同的尊享感，一方面可以引导人们来了解会员，带来更大的收益。
重新优化网盘内全局弹窗，制定弹窗高度和宽度的尺寸规范，保持在所有分辨率上都合理的展示，使用户的操作更加高效。
“外链加密”页面是用户查询外链加密文件时展示。由于此页面最主要的操作就是输入密码，所以采用卡片形式使视觉聚焦；把logo在页面中间显示，结合全局slogn，提升品牌认知，页面内容展示更沉浸；新版底部把云的元素，使页面更加轻快。
“外链展示”页面优化了三个方面：1.功能按钮，通过填充和描边的按钮来区分在不同身份下需要更高频的操作，引导用户操作，提升操作效率；2.头像全局统一，只要是跟“人”有关的展示，图片都是圆形，形成统一认知；3.优化广告位的展示，给出最优的广告显示大小以及安全字符，确保广告的展示质量以及内容的优先级，提升浏览效率。
“更多”页面的功能入口设计成给人更轻松，愉悦性的圆形，使视觉更聚焦。包括“会员中心”等一些按钮形状，都采用更大的圆角处理，整体视觉语言更统一。采用饱和度更高的颜色，更体现年轻化，轻量化。
“分享”页面支持用户点对点分享各种文件类型。左侧栏为好友列表，右侧为对话框，整个操作流程方便快捷。
由于百度网盘的用户年龄大部分分布在20-35岁之间，属于80后和90后的年龄段，这类人群更容易接触新鲜事物。因此在设计中加入了换肤功能，来体现更多的场景氛围，后续还会不断完善皮肤的类别和数量，满足不同人群喜好。
新手引导页面是为首次注册用户展示的网盘功能介绍，用户可在第一次使用网盘前对的核心功能做个了解，帮助用户扩展使用场景。采用动效的形式，使用户更有参与感。
这次改版也对经常使用的文件类型图标做了重新的设计，采用了较为明快的色彩，使得网盘不再单调乏味，更加充满朝气与活力，给人以愉悦感。图标的图形及颜色同时遵循品牌特征，使人易于识别。
同样我们全局的icon也采用了线性图标，这种方式轻巧简练，具有一定的想象空间，且不会对界面产生太大的视觉干扰，圆角的处理更符合本次改版的视觉语言，简洁、轻快、活泼。
我们在登录页面加入二维码登录入口，方便用户快捷登录，同时对登录页引导做了优化。采用真实生活照片而非冰冷的功能介绍，1.希望传递给用户，百度网盘是生活的一部分，而非单纯的冰冷工具。2.通过4个真实场景来引导用户如何使用以及何时适合使用百度网盘，比起插画风格，真实图片更容易使人们有代入感。
本次改版主要在视觉设计上进行了升级和优化，整体采用扁平化风格使体验更加轻量化，通过图标和色彩的运用，更加满足年轻用户喜好，而且符合设计趋势。 在交互设计上，对首页结构的重新规划使层次更加清晰，使用更加简单。这次Web端改版，较以往版本有着较大的升级，也希望之后通过设计的力量让网盘体验更加友好。
设计：大牙 设计指导：高大、猴哥 FE：成勇、阳阳 PM：子薇
全部评论：112条
-
-
阿韩设计
2018-11-28 16:47主要是好多网盘用户是通过外链接进入网盘，在pc中加载，而下载只能去启动软件，造成体验的极度不适。当然如果考虑网盘自身的私密性为原则重点，那后期在优化可以考虑技术升级对产品体验优化。
-
BQ大丘
2018-01-19 14:27很喜欢美女你的设计，但是想吐槽一下，百度网盘一个大鸡肋就是每次网页不能下载非得下载软件然后再软件里面进行下载，相当麻烦，好几次都选择不用了，网页就不能支持下载吗？很多时候是电脑没有事先安装软件的，相信有不是朋友跟我是一样的。
-
-
希牙侠
2017-08-30 18:18大牙你好,看了你的一些作品.觉得百度云是你作品提升一个高度的转折点,很想知道百度云这个产品或者说在做这个产品时你受到了哪些因素的影响(这里可以是你的同事给你的提示,或者某一篇文章).你是否就此改变了自己的设计思路或习惯希望你能分享一下
-
-
-
-
-
-
-
-
喏喏xue
2017-03-14 18:38亲，无论是pc端、web端、移动端在“更多”功能的“分享动态”模块里可不可以加一个搜索功能，web端还好，页面比较大；当我用手机上的app时真的是...iPhone plus屏幕还算大，看的时候都累眼睛，要一个一个的在分享动态里看我关注人发的所有内容，如果加上搜索，我就可以输入我的目标关键词，直接就能找到了；还有pad上都没有“更多”这个功能模块，我要想看什么内容，要先在手机上存到自己的盘里，才能到pad上看到；也许你们不是一个项目组做的，也许你们就考虑pad上不加此功能，但不加真的不太好用，从身边使用的人和自己来发表的评论，这些可能是产品经理的工作，但是UI也要考虑用户体验吧！不过百度网盘真的很不错，无论从功能还是页面来看都很好。
-
-
-
-
可乐猫设计
2017-02-28 12:03就首页而言，标题和图片并没有很好的完成产品介绍这个核心功能。图片和主题不搭，装饰性远大于功能性；标题非常抽象，并不能直观了解到这个产品是干嘛的。可以说占了屏幕70%面积的区域，却没有任何意义，还占用了大量的加载资源。
-
-
-
-
-
-
-
-
-
-
-
-
-
- 更多
更多作品
发表评论