产品相关图例

用Axure输出交互设计文档

2016-06-29  本文已影响599人  许呀小黑

文档框架

页眉:来源、版本、项目名称、责任人

创建母版

创建元件库

设计方法

1.交互流程图:

    功能——拆分用户任务(复杂功能根据使用场景转化为子任务)——页面需求梳理

     技巧:①页面跳转超过两次时,使用页面流程图;②主要任务串联次要任务;③多个操作用同一个图形包含起来;④系统错误不出现在页面流程图中;

2.页面流程图

    线框图:①颜色黑白灰,必要时彩色;②尺寸;③素材准备(元件库)

    创建元件库基础内容:常用元件、高级元件、组件、图标;常用页面、页面元素、手势;标记、流程元件;

    页面:①功能——拆分任务——页面需求梳理;

              ②布局:需求优先级,权衡用户需求和商业需求,做 用户需求-商业需求 坐标图;


             ③标注;

3.交互说明

    内容:限制(WiFi环境打开等)、范围值(上下左右活动范围值等)、极限值、操作、一般状态、特殊状态(禁止操作等)、误操作(容错和反馈机制)、反馈、页面跳转;

    ①锚点—(对应)—数字标示;(24X24),醒目的颜色;

    ②不遗漏,不坠述;

上一篇 下一篇

猜你喜欢

热点阅读