美文网首页
Axure原型制作规范

Axure原型制作规范

作者: 陪学 | 来源:发表于2023-06-07 10:04 被阅读0次

    组件制作规范

    1、最小化切分原则:在制作组件时,遵循最小化原则,保证新的组件能进行上下左右扩展、变化字体、增加新的数据项等。 

    2、内部交互原则:如果组件能内部完成交互,在制作时就要加上交互的命名,减少后期的操作。

    3、遵循设计规范原则:如果产品已经有成形的设计规范,那么自行制作的组件必须大体遵循设计规范。制作新的组件所使用的基本元素也要从设计规范产生。

    库制作规范 

    1、公共区域(具体指页头、页脚、导航条、页面内的公共元素):要求采用库,以减少修改量; 

    2、对于位置固定的库,须设置为:Place  in Background  

    3、根据视觉规范,制作通用库。  

    导航制作规范  

    1、单个页面的命名规范:制定通用的命名规范 


    1)  顶层页面:     

    a)  前端页面,这是用户使用的页面。

    b)管理员的管理页;

    c)数据统计功能页;

    2)  子页面:     

    a) 汇总页:  

    b) 浏览页:  

    c) 增加数据:  

    d) 修改数据:  

    e) 修改分类:  

    f) 创建数据:  

    g) 重新命名:   

    3)  扩展:子页面的命名可以扩展  

    2、增加数据、删除数据、修改数据,原则上从属于汇总页。但必须遵守产品设计思路。另外,如果在页面内完成可不遵守此原则;  

    3、对于复杂业务,要求单独提供流程。展示页面的业务逻辑和判断条件。    

    交互动作规范

    1、对于文本型内容的链接:在文字上面增加一个热区,在该层上面加链接。

    2、Axure的交互动作总有如下几种:  

    a)  Onclick 

    b) Onmouseenter  

    c) Onmouseout  

    d)  Onkeyup

    e) Onfocus  

    f) Onlostfocus  

    g)  Onchange

    h)  Onpageload  

    3、对于同一个位置的条件判断,要求在按钮上如下提示,以方便技术和制作人员阅读。对于高保真的原型,则应该加上数据判断,避免这种提示。 

    注释规范  


    1、注释的内容:一个完整的注释需要包含以下说明:  

    1)  功能说明:说明该对象的主要完成的功能。

    2)  交互效果:说明该对象的交互动作以及产生的交互结果;此处应该包含各种判断的说明。

    3)  优先级:也可以理解为重要性。标明该控件在交互中的重要性。

    4)  关联关系:包含触发方式(默认显示 /  被动触发),以及其他对象/数据的关联关系。对于同时拥有管理后台、用户后台的地方,需要说明数据关系。

    5)  测试用例:提供测试方法及测试应该使用的数据。

    6)  注意事项:注意事项。  

    2、可以针对各个特殊控件、组件自定义其他注释。   

    整体制作要求  


    1、任何一个完整的产品,包括3部分,这3部分在原型需要独立展示: 

    1)  用户前端页面:

    a)  用户在不登录、登录情况下进行浏览的页

    b)  用户自行管理数据/帐户的页面。

    2)  管理员的管理页:主要数据的增删改查、审核。     

    3)  数据统计功能:主要包括流量统计(IP、PV、UV、登陆用户数、活跃用户数)。  

    2、Tab使用:

    1)  选项卡不要超过5个,最多不能超过7个。可以考虑使用2级选项卡来减少数量。  

    2)  被选中的选项卡和底下的区域要保持同色或接近同色。 

    3、页脚的pagenotes区域:默认使用两个字段,在任何文档中均需要保留着3个字段。

    1)  功能说明。说明本页面主要的功能,以及与其他页面的关系。

    2)  测试用例。说明本页面使用哪些数据进行常规测试和边界测试。

    3)  注意事项。说明本页面在设计、制作、开发和测试中需要注意的事项。     

    4、保真度(仅针对前端页面): 

    1)  创新型产品、产品改版:为了体现新产品的业务逻辑,或展示产品的改进功能,本类原型要求高保真原型。具体包含:  

    a)  所有页面有完整的链接,能顺利跳转、关闭;

    b)  任何交互均有完整的流程和结束;

    c)  关键功能、创新点要上色,避免使用自带的灰白色、黑色;

    d)  按钮的点击变化能实时体现:文本框、输入框、文字、层的变化。

    e)  使用条件判断,并根据条件做不同的提示。

    f)  对于各个控件有完整的说明文档;     

    2)  传统产品、新增功能:可以使用一般的线框图,使用黑白灰原型。具体包括:

    a)  对于页面大部无改进,可以直接截取静态图;

    b)  对于无关或者传统功能,可以部分忽略跳转和交互效果;

    c)  提供关键的条件判断。

    d)  不要求完整的说明文档;     

    3)  具体保真度,还可以参考产品文档的使用人员的知识结构、工作经验、配合默契度等灵活掌握。  

    相关文章

      网友评论

          本文标题:Axure原型制作规范

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