聚鲨商城 交互需求文档撰写 思路

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.页面标识规范:采用 箭头+标识点+文字 一一对应的原则。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,751评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,816评论 1 92
  • Android系统由于其开源性质,碎片化问题一直被人诟病。今天想梳理一下自己这些日子下来总结的屏幕适配的经验。恩,...
    smallstrong阅读 917评论 0 1
  • 对话一: 男:你在干嘛呢? 女:在看书 男:晚上准备干嘛呢? 女:看电视 男:不出去玩吗? 女:不去 对话二: 男...
    不过七阅读 693评论 0 0