备受好评的百度网盘Web 新版,原来设计师下了这么多功夫!

2016/12/15 10065

baidu-web-yun-design-1

百度UXC:网盘作为一个在线备份存储,共享文件的工具类产品,给人们的工作和生活带来了很大的帮助和便利。百度网盘是目前国内使用量最大的网盘产品,至今发展已有4年,总用户数超4亿,为了让用户有着更好的使用体验,需要对产品进行不断的优化和创新。而且距离上一次改版已经有3年时间,在使用体验上暴露出一定问题,因此决定重新塑造百度网盘的产品体验。

uisdc-bar-20161215-(0)

我们针对现有产品进行了问题分析,发现了现阶段产品存在的问题:

1、从视觉方面:设计语言比较老旧,各端不够统一,跟竞品没有形成差异化。

2、从体验方面:产品接手的人太多,导致体验方面不够一致,需要统一操作语言,从而提升用户使用效率。

3、从产品方面:为了达到收支平衡,我们推出会员功能,需要从设计角度提升会员尊享感。

针对这些问题,我们在多次头脑风暴后提炼出了新版本的设计目标:结构合理、突出网盘功能、体验友好、提升会员感知度。

uisdc-bar-20161215-(1)

众所周知,网盘等工具类产品需要具备简单高效的特点,但是在使用过程中,往往容易显得单调和缺少感情。经过前期的脑暴讨论和分析,结合网盘自身的用户特征,希望在新版设计中传达给人更多简洁、轻快和活泼的体验感受。

uisdc-bar-20161215-(2)

uisdc-bar-20161215-(3)

通过几轮对网盘首页的设计探索,最终采用浅色为主,扁平化风格的方案。以百度的品牌色,蓝色、白色和红色为基础,增强品牌识别性,以及各端统一性。而且蓝色源于天空,沉稳与科技感符合网盘的产品特征,容易让人联想到在云端的氛围感受,在长时间使用过程中不会让人产生视觉疲劳。页面适当留白,弱化不必要的视觉元素,突出内容本身,从而提升用户操作效率。将红色赋予会员,一方面通过醒目的红色可以突显会员与众不同的尊享感,一方面可以引导人们来了解会员,带来更大的收益。

uisdc-bar-20161215-(4)

uisdc-bar-20161215-(5)

uisdc-bar-20161215-(6)

uisdc-bar-20161215-(7)

uisdc-bar-20161215-(8)

uisdc-bar-20161215-(9)

uisdc-bar-20161215-(10)

uisdc-bar-20161215-(11)

由于百度网盘的用户年龄大部分分布在20-35岁之间,属于80后和90后的年龄段,这类人群更容易接触新鲜事物。因此在设计中加入了换肤功能,来体现更多的场景氛围,后续还会不断完善皮肤的类别和数量,满足不同人群喜好。

uisdc-bar-20161215-(12)

新手引导页面是为首次注册用户展示的网盘功能介绍,用户可在第一次使用网盘前对的核心功能做个了解,帮助用户扩展使用场景。采用动效的形式,使用户更有参与感。

bd20161215

这次改版也对经常使用的文件类型图标做了重新的设计,采用了较为明快的色彩,使得网盘不再单调乏味,更加充满朝气与活力,给人以愉悦感。图标的图形及颜色同时遵循品牌特征,使人易于识别。

uisdc-bar-20161215-(14)

同样我们全局的icon也采用了线性图标,这种方式轻巧简练,具有一定的想象空间,且不会对界面产生太大的视觉干扰,圆角的处理更符合本次改版的视觉语言,简洁、轻快、活泼。

uisdc-bar-20161215-(15)

本次改版主要在视觉设计上进行了升级和优化,整体采用扁平化风格使体验更加轻量化,通过图标和色彩的运用,更加满足年轻用户喜好,而且符合设计趋势。  在交互设计上,对首页结构的重新规划使层次更加清晰,使用更加简单。这次Web端改版,较以往版本有着较大的升级,也希望之后通过设计的力量让网盘体验更加友好。

「干货超足的3个改版实战经验总结」

  1. LOGO 改版:《揭秘LOGO设计流程!超详细的腾讯云LOGO 改版记录全过程》
  2. 官网改版:《QQ官网全新蜕变!IM QQ 改版(第一期)设计总结》
  3. Pinterest 改版:《改版实战!聊聊PINTEREST官网再设计过程的经验思考》
  4. QQ 新版表情:《腾讯ISUX丨揭秘QQ 新版表情背后的设计故事》
  5. 提升数据:《腾讯ISUX丨通过优化,我们将QQ会员付费用户数提高了5倍!》

原文地址:ued.baidu

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

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

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

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

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