B端交互框架改版 - 我用即时设计改了即时设计页面
之前我们针对即时设计做了一些分析和个人的改版，以公开课的形式输出。这两天我们完善了下，再以图文的形式放出，帮助大家更好得理解我们的改版思路。
想看公开课视频的同学可以点击这里：B端交互设计改版 - 即时设计交互框架，跳转观看。视频+图文，效果更好～
在前几篇交互的干货分享中，我们讲过交互包含了 3 个层级，从大到小分别是：框架、流程、组件。
如果要针对一个项目或者页面做交互的改版和优化，就一定要遵循从上级到下级，从宏观到细节的设计流程。所以，框架设计势必成为我们设计的第一个步骤。
而以优化为目的的交互设计，就需要关注两个要素，业务目标和用户体验。
业务目标就是产品要实现什么商业目的，解决哪些问题，在这个基础上才会形成后面的产品功能和页面内容。
用户体验则是在这个目标下被动形成的使用感受，多数情况下业务目标是不以用户想法为转移的，B 端交互设计就是要在满足业务目标的前提下，尽可能降低对用户体验的损害。
要输出一套完整的交互方案，就需要有效的解决问题，这需要我们根据一个合理的流程来进行输出，而不是等到需要解释的时候再看图说话编一套出来。
业务分析要通过自己推导和对功能的逆推而来，绘制业务流程图和交互流程图是必要的工作。
而在体验方面，我并不建议一言不合就展开用户调研，开始做访谈和问卷，但凡自己能操作得到，就一定要先自己去真实使用，总结使用的体验和思路。
这次的优化案例 “即时设计客户端”，我也以自己的视角和使用体验来进行调整。毕竟不是大面积的用户研究分析，所以大家要关注的是前后改动的原因和推导逻辑。
如果有问题感受和我不同的，可以在下方留言做讨论。
我们的改版主要针对产品的框架层，因为不是真实改版，所以我只挑选其中四个页面作为主要的分析对象，并拆解它们包含的组件内容进行分析。
主页问题：
问题1：导航栏的结构不够清晰，资源广场太远影响操作效率
问题2：标签栏刷新的位置看起来像刷新所有内容，右侧的空间比较浪费
问题3：星标的位置和默认隐藏不方便正常使用
问题4：窗口响应过程中的文件卡片自适应过程非常不流畅
团队页面问题：
问题5：顶部栏和标题新建模块太复杂，影响操作效率
问题6：新建的按钮和操作重复，没有必要全部露出
设计页面问题：
问题7：默认文件名位置太难找，不符合常规使用习惯
问题8：页面整体的结构、细节和起始页面差距较大，切换过程不舒适
问题9：插件窗口是悬浮状态，关闭后再次打开的过程很繁琐
预览页面问题：
问题10：打开预览后很难找到返回的方式
问题11：页面样式和设计页面太接近，无法有效区分
其它问题：
问题12：资源广场打开后是新建标签，标签类型和其它文件不一致
问题13：从标签返回主页不记录刚才打开的位置重新刷新了
问题14：有若干的视觉元素前后不一致，或者类型没有做区分
以上是总结的一些简单的问题，这些问题大家可以自己去使用和感受一下是否也有相同的困扰。定位出问题，那么下面就要进入我们的改版环节了。
篇幅关系，我就用比较简单的方法来展示改版后的案例和细节，大家可以自己进行思考和判断。
初始页面调整：
1.合并我的关注、最近打开成为我的工作台
2.划分成3个分组的选项，将关注文件移入导航区域
3.资源广场上移，入口更清晰，打开无需跳转到其它页面
4.更改导航类型的图标，优化整体的识别性
5.优化刷新按钮，和标签栏合并，明确刷新的对象和作用
6.搜索、公告、更多操作右移合理利用对应空间
7.主页标签记录打开位置，点击后依旧返回之前位置不刷新回工作台
团队页面调整：
1.添加文件按钮右移，不和上方标签的添加“打架”
2.将原文的更新、下载、通知位置移走，让顶部更简洁简单
3.将标题上移节省下方的空间，让页面更简洁
4.页面型跳转放到上方居中切换
5.筛选类内容放到下放以标签形式切换
6.优化文件夹显示，无论什么状态都包含3张图（包含占位图）
整体栅格和响应优化：
1. 栅格的断点应用与花瓣类似（解释起来比较麻烦）
2.单卡片尺寸不做响应适配，保持一致尺寸，或只适配宽度不影响高度
设计页面调整：
1.调整工具栏默认状态和分组
2.优化右侧显示模式和相关的样式呈现
3.将一般操作消息置于右上角，可以叠加最多3条记录
4.将需要确认的通知置于页面中上部，方便用户查看操作
插件展示调整：
1.启用插件面板则右侧默认显示一个简化插件列表
2.点击插件可以展开详细面板，需要点击后才关闭
3.可以点击展开其它插件，插件列表宽随该插件宽变动
前后页面统一和区分：
1.所有页面标签下的顶部栏统一规格 演示页面标题往中间放
2.主页和设计页面的左侧宽度保持统一
3.演示页面的左侧栏目悬浮和外部做出区分
以上就是我针对即时全局框架的改版，因为基于我个人的喜好和认知，所以这些改动 —— 都可能是不合理的。
不管我们制定出什么交互的方案，最终还是要受到开发成本和用户偏好影响。前者需要在时间、技术、人力成本制约下做判断，后者则需要经过一定数量的用户调研和反馈才能做最终的选择。
交互设计就是一个不断发现问题，想办法解决，再发现新的问题，再修改原来方案的过程……
希望本次分享对大家有帮助，后面做好的原型内容，会在我们的社群中发布。
本周我们还会有B端公开课在B站开播，锁定直播间：25601492，我们待会见！
