编者按：很多同学不清楚交互设计师是做什么的，也不知道如何评价一个App 的交互，不过看完这篇你就懂啦。

一、交互设计师的价值

1. 职能价值

将需求转化为解决方案的能力（将模糊抽象的需求转化成清晰具体的可视化解决方案）。

这个价值是最基本的专业价值，但你千万不要觉得你做的仅仅是用软件画几个页面而已。

例如你接到一个扫码申请加入群聊的需求，你的任务不只是将申请加入的页面画出来，而是要考虑整个用户场景，就比如用户申请入群后，如果审批人没有拒绝，也没有同意，相当于服务器没有接收到任何指令，那申请的页面怎么反馈呢，这些都是要考虑进去的。

所有交互设计师要提供的是一整套解决方案，其中要考虑正向、反向、闭环等各种场景。

如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里

近期，我们对微云WEB端进行了一次“简单”的改版。这篇文章简要记录了改版过程中的一些思考。

为什么要改版

微云WEB端与移动端体验不一致。移动互联网背景下，项目团队把多数资源都分配给了移动端的研发，桌面端的功能和体验得不到及时的跟进，导致用户在两个平台上的体验存在很大的落差。

微云WEB端的设计较为陈旧。苹果iOS的快速发展使得整个UI设计行业日新月异，设计理念不断进化向前，微云WEB端的设计已经多年未更新，早已经不起当下设计原则的检验。

改版前的思考

两端的体验对齐需要解决很多矛盾。想要将WEB端的体验与移动端统一，并没有想象中的那么简单。听起来好像只要把交互框架和视觉风格直接照搬过来就好了。但实际上要对齐的是两种使用场景的体验，这中间要调和的是小屏幕和大屏幕的矛盾，触摸操作和键鼠操作的矛盾，两种不同概念模式和心智模型的矛盾。

新的设计除了符合潮流，还要更具前瞻性 。想要做出可持续的设计，首先要明确设计潮流的走向，从拟物到扁平，从形式到内容，从工具化到情感化，设计潮流的走向一直没有变，在以人为中心的前提下，越来越注重用户更深层的需求。

项目团队在WEB端的资源投入注定了设计更新迭代的频率会很低。想要改版后的设计能够长久地支撑产品的发展，需要设计师把眼光放远，通过了解产品未来发展方向，做出更有前瞻性的设计。

求同存异的两端统一

品牌统一性

在设计一款产品不同平台客户端的时候，首先要保证品牌的统一性。Logo、字体、品牌色、品牌调性甚至是文案的措辞规范都是需要严格保持一致的。保证品牌的统一性，有助于塑造品牌形象，增强用户对产品的信任。

交互框架的对齐

我们先来对比一下移动端和WEB端的主界面，单纯从视觉上，已经很难看出这是同一款产品。虽然在页面结构上两端并不一致，但各自也都符合所在平台用户的操作习惯。

旧版WEB端虽然在视觉风格上是扁平的，但是在信息层级上却并不扁平，仅仅顶部的信息就有三层，过度的结构化使整体页面看起来过于复杂，用户很难将注意力集中到内容上。我们对WEB端顶部元素重新归类整合，主要功能入口的布局和移动端进行了统一，通过引入移动端的编辑态逻辑，常态下隐藏了所有的操作按钮，将顶部区域的三层信息减少为一层，使其看起来更加清爽。

正如上面所说，虽然我们追求多端统一的用户体验，但手机和电脑的操作场景差别很大，用户在不同的平台已经形成了不同的操作习惯。移动端的多级导航设计是针对小屏幕局限性做出的一种妥协。在空间足够大的WEB端，所有的二级导航都可以平铺出来，这样可以减少一个层级，因此，我们保留了原有的左导航结构。通过对导航项归类的方式与移动端统一。

品牌调性和视觉风格的对齐

