1310-6499-520
今天是:
站内搜索:  
您的当前位置:主页 > 知识博客 > 交互设计 >
联系我们

名称:九分网络科技

联系:13106499520

地址:福建省福州市仓山区金榕南路553号


扫一扫添加微信

蜕变.进化——百度云Android端7.0项目总结--九分网络

时间:2020-05-24   分类:交互设计    作者:网络   来源:网络整理   点击:191

项目背景:

百度云面世之初是一款网盘类产品,以安全、稳定、易用、快速的体验著称,经历近两年时间的升级优化,百度云已不仅仅只是“网盘”了,在慢慢的朝着平台化的方向不断发展。
旧版的Android客户端随着每一次版本的更新, 承载的信息越来越多、功能越来越丰富,原有的框架设计已不能有层次的优雅的支持现有的产品功能了。
因此,本次7.0版本需要重新构建一个优雅的能够很好的支持现有多样功能的产品框架,在视觉设计上让框架更加轻量化,让风格向情感化倾斜。 九分网络

设计方向探索 问题分析

1.框架结构层次不清晰,扩展性不好。

本文来自九分网络

2.产品中增加了好友间的资源分享功能,需要重点考虑突出。

copyright 9fen.net

3.除网盘外,对于相册、短信等五项手机数据备份、闪电互传文件、远程设备任务推送等实用强大的功能被隐藏在“工具包”中,没有分类包装且也不够显性。 本文来自九分网络

4.视觉上需要进一步突出风格特征。

本文来自九分网络

竞品分析:

由于产品的平台化发展特性,我们选取了Naver、Evernote等平台化产品进行了分析:

内容采集来自9fen.net

Naver www.9fen.net


Evernote 本文来自九分网络

内容采集来自9fen.net


总结出一些产品上的共性特点:
1. 核心功能突出,辅助功能入口统一。 www.9fen.net

2. 信息层级清晰,架构层级扁平化。 九分网络

3. 设计风格跨平台高度统一 。

九分网络


另外,我们还参考了当下流行的视觉设计趋势www.9fen.net

设计趋势

内容采集来自9fen.net



总结出以下设计原则
1. 扁平化设计,内容优先 内容采集来自9fen.net

2. 区域色块化,核心内容集中突出 copyright 9fen.net

3. 情感化设计,拉近用户与产品的距离

www.9fen.net

设计方向确定与实施: 交互设计:

根据对现有问题的分析与内在需求的挖掘,我们进行了头脑风暴,提炼出了新版本的设计目标:结构合理、突出人和分享、扩展性、体验友好。

本文来自九分网络

设计目标 www.9fen.net



由于功能繁多,但需要直观呈现的内容却不少,我们在设计初期产出了三种交互框架: www.9fen.net

框架1 内容采集来自9fen.net


框架2 本文来自九分网络



第一种:侧边栏框架结构,这种框架的优点是扩展性强,且主要功能突出,但其他功能相对太隐藏,不容易被发现,用户切换到某一子功能后很可能迷失方向无法返回之前的页面。
本文来自九分网络

Drawer 本文来自九分网络



第二种: 宫格导航结构,这种框架的优点在于功能模块化,一目了然,并且也拥有一定的扩展性与自定义特性,但是作为一个APP来说,若不同功能之间衔接紧密,免不了需要进行功能间的反复跳转,此时这种交互方式的劣势便显现了出来。因此宫格样式的导航结构更适合各功能相对独立的产品或系统,如“去哪儿”、“携程”等旅游类APP。 内容采集来自9fen.net

Tile

内容采集来自9fen.net



第三种:也是我们最终采用的“工”字型的框架结构,通过对功能的组织与整合,我们把功能划分为四个主要部分,同时在每个主TAB界面中辅以主要操作,兼顾了信息的呈现,解决了之前版本信息架构不清晰的问题,针对不同模块的操作可以并入该模块下,丰富的扩展功能也有了适合的归宿。 内容采集来自9fen.net

工字结构

九分网络



底部Tab分别为:网盘、分享、发现、关于我,分别对应百度云的主要功能、拓展方向、丰富功能集合与突出个人的 理念,与“工”字底部相对应的,是网盘和分享两个模块顶部的主要操作前置。网盘部分将之前版本隐晦的分类入口与新建文件夹等管理操作前置,让用户更容易找 到,同时在视觉上弱化次要操作,避免对用户的干扰。

分享部分也同样前置出了好友列表入口和创建分享群、添加好友的快捷方式,让用户能够更快捷、方便的完成与朋友间的文件分享。

之前版本“工具包”中丰富的扩展功能,进行了进一步整合收纳,成为了现在的“发现”模块,各种类型的备份功能集合为一项,重新排布了各功能的顺序,让更有用的功能拥有更多被使用和发现的机会,并且提供了更强的可扩展性。

重新设计关于我部分,突出用户个人信息,将设置重新整理,界面更简洁,且更容易找到对应的设置选项,提升可用性。
www.9fen.net

视觉设计: 关于版式:

标签: 交互设计 经验分享

郑重声明:本文版权归原作者所有,九分网络转载文章仅为传播更多信息之目的,如作者信息标记有误,请第一时间联系我们修改或删除,多谢。

----相关文章----