1.写交互设计文档目的:将抽象的产品需求转化为具象的设计需求,有助于团队成员的沟通,降低沟通成本。
2.给谁看?分别看什么?
产品经理:交互逻辑、功能架构、界面页面流转、内容布局等
UI设计师:具体的页面数量、元素组件、多少的可发挥空间
程序开发:关心有多少功能、多少个功能新特性、多少个页面元素组件、多少个交互动效等
测试人员:功能点、业务逻辑是否能满足用户的需求,交互过程是否符合用户操作习惯等
3.根据前几版的文档,和公司的实际业务情况,发现公司软件的迭代主要有三个方面的调整。
功能调整:产品经理、开发、测试
样式调整:UI设计
交互调整:产品、开发、测试、UI
针对团队不同成员的需求有针对性的进行呈现。
4.包含的内容:
a. 封面与版本信息
b. log(日志修订记录页)
c.功能调整(每个功能点 分开 依次进行说明)
d.交互调整(包括各功能点 流程图、交互逻辑图、文字等)
e.样式调整(页面数量、页面元素图等)
每次更新的时候a、b两项会随着每次的迭代而不断更新,让团队成员实时掌握每一次的版本调整内容,有助于团队成员把握产品设计思路,更好的优化产品。
c、d、e三项只在此版本文档中体现。
(后续还可能会加入 变化需求 原因一项,让团队成员将 调整变化的原因用文字的形式写出来,以减少开会时沟通的成本 )
规范:
1. a.如有需要,一些重要信息可在三个页面同时出现,但每个页面都要以体现各自主旨为先,进行展示内容的调整。(比如 样式调整和功能调整 重叠的 新增-商品详情页-限时闪购标识)
b.为避免对UI设计产生限制,预留发挥空间,内容的优先级会以 大小粗细、颜色深浅来体现。
2.页面命名整理规范:
a.命名:改变-页面-具体变化。 (例:删除-限时闪购-头图),让阅读的人第一眼就知道要干什么。
b.整理规范:
功能调整:以功能点的调整 依次建立画板。
交互调整:1.以不同页面的交互建立画板。 2.同一交互的不同展示方式,放在同一画板,但要用颜色区分。
样式调整:主要以不同的页面调整 建立画板。
3.版式规范:
a.页面布局规范:画板对齐,按照上面的整理规范思路依次建立画板,并采用上图下文的方式说明。(所有页面的效果图和文字要在横向上对齐,以保证阅读体验) 参考公主发的 网易产品专栏中的制作方法。
b.页面标识规范:采用 箭头+标识点+文字 一一对应的原则。