在视觉风格上，微云移动端最具代表性的就是蓝色的品牌色和线型的图标， 在尝试设计方案的过程中我们发现，由于WEB端尺寸比较大，大面积使用蓝色会加重用户的视觉负担，分散用户对内容信息的注意力，因此，在色彩方案上最终选择了纯白浅灰作为主色，蓝色作为局部点缀，以下是改版后的一些核心页面。

秉承着简洁、自然、易识别的原则，我们对所有的小图标进行了优化。简化了旧版本中的复杂表达，并对默认态、hover态和选中态进行了规范。

文档类型图标也和手机端进行了对齐，将文件格式进行分类整合，同类型的格式采用同一个图标，将格式后缀在文件名中显示出来。在不影响识别的前提下大大降低了设计成本。

内容至上的前瞻性设计

全新的缩略图模式

内容至上是当今设计的发展趋势之一，结合微云未来的重点方向——办公体验，我们进行了一些对内容的深入思考。

在网盘的使用场景中，什么才是用户关注的内容？早期的文件管理产品把文件图标、文件名定义为内容，文件被包装成一个个方块，或是一行行的列表，文件间的差异只靠文字来体现。面对这样的界面，用户对文件的识别是十分低效的。这也是为什么在如今的网盘场景中，图片是最容易识别的，因为它做到了文件本身内容的外显。

在面对一个一个被包装的文件时，用户容易被触发的行为局限于整理、删除等基础操作，只有在能够看到文件本身内容的时候，才更容易触发编辑、分享、共享协作等更加沉浸式和更具社交性的操作。这就好比你走进一个仓库看到货架上的一个个箱子，你会想要把他们分类、摆放得更整齐。但是当你走进一家商店，看到货架上琳琅满目的商品时，你才会有挑选、对比和购买的冲动。

秉承着这个理念，我们反观图片之外的其他文件类型，道理是相同的；因此，我们在改版中引入了全新的缩略图模式，在新的缩略图模式下，单个文件的可视区域被放大，用来承载文件本身的内容。虽然一屏可以展示的文件数减少了，但展示出的有效信息是大大增加的，除了让每个文件在视觉上有了独特性，提高了检索效率，也更容易触发用户更多的后续行为。这对于产品本身的价值相信大家都懂。

技术过渡时期的体验补偿

理想很丰满，现实很骨感，让更多的文件内容外显在技术上必然要走一段路。在技术问题解决的过程中需要设计对体验进行一些弥补，在缩略图的文档图标的设计中，我们尽可能的把文件的内容样式图形化；同时，为了保证识别性，那些图标比内容形式更具特征的文件，保留了图标设计的形式。

写在最后

微云一直致力于为用户提供更更自然的使用体验，无论在功能上还是在设计上，我们都秉承着以用户为中心的原则，不断打磨每个细节。WEB改版也是如此，这一期改版我们对WEB端的框架和方向进行了调整，在接下来的二期、三期.....我们会不断深入到各个模块，进一步提升WEB端的用户体验。在这个对于个人网盘来说最坏的时期，微云会长久的发展下去，我们不会停止前进的脚步，更多酷炫的新功能新体验已经在路上。

蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务

在有限的界面尺寸里，给予用户无限操作可能

股票中行情内容是最多的，其内容展现的难度系数相当大，所以它的交互设计也十分棘手。

在一个界面中，仅通过点击方式无法承载股票行情的诸多功能点。要想界面简洁、突出重点就必须把相对次要的功能隐藏起来。在行情界面设计过程中遇到的主要问题是哪些东西该显示，哪些东西隐藏，隐藏后如何让用户发现，怎样的显示方式更容易被用户接受等等。

编者按：今天这篇文章，是由腾讯高级交互设计师@C7210 向同学们征集问题后作出的回答，涉及交互设计、行业趋势、职场、工具推荐等等，都是大家平时特别关心的，赶紧来收。

欢迎关注作者（高级交互设计师、猫奴、吉他手、鼓手、老狗、单身，现就职于腾讯ISUX）的微信公众号：Beforweb

