交互设计师专业能力体系( 二 )


设计规范是基于设计语言或设计指南而来的 , 不同公司产品会有不同的定义 。 根据业务复杂程度和产品特性 , 一些公司会梳理自己的设计规范 , 交互设计师重点关注交互层面的规范 , 也需要对视觉规范有一定了解 。
设计组件是以设计规范为指导原则 , 为提升产研协作和开发效率而设定的UI组件库 。 这里需要注意:
设计组件一般分为基础组件和业务组件 , 基础组件类似AntDesign;业务组件则是依据公司具体产品使用场景决定的 , 比如电商类应用:产品列表的产品信息、直播模块等频繁被调用的、由多个基础组件组合而成的内容 。 由于不同终端交互设置和操作方式存在差异 , 所以可能会有针对移动端、Pad端、Web端、TV端等多终端设计组件 。大家可以参考iOS人机交互指南与谷歌的MD系统级设计规范 , 目前市场上有许多开源的设计基础组件 , 比如Antdesign、滴滴、腾讯、京东、有赞、饿了么等 。
4)交互文档
设计方案具象化的呈现依靠“规范的交互文档” , 输出交互文档注意以下几点:
①了解并绘制信息结构图
交互设计师绘制的信息结构图通常用于“信息层级的梳理” 。 比如一个网站或APP的导航划分与层级 , 可以通过信息结构图直观的呈现 , 也可以更直观的判断与其他内容的关联关系 , 确认是否符合用户的心理模型 。 可参考我之前写过的文章:你对信息架构图了解多少?
交互设计师专业能力体系】②了解并绘制任务流程图
对于逻辑判断比较复杂的项目 , 比如涉及多角色、多状态、多任务流、多终端时 , 任务流程图有助于设计师及相关查阅的人更快更清晰的了解需求 。 可参考我之前写过的有关流程图的文章:案例分析:绘制流程图需要注意哪些事项?
③绘制交互原型
关于如何绘制规范的原型图 , 几年前我写过一篇相关文章 , 里面提到的基础原则仍然适用:如何设计规范的原型图?
④交互说明的书写要求
关于如何将交互说明尽可能写的完备和细致 , 可以参考我之前写的两篇文章:
宏观角度:原型图的交互说明该怎么写?
微观角度:原型图的交互说明该怎么写?
5)交互基础原则
这部分内容涉及到交互层面的一些“参考规则” , 之所以叫参考规则是因为不是必须遵守 , 可能针对不同业务和产品会做适当补充或删减 。 比如页面打开方式研究、尼尔森可用性原则等 。 可以通过阅读一些专业书籍掌握理论知识 , 然后在实践项目中应用总结 。
6)主持各类沟通会与评审会
交互设计师在日常工作流程中 , 会参与不同类型的会议 , 比如需求讨论会、需求评审会、设计评审会(交互与视觉内评与外评)、测试用例评审会、开发问题讨论会等 。 有的会议交互设计师作为参与方 , 有的作为主导方 , 因此需要对会议节奏和效率综合把控 。
对于新人或初级交互 , 可以选择性地参加其他交互同事组织的以上相关会议 , 了解和熟悉如何高效开会达成会议目的 。
7)评估设计排期
在日常项目流程中 , 需求评审过后交互设计排期需要首先给到 , 下游的视觉设计师、前端研发、甚至包括后端研发、以及测试工程师都需要根据交互文档给出各自更加精确的排期 。
因此评估交互排期在项目流转过程中非常重要 , 如果评估排期少了无法按时交付 , 可能会造成下游同事时间不够 , 甚至导致项目延期;如果评估排期多了 , 对于有上线时间要求的项目 , 总体时间可能又会不够 。
所以交互设计师只要做到根据自己手头时间客观评估即可 。 这里对于新手或初级交互而言 , 有两点注意事项: