百度网盘web端项目总结
项目背景
网盘作为一个在线备份存储,共享文件的工具类产品,给人们的工作和生活带来了很大的帮助和便利。百度网盘是目前国内使用量最大的网盘产品,至今发展已有4年,总用户数超4亿,为了让用户有着更好的使用体验,需要对产品进行不断的优化和创新。而且距离上一次改版已经有3年时间,在使用体验上暴露出一定问题,因此决定重新塑造百度网盘的产品体验。
面临问题
视觉方面:设计语言比较老旧,各端不够统一,跟竞品没有形成差异化。
体验方面:产品接手的人太多,导致体验方面不够一致,需要统一操作语言,从而提升用户使用效率。
产品方面:为了达到收支平衡,我们推出会员功能,需要从设计角度提升会员尊享感。
确认目标
针对这些问题,我们在多次头脑风暴后提炼出了新版本的设计目标:结构合理、突出网盘功能、体验友好、提升会员感知度。
众所周知,网盘等工具类产品需要具备简单高效的特点,但是在使用过程中,往往容易显得单调和缺少感情。经过前期的脑暴讨论和分析,结合网盘自身的用户特征,希望在新版设计中传达给人更多简洁、轻快和活泼的体验感受。
设计阶段
通过几轮对网盘首页的设计探索,最终采用浅色为主,扁平化风格的方案。以百度的品牌色,蓝色、白色和红色为基础,增强品牌识别性,以及各端统一性。而且蓝色源于天空,沉稳与科技感符合网盘的产品特征,容易让人联想到在云端的氛围感受,在长时间使用过程中不会让人产生视觉疲劳。页面适当留白,弱化不必要的视觉元素,突出内容本身,从而提升用户操作效率。将红色赋予会员,一方面通过醒目的红色可以突显会员与众不同的尊享感,一方面可以引导人们来了解会员,带来更大的收益。
重新优化网盘内全局弹窗,制定弹窗高度和宽度的尺寸规范,保持在所有分辨率上都合理的展示,使用户的操作更加高效。
“外链加密”页面是用户查询外链加密文件时展示。由于此页面最主要的操作就是输入密码,所以采用卡片形式使视觉聚焦;把logo在页面中间显示,结合全局slogn,提升品牌认知,页面内容展示更沉浸;新版底部把云的元素,使页面更加轻快。
“外链展示”页面优化了三个方面:1.功能按钮,通过填充和描边的按钮来区分在不同身份下需要更高频的操作,引导用户操作,提升操作效率;2.头像全局统一,只要是跟“人”有关的展示,图片都是圆形,形成统一认知;3.优化广告位的展示,给出最优的广告显示大小以及安全字符,确保广告的展示质量以及内容的优先级,提升浏览效率。
“更多”页面的功能入口设计成给人更轻松,愉悦性的圆形,使视觉更聚焦。包括“会员中心”等一些按钮形状,都采用更大的圆角处理,整体视觉语言更统一。采用饱和度更高的颜色,更体现年轻化,轻量化。
“分享”页面支持用户点对点分享各种文件类型。左侧栏为好友列表,右侧为对话框,整个操作流程方便快捷。
由于百度网盘的用户年龄大部分分布在20-35岁之间,属于80后和90后的年龄段,这类人群更容易接触新鲜事物。因此在设计中加入了换肤功能,来体现更多的场景氛围,后续还会不断完善皮肤的类别和数量,满足不同人群喜好。
新手引导页面是为首次注册用户展示的网盘功能介绍,用户可在第一次使用网盘前对的核心功能做个了解,帮助用户扩展使用场景。采用动效的形式,使用户更有参与感。
这次改版也对经常使用的文件类型图标做了重新的设计,采用了较为明快的色彩,使得网盘不再单调乏味,更加充满朝气与活力,给人以愉悦感。图标的图形及颜色同时遵循品牌特征,使人易于识别。
同样我们全局的icon也采用了线性图标,这种方式轻巧简练,具有一定的想象空间,且不会对界面产生太大的视觉干扰,圆角的处理更符合本次改版的视觉语言,简洁、轻快、活泼。
我们在登录页面加入二维码登录入口,方便用户快捷登录,同时对登录页引导做了优化。采用真实生活照片而非冰冷的功能介绍,1.希望传递给用户,百度网盘是生活的一部分,而非单纯的冰冷工具。2.通过4个真实场景来引导用户如何使用以及何时适合使用百度网盘,比起插画风格,真实图片更容易使人们有代入感。
本次改版主要在视觉设计上进行了升级和优化,整体采用扁平化风格使体验更加轻量化,通过图标和色彩的运用,更加满足年轻用户喜好,而且符合设计趋势。 在交互设计上,对首页结构的重新规划使层次更加清晰,使用更加简单。这次Web端改版,较以往版本有着较大的升级,也希望之后通过设计的力量让网盘体验更加友好。
设计:大牙 设计指导:高大、猴哥 FE:成勇、阳阳 PM:子薇
http://www.ui.cn/detail/201209.html
百度网盘web端项目总结的更多相关文章
- 百度网盘kbengine - warring项目下载地址
http://pan.baidu.com/s/1k4J4y 下载解压之后,请看<<使用说明.doc>>,有更新指导
- mac百度网盘破解版
以下资源来源于网络收集分享,如有问题请联系我删除!来源入口,后面链接挂了,可去原网址访问! 还在为Mac百度网盘下载速度慢而烦恼吗?百度云盘又是一个非常实用的分享工具,可支持图片.视频.音乐.文档.种 ...
- 关于Pandownload和百度网盘
本周,百度网盘第三方客户端 Pandownload 被查,开发者被“跨省追捕”:百度网盘“用户激励计划”在未充分告知用户的情况下,利用用户自己的电脑做 P2P 上传节点.这两件事再度引发了对百度网盘的 ...
- Python编程:从入门到项目实践高清版附PDF百度网盘免费下载|Python入门编程免费领取
百度网盘:Python编程:从入门到项目实践高清版附PDF免费下载 提取码:oh2g 第一部分 基础知识第1章 起步 21.1 搭建编程环境 21.1.1 Python 2和Python 3 21 ...
- 《Python Web开发实战》|百度网盘免费下载|Python Web开发
<Python Web开发实战>|百度网盘免费下载|Python Web开发 提取码:rnz4 内容简介 这本书涵盖了Web开发的方方面面,可以分为如下部分: 1. 使用最新的Flask ...
- 《Python Web开发学习实录》高清PDF版|百度网盘免费下载|Python Web开发学习实录
<Python Web开发学习实录>高清PDF版|百度网盘免费下载|Python Web开发学习实录 提取码:9w3o 内容简介 Python是目前流行的动态脚本语言之一. 李勇,本书共1 ...
- 360云盘、百度云、微云……为什么不出 OS X(Mac 端)应用呢?(用户少,开发成本高)(百度网盘Mac版2016.10.18横空出世)
已经说的很好了,现有的云盘所谓的 OS X 版只有云同步功能,不过 115 是个例外,不过 115 的现状……不言自明.接下来说点和本题答案无关的,其实在官方客户端流氓 + 限速的大背景下 OS X ...
- 【Android 应用开发】Android 开发环境下载地址 -- 百度网盘 adt-bundle android-studio sdk adt 下载
19af543b068bdb7f27787c2bc69aba7f Additional Download (32-, 64-bit) Package r10 STL debug info androi ...
- 慕课网金职位 Python工程师 百度网盘下载
百度网盘链接:https://pan.baidu.com/s/1xshLRO3ru0LAsQQ0pE67Qg 提取码:bh9f 如果失效加我微信:610060008[视频不加密,资料代码齐全,超清一手 ...
随机推荐
- 窗体背景的绘制(Windows窗体每次都会重绘其窗体背景,所以我们可以通过拦截窗体重绘背景的消息(WM_ERASEBKGND),并自定义方法来实现重绘窗体背景)
核心思想:由于Windows窗体每次都会重绘其窗体背景,所以我们可以通过拦截窗体重绘背景的消息(WM_ERASEBKGND),并自定义方法来实现重绘窗体背景.通过TImage组件也可以实现,但是重写W ...
- error: invalid abbreviation code [25] for DIE at 0x0000003e in Assertion failed: (*offset_ptr == end_prologue_offset), function ParsePrologue, file /S
error: invalid abbreviation code [25] for DIE at 0x0000003e in '/Users/mac/Desktop/MYiosfiles/test/X ...
- CF337D Book of Evil - 树型dp
传送门 题目大意: 一棵树上有一个特殊点,特殊点可以影响距离小于等于d的点,现在告诉被影响的点,问特殊点可以在几个点上. 题目分析: 对题意进行转化:求到被影响点的最大距离小于等于d的点数目. 然后就 ...
- 链表与哈希表基本概念及Java常用集合
-链表- 是一种物理存储单元上非连续.非顺序的存储结构,数据元素的逻辑顺序是通过链表中的指针链接次序实现的.链表由一系列结点(链表中每一个元素称为结点)组成,结点可以在运行时动态生成.每个结点包括两个 ...
- sparksql 用反射的方式将rdd转换成dataset/dataframe
java public class ReflectionDemo { private static SparkConf conf = new SparkConf().setAppName(" ...
- 分位数和分位线(Quantiles and Percentiles)
分位数有种积分(累积)的含义在. 分位数(即将数据由低至高排列,小于该数的数据占总体的比例达到时最终落到的数): 10%:3000元 20%:5200元 50%:20000元 80%:41500元 9 ...
- Java 联系Oracle 数据库
一般完成 import oracle.jdbc.driver.*; 会后声明,你会发现一个错误.然后,你需要: 一.该JDBC开车到classpath 两种方法.一是图形化,计算机-属性-高级设置-环 ...
- 计算机的组成 —— 磁盘阵列(RAID)
磁盘阵列(Redundant Arrays of Independent Disks,RAID),有"独立磁盘构成的具有冗余能力的阵列"之意.(另外一种常见阵列,FPGA:Fiel ...
- Exclusive access control to a processing resource
A data processing system is provided with multiple processors that share a main memory. Semaphore va ...
- 【转】ARRAYLIST VECTOR LINKEDLIST 区别与用法
转自:http://www.cnblogs.com/mgod/archive/2007/08/05/844011.html ArrayList 和Vector是采用数组方式存储数据,此数组元素数大于实 ...