提问

来自@X丶field：请问对于现在视觉和交互逐渐融合的UX/Product Designer岗位有什么看法？

C 回复：

好问题，也是我个人以及一些朋友正在亲身面对、体会和见证的所谓“行业趋势”。

首先排除全能型个人以一当十的情况，单就通常意义上的团队协作的形式而言，目前我所能看到的“融合”分为两类：

第一类：交互设计师与视觉设计师在产品层面统一认知，理解并认同商业意义及产品目标，以此为基础，在各施所长、各尽其职的同时，更多的学习、了解彼此职能的目标、焦点和工作方法，互相理解，融会贯通，减少分歧，降低成本，以最大化的合力完成产品设计工作。这种模式下，所谓“UX/产品设计师”是对两种职能的统称。本质上讲，这就是对于我们如今所熟悉的传统团队模式的一种渐进式提升。

晶晶：独立项目中，交互设计师的工作可以分成四个核心环节：定义方向策略、确定解决方案、有理有据的进行设计输出、上线效果跟踪。本期要和大家分享的是：方向策略。

长期以来我就有对几年来交互设计的心得进行总结整理的想法。回到中国来亲身体会到不少同行，主要是交互设计师和视觉设计师对于交互设计的困惑，以及其他行业对于交互设计的误解和滥用。后来我在小范围内开设了一个关于交互设计的讲座；现在把它整理成文，希望与同行切磋，共同进步。

这篇文章是我几年来在美国从事交互设计工作的一个经验总结。当时我们遵循以用户为中心（User-Centered-Design, 简称UCD）的设计原则，每一个项目都是不折不扣的按所有UCD的步骤进行。下面总结的交互设计的方法，是从UCD的过程中提炼出来，也就是说，同样适用于任何非UCD的设计过程。

当产品的用户体验要求越来越高时，交互设计师的职责也越来越明晰了。交互设计师除了自身的基本功外，还需要有一个规范的流程，才能够使工作完整有序。

自九月以来，摩拜单车和OFO让“共享经济”概念着实火了一把。摩拜单车一年之内火速搞定三轮融资，OFO在融资规模和速度上也旗鼓相当。要说更看好谁的话，我想我会投摩拜一票，在我看来，摩拜似乎更能静得下心来打磨他们的产品。相较于OFO单车的仓促面世，摩拜精心打磨的专为“共享”设计的单车显得有诚意得多。这份坚实的基础，我想就够OFO追赶一阵了，更何况其中的踏实基因必定还将助其更稳更好地发展呢。

交互设计是UI设计中的必不可少的一个过程，交互设计也要遵循一定的步骤，总体来说要经历三个阶段，那么具体是哪三个阶段呢？下边是以为资深老鸟为我们带来的他的交互经验，希望对设计师们起到一定的帮助。

（1）读文档，明需求，多沟通，擅阐述。需求文档类型多种多样，无论哪种，首要任务是读懂需求的内容，透彻理解范围层的含义，及相关的业务形态。把自己当用户代入思考，如何让使用者快速上手，减少学习成本。一般情况下，拿到PM的需求文档，我会先读一遍，整理出整个文档的架构、要点、功能点等。记录过程中不理解的内容，罗列问题清单，找PM沟通。沟通的效率也很重要，我会先听PM讲完，然后用自己的话阐述一遍，助于理解。

深挖产品设计背后的工作方式和工作流程，让产品经理受益匪浅。

Design Sprint Method （谷歌冲刺计划）是由谷歌创投的 Jake Knapp 发明的一种产品设计工作法，是指由一支不超过 7 人的团队，在 5 天之内，通过 5 个步骤，能够快速解决产品难题的产品设计方法。其基础概念来自于敏捷开发、设计思考和个性游戏法，先后被 100 多家创业公司实践，打造了诸如 Slack、 Nest、Blue Bottle Coffee 和 23andMe 等多个成功的互联网产品。