北京中科专注治疗白癜风 https://myyk.familydoctor.com.cn/2831/schedule/作者：进击的马里奥
来源：腾讯ISUX
近期，我们对微云WEB端进行了一次“简单”的改版。这篇文章简要记录了改版过程中的一些思考。
为什么要改版
微云WEB端与移动端体验不一致。移动互联网背景下，项目团队把多数资源都分配给了移动端的研发，桌面端的功能和体验得不到及时的跟进，导致用户在两个平台上的体验存在很大的落差。
微云WEB端的设计较为陈旧。苹果iOS的快速发展使得整个UI设计行业日新月异，设计理念不断进化向前，微云WEB端的设计已经多年未更新，早已经不起当下设计原则的检验。
改版前的思考
两端的体验对齐需要解决很多矛盾。想要将WEB端的体验与移动端统一，并没有想象中的那么简单。听起来好像只要把交互框架和视觉风格直接照搬过来就好了。但实际上要对齐的是两种使用场景的体验，这中间要调和的是小屏幕和大屏幕的矛盾，触摸操作和键鼠操作的矛盾，两种不同概念模式和心智模型的矛盾。
新的设计除了符合潮流，还要更具前瞻性。想要做出可持续的设计，首先要明确设计潮流的走向，从拟物到扁平，从形式到内容，从工具化到情感化，设计潮流的走向一直没有变，在以人为中心的前提下，越来越注重用户更深层的需求。
项目团队在WEB端的资源投入注定了设计更新迭代的频率会很低。想要改版后的设计能够长久地支撑产品的发展，需要设计师把眼光放远，通过了解产品未来发展方向，做出更有前瞻性的设计。
求同存异的两端统一
品牌统一性
在设计一款产品不同平台客户端的时候，首先要保证品牌的统一性。Logo、字体、品牌色、品牌调性甚至是文案的措辞规范都是需要严格保持一致的。保证品牌的统一性，有助于塑造品牌形象，增强用户对产品的信任。
交互框架的对齐
我们先来对比一下移动端和WEB端的主界面，单纯从视觉上，已经很难看出这是同一款产品。虽然在页面结构上两端并不一致，但各自也都符合所在平台用户的操作习惯。
旧版WEB端虽然在视觉风格上是扁平的，但是在信息层级上却并不扁平，仅仅顶部的信息就有三层，过度的结构化使整体页面看起来过于复杂，用户很难将注意力集中到内容上。我们对WEB端顶部元素重新归类整合，主要功能入口的布局和移动端进行了统一，通过引入移动端的编辑态逻辑，常态下隐藏了所有的操作按钮，将顶部区域的三层信息减少为一层，使其看起来更加清爽。
正如上面所说，虽然我们追求多端统一的用户体验，但手机和电脑的操作场景差别很大，用户在不同的平台已经形成了不同的操作习惯。移动端的多级导航设计是针对小屏幕局限性做出的一种妥协。在空间足够大的WEB端，所有的二级导航都可以平铺出来，这样可以减少一个层级，因此，我们保留了原有的左导航结构。通过对导航项归类的方式与移动端统一。
品牌调性和视觉风格的对齐
在视觉风格上，微云移动端最具代表性的就是蓝色的品牌色和线型的图标，在尝试设计方案的过程中我们发现，由于WEB端尺寸比较大，大面积使用蓝色会加重用户的视觉负担，分散用户对内容信息的注意力，因此，在色彩方案上最终选择了纯白浅灰作为主色，蓝色作为局部点缀，以下是改版后的一些核心页面。
秉承着简洁、自然、易识别的原则，我们对所有的小图标进行了优化。简化了旧版本中的复杂表达，并对默认态、hover态和选中态进行了规范。
文档类型图标也和手机端进行了对齐，将文件格式进行分类整合，同类型的格式采用同一个图标，将格式后缀在文件名中显示出来。在不影响识别的前提下大大降低了设计成本。
内容至上的前瞻性设计
全新的缩略图模式
内容至上是当今设计的发展趋势之一，结合微云未来的重点方向——办公体验，我们进行了一些对内容的深入思考。
在网盘的使用场景中，什么才是用户
转载请注明：http://www.rongweicar.com/rdmz/12237.html
当前位置： 马里 > 人口民族 > 微云WEB改版小结多端统一,内容至上
