从明确产品方向，到设计团队如何赋能到产品，最终传递给用户更好的服务感知。
项目背景
应该都很熟悉了，在个人数据爆发时代，大家都需要云存储工具来保存个人数据。一直致力于为用户提供更好的存储和传输服务，并且成为行业领头羊，解决了6亿用户的存储需求。
随着5G的到来，带来更多样化的用户需求场景，更高速增长的数据规模，更智能化的数据处理技术。因此，在这种趋势下，未来将以数据存储和传输为基础，接入更多的服务，为用户提供场景化的消费需求。我们也将从 连接人和文件 到 连接人和服务 进行转变。
本次10.0我们结合着产品最新的 服务 理念以及UXC最新设计语言 D20，进行全新升级，致力于为用户提供更优质的使用体验。
服务 给人什么感受？
明确产品的方向后，如何为用户清晰的传递出这一理念，是本次遇到的难题。针对这个问题，同学们做了多轮脑爆，来讨论 什么是好的服务？
最终，我们觉得好的服务就是：当你需要某个东西时，不需要你做什么，对方就能够通过你的行为举止，进行预判并且满足你，而非你反复的提出需求后的被动满足。因此，它是足够懂你和智能的，同时，它是超出预期，带给人惊喜的。
最终，我们明确了本次10.0升级的核心关键词是： 智能 和 惊喜 。
如何让用户感到 智能 ？
在 智能 方面该如何让用户感知到呢？结合10.0版本的产品规划，我们选取了三个方向，为用户提供 智能 的产品体验:1.人性化布局；2.场景化消费；3.个性化响应。
1.人性化布局
，是用户直观感受产品的第一步，我们需要兼顾用户需求和产品运营诉求进行整体规划，人性化的运用首屏空间，来保证用户的使用效率。所以本次升级，我们对布局上做了三个改动：
a.Title栏信息精简，对于用户来说查找文件是一个高频诉求，而 搜索 是解决查找问题的高频操作，因此，本次将Title栏的头像及名称去除，留给 搜索 入口。
这种布局处理方式，同时解决以前由于顶部右侧图标太多，识别性出问题导致 传输列表 找不到的用户负面反馈。
同时， 搜索 强化也能更好的为用户在做sug推荐，将我们内容商城里优质的书籍、音频、视频智能化的推荐给精准用户，满足他们一站式的购买，存储和消费的需求。
b.增强服务感知，我们一直在想，如何让用户能够直观看出我们提供了完善的服务，而非文件分类入口。
因此，本次将原来体现分类的小icon，优化为卡片入口形式，同时增大它们展示面积，将 服务 信息前置，比如 已为你备份XX张照片 ，解决以前用户备份结果感知不明确的问题。
不仅于此，全新的服务模块还支持用户手动定制，筛选出最符合自己使用习惯的模块放在。
c.底部新增 头像 展示，虽然我们把顶栏的 头像 进行去除，但由于很多用户不止于一个帐号，为了避免他们因为对所登录帐号的感知太弱，导致误传文件而泄漏隐私的问题，本次在底Tab的 我的 位置保留用户头像，合理利用空间，同时让用户有明显帐号感知，保证用户隐私。
所以综合考虑，在布局层面，本次对做了以下的调整：
2.场景化消费
如开头所说，以前的功能重点在于文件的存储和传输，所以用户每次都要在各种文件列表中低效的穿梭着。
但是，我们希望不仅仅是用户的存储工具，而是从存储到消费，甚至从生产环节都能够满足用户的一条龙需求。本次升级我们弱化传统列表承载形式，提供更加符合垂类文件的场景化消费体验。
因此，先后对以下功能进行场景化处理：a.相册服务；b.视频服务；c.笔记服务。
a.相册服务
针对相册服务，本次升级我们做了以下优化：
新增精选：通过拍摄设备信息等策略，以及对重复照片进行智能化整理，筛选出高质量照片，在时光轴中增加 精选 图片分类进行承载。
这样就减少用户浏览图片或视频时无效信息，同时提升浏览及查找体验。如果用户想看全部的，只需要左滑一下就ok。
新增地点信息：对已存储的照片及视频，提取并展示地理位置信息，让用户浏览照片时有更强的情感带入。
新增底Tab：新版相册中对 智能分类 、 故事 功能进行强化，从以前的顶tab移动到底部导航栏，给人一种相册服务就是完整小程序的感受，用它存储和消费照片就够了的认知。
以下，是本次相册服务模块的整体优化：
而且还引入美图秀秀、联想云打印等第三方的服务，可在直接对照片进行美化编辑以及打印，只需简单几步照片就能寄回家，真香。
b.视频服务
很多用户在经常观看视频，对于这类用户，查找、观看视频是他们的主诉求。
以前的视频采用列表形式，但是列表中视频缩略图并不能满足用户快速查找及消费的诉求，甚至让人崩溃。因此在10.0版本中，对视频服务模块进行重新设计。
比如：a.新增最近观看模块，满足用户持续性消费某些视频的需求，提高查找效率；b.提供通过时长维度查找视频的入口，便捷的对文件进行筛选；c.视觉展现，增加列表高度及视频画面信息展现，便于快速查找。
c.笔记服务
以前都是存储用户在其他产品中生成的个人数据，从10.0开始，我们提供全新笔记服务，这也是主动迈向生产环节的第一次尝试。
用户可以在内新建笔记，笔记还能以图片形式对外分享。
同时，用户还可以把在其他产品上看到的优秀文章，以复制链接的形式，剪藏到成为笔记，永久保存。
除了以上服务，我们通过合作方式已经引入如WPS、石墨文档等服务，满足用户在线编辑文档等一系列文字相关需求。
3.个性化响应
千篇一律的推荐会让用户在繁杂的信息中迷失，千人千面的响应反而为用户提供更精准的选择，因此在10.0我们对搜索增加了个性化的响应，满足用户快速查找文件的诉求。
比如你在中找到去年的某张照片，以前你可能是这样找的：
现在在10.0版本中，通过搜索：食物、猫、狗、拍照地点、时间节气等快速查找到照片。
在用户授权可使用的数据范围内，对照片进行分析，为了能支持用户更个性化的查找需求，降低用户搜索图片的门槛，提升查找效率。
以上可以看出，从 人性化布局 让对用户最重要的内容高优呈现，到 场景化消费 满足用户对垂类文件类型的沉浸式存储及消费，再到 个性化响应 以千人千面的技术为用户推荐更精准的信息，这一切都是我们为了给用户提供更优质的体验，同时迈向 智能 服务体验的开端。
如何让用户感到 惊喜 ？
随着10.0 服务化 的升级理念，同时结合新一代的UXC D20全新设计语言，最终选择以D20所指导的 赛博朋克风 +延续9.0 积木 设计语言的 蒙德里安的格子构成设计 做为10.0的视觉设计语言。
因为赛博朋克让人联想到智能、未来感，更符合随着5G到来所给用户带来的无限想象。在视觉上通过拉伸、扭曲、错位等故障图形和高饱和度的色彩、渐变色更符合年轻化的定位，同时跟市面上同质化设计拉开差异。
通过折叠像素数据和十六进制编码，2019年Shutterstock平台能够看到用户最频繁的颜色。利用这些信息，他们编制了一份全球最受欢迎的三种颜色。可以看出，在科技发展的影响下人们对高饱和和渐变色的青睐日益增长。最突出的是：UFO Green、Plastic Pink、Proton Purple。
因此，在ICON的设计中采用10.0全新设计语言 赛博朋克+蒙德里安 ，以及选取较受欢迎的且能够体现年轻化的高对比高饱和配色，传递全新视觉感受，让用户感到 惊喜 ，同时对服务入口增加探索欲望。
同时经过多轮的尝试，最终确定圆角大小为16px。
同时将此设计语言，运用到全局icon设计中。
由于OLED屏在夜间模式更省电，以及用户对视力保护的更加重视，同时短视频的爆发让用户对黑色UI的接受度变强。
因此在10.0的升级中增加 暗黑模式 ，是行业内优先落地暗黑模式产品之一，引领着设计趋势，同时为用户提供更多个性化选择。
为了提高适配暗黑模式的开发效率，根据页面不同层级的内容，我们定义了几种规范层级颜色，以及文字颜色等规范。
作为一次全新升级，我们希望用户能够眼前一亮，不仅有 智能 的功能体验，还有 惊喜 的视觉传递。
总结
以上，是10.0服务升级背后的原因以及思考过程。从前期明确产品方向 服务化 ，到梳理出 服务 给人传递的感受（智能、惊喜），再到 智能 落地到产品中的三个方向（人性化布局、场景化消费、个性化响应），以及 惊喜 落地到产品中的两个部分（全新视觉、暗黑模式），最终呈现出的全新服务体验的10.0升级。所做一切，都是为了给用户持续提供更好的体验。
同时，我们对上线后的数据和反馈也时刻关注，对比发现全新方案在各个 服务 的使用和留存都有不少提升，能看出大家对这次升级还是认可的。
本次10.0体验升级是所有同学的共同努力，同时也只是我们服务升级的开端，未来还会为用户提供更多好用的围绕个人数据的存储及消费服务。
感谢大家一直以来的支持与陪伴。
作者：大牙，用户体验部资深UI设计师。微信公众号：大牙的设计笔记。
本文由 @大牙 原创发布于UI中国。未经许可，禁止转载。
