美文网首页产品相关图例
用Axure输出交互设计文档

用Axure输出交互设计文档

作者: 许呀小黑 | 来源:发表于2016-06-29 11:32 被阅读599次

    文档框架

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

    创建母版

    创建元件库

    设计方法

    1.交互流程图:

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

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

    2.页面流程图

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

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

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

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


                 ③标注;

    3.交互说明

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

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

        ②不遗漏,不坠述;

    相关文章

      网友评论

        本文标题:用Axure输出交互设计文档

        本文链接:https://www.haomeiwen.com/subject/tmkwhttx.html