项目跟进中遇到的坑--致交互设计

此图与内容无关

我向来不喜欢大篇幅的说些理论知识，一惯坚持实践出真知，文章中说的是在跟进项目时应该注意的一些事项。可能会有朋友说这样做交互设计师会很累，很多不该设计师做的事情，但团队作业，人手不足时就该自动补位，目的是为了让自己经手的项目能成为自己的名片，不让自己留下遗憾，同时也从各个方面丰富自己。

1、强调交互规范的重要性，严格按照交互规范来，开发要做共用组件

产品起步之初，要给组内人员强调交互规范的重要性，并依据自己的工作经验与各种资料，整理出一套规范来。当然交互规范不是一蹴而就的，还需要在后期的工作中不断的总结与完善。交互规范不仅能使产品统一，提高用户的体验感，同时它也可以减少设计者本身与开发哥哥的工作量。交互规范成型之后，便是督促开发哥哥们成立组件库，方便后续的调用与维护。（共用组件可以理解为axrue中的母版，多处地方调用，改母版即可修改所有调用的地方）也许你会说这个不是交互设计师的责任，是开发的责任，如果你所处的团队比较完善，有人处理这些事情，那便是再好不过的了，但如果你所处的是个小团队或者没有明确的负责人处理这件事情，那不如多费点心，为了后续工作的省心。即使有人负责管理组件，设计师也应该了解有哪些组件，组件的样式与作用，便于后期设计的统一性。组件在B端产品最常件，往往一个弹框，可能N多地方调用。比如供应链里的进销存，在做采购订单、入库单、出库单、调拨单等等单据时，都需要选择物料，这个选择物料的弹框便是一个共用组件，所有的地方都调取这一个弹框，后期如果需要改动时，只需要在这一个组件上改动即可。如果这点没做好，在后期优化时，你便会听到开发哥哥对你讲“这个地方牵涉太广，工作量太大，这个版本完成不了”或者“这个地方牵涉太多，要把所有地方给我们列出来”。

2、话语权

大家都知道用户体验的重要性，boss们也一直在强调用户体验，但当用户体验与产品进度冲突时，相信大多数的boss会选择产品进度，B端产品尤其这样，当客户的业务需求满足不了时，体验的好坏便不被重视。如果这时设计师态度不强硬些，不多些话语权的话，那这种现象只会变本加厉，周而复始，最后产品的体验差还是得由交互设计师来背锅。为了进度而落下交互需求，OK，客户的流程跑通才是最重要的，但在下一个版本里一定要把此交互需求加进去。特别是在产品初期，产品快速迭代，在大量的堆积功能，这时一定要有一定的话语权，不能因为产品功能的堆积而落下交互需求。

3、无需懂代码，但要了解开发的逻辑，知道开发的难易度

翻下拉勾上的简历，一些公司竟然对设计师要求代码能力了，估计他们是怕设计师的天马行空拖了产品进度的后腿。在我看来，设计师无需懂代码，懂代码反而会限制设计师的想像力，但设计师要懂得开发的逻辑，知道开发的难易度。在初做设计时无需考虑开发，主要是考虑用户场景，以用户目标为导向做设计，但在二次过设计稿时要把开发的实现难易度与产品进度考虑进去，这样才可以在做评审时做到有理有据，且不可因为10%的体验 浪费90%的开发资源。（当然如果产品已经成熟，在体验优化阶段，那么可以忽略此条）。懂得开发的逻辑与难易度还有一个好处就是不会轻易被开发哥哥忽悠。

这点很容易做到，多与开发沟通，当有难点时，让开发哥哥把难点转化为普通的语言，代码的逻辑与我们的做图软件的逻辑有一定的通用性，很容易理解的。

5、适配时临界值的选择

这里主要说的是PC端的适配，B端产品内容较多，一般为满屏显示，但PC屏幕大小差距太大，主流的两种屏幕，1920*1080与1366*768。在1920上展示完美的界面在1366是上就会太紧凑，同样在1366上显示完美的界面在1920上就会太松散，这里要考虑在两种屏幕上显示不一样多的内容。以下图为例，内容块状显示，1920的屏幕上横向一行显示4个，而1366的屏幕上横向一行显示3个。但什么时候由3个变成4个呢，这个临界值的问题，不能把临界值刚好选择屏幕的大小值。因为不同的浏览器自身占屏幕大小不一样，再加上一些插件也会占用浏览器的尺寸，如果刚好把临界值取在了1366与1920，那么当用户的浏览器有插件占用了屏幕的宽度时，就会使1920的屏幕上显示的3个，每个太宽内容太零散。例子中的临界值取了1300与1600，屏幕宽度小于1300时下方出现横向滚动条，1301至1600之间显示3个，大于1600显示4个，以此满足主流屏幕的显示。（就此我写了一个算法，算法比较复杂，这里就不说了，这个可以让开发哥哥直接屏幕上调，调出一个理想值）

适配的临界值

6、表格的控制，表格上下左右的控制

在两年前写的一份总结文章中，有提到过表格，当时还没认识到表格的重要性，甚至在刚做B端产品时有点排斥表格，认识它只是字段的罗列，总是想用新的样式来取代它。其实表格里的学文挺多，难点更多，并且表格也是人们最愿意接受，最清晰的一种表达方式。如下图如示，右上角与左下角的两个图 是普通表格的扩展，旨在表格字段较多，一屏显示不下时的解决方案，而右下角块状显示则是打破了表格的常态，提取重点，使结构层次更多分明，让客户能一眼找到自己要找的东西，但这样不利于做对比，适用于内容比较独立，不需要做对比、排序的列表。

表格的样式

表格显示的内容，内容的排序，这些都要根据用户场景进行斟酌。表格的适配、字段长度的不统一，这些在做设计时都在考虑进去。还有表格的展示状态与编辑状态的不同，表格滑动时title的置顶固定、操作按钮的悬浮显示等等。（后续有空再整理一套表格的用法）

7、记忆力

这一点其实是在说工作态度，在工作中经常会遇到同事不记得自己以前做过的东西 或者自己定的规则不记得。每个人的工作内容都很多，压力都很大，记不住自己做的每一样事情也是正常，但只要用心总是能记得的，设计师一定要记得自己定的规则，即使记不得规则内容 也要记得这个点定过规则，并且能快速的从自己的文档中找到。自己做的每一个项目都要了解到用户场景，并且场景要在留在脑海里，如果同时跟进多个项目时，要能够快速的切换用户场景，运用同理心快速地将自己切换置致不同的用户。这样也方便从全局去思考整个产品。

比较零碎的小点，记此！