1、2.4 Sitemap(pages)制作规范 62.5 交互动作规范 72.6 Annotations(notes)注释规范 82.7 Tab使用规范 92.8 低保真度规范 92.9 高保真度规范 102.10 文档规范 101 概述1.1 简述此文档主要从原型设计制作的管理角度出发,根据AXURE8的特点,描述系统原型设计制作时应该遵守的规范和标准。1.2 目标群体此文档目标群体为神东需求、设计、开发、以及测试的技术人员。1.3 范围此文档适用于所有神东自主研发的软件项目。1.4 名词定义 1.Sitemap(pages)导航图 2.Widgets组件 3.Master库 4.Label控
2、件名 5.Interactions交互动作 6.Annotations(notes)注释 7.Locationandsize位置和尺寸1.5 标准原则原型制作要遵循中国神华神东信息系统建设规范_04_界面规范,同时还要具备以下原则: 流程:可完整的模拟用户体验流程,有可逆流程 逻辑:清晰明确,判断有提示 界面:规范,整洁 说明:明确,易理解2 制作规范2.1 文件命名规范规范2.1.1RP文件统一新建文件夹,命名为【name.RP】文件,存放各阶段版本的RP文件,各版本RP文件必须后缀日期和序列号,系统名+子项目+日期+序号,如*_web_2017102201.rp2.1.2所有导出的HTML
3、文件存放文件夹命名为:【name.file】,所导出的文件夹按照日期命名,如:如*_web_20171022012.2 Widgets规范 命名规范:2.2.1全站使用,则命名方式为:分类+位置。 全站顶部导航:统一为Allheader开头,包括各种宽导航、窄导航; 全站右侧边栏:统一以Allright开头,包括宣传位、内容栏目等;2.2.2单个模块使用,则命名方式为模块名+位置i.空间左导航:产品名+left,例如yspaceleft2.2.3页面子零件:命名方式为:页面或模块+零件名。例如:Tab:统一命名为spacetab2.3 Master制作规范2.3.1公共区域(具体指页头、页脚、
4、导航条、页面内的公共元素):要求采用master,以减少修改量;2.3.2对于位置固定的master,须设置为:PlaceinBackground2.3.3根据神东的视觉规范,制作系统通用master。2.4 Sitemap(pages)制作规范2.4.1单个页面的命名规范:页面命名全部使用英文。格式为:页面内容+动作。article_add1)顶层页面:a)前端页面统一以user为顶层页,表示这是用户使用的页面。b)使用admin为管理员的管理页;c)使用statistics为数据统计功能页;2)子页面:a)汇总页:listb)浏览页:viewc)增加数据:addd)修改数据:edite)修
5、改分类:recatalogf)创建数据:createg)重新命名:rename3)扩展:子页面的命名可以扩展,格式为:页面内容+动作+名称。article_add_draf2.4.2add、del、edit原则上从属于list页面。但必须遵守产品设计思路。另外,如果add在页面内完成(弹层或ajax区块)可不遵守此原则2.4.3对于复杂业务,要求单独提供flow。展示页面的业务逻辑和判断条件2.4.5一个业务流程的所有页面,都必须在sitemap创建页面文件夹,便于管理页面。2.4.6业务流程中所涉及的二级或三级页面,可以用子页面表示,以显示页面级别。2.5 交互动作规范 Axure的交互动作
6、总有如下几种:a) Onclick单击b) Onmouseenter鼠标的指针移动到对象上c) Onmouseout鼠标的指针移动出对象外d) Onkeyupe) Onfocus鼠标的指针进入文字输入状态(获得焦点)f) Onlostfocus鼠标的指针离开文字输入状态(失去焦点)g) Onchangeh) Onpageloadi) OnLoad在加载时(可以应用于全部部件)j) OnRotate在旋转时(可以应用于形状、图像、线条、热区)k) OnSelectedChange在选择状态改变时(应用于形状、图像、线条、热区、复选框、单选框、树)l) OnSelected在被选择时(应用于形状、
7、图像、线条、热区、复选框、单选框、树)m) OnUnselected在被取消选择时(应用于形状、图像、线条、热区、复选框、单选框、树)n) OnResize在重新设置大小时(可以应用于动态面板)o) OnItemResize在行项目重新设置大小时(可以应用于中继器)2.5.1控件命名:数据块+空间类型。由于页面内的组件无法在其他页面是不可见的,所以页面内的各个控件不需要带页面名字。shopmap_pan代表店铺地图的图层。2.5.2条件判断:对于同一个位置的条件判断,要求在按钮上提示,以方便相关人员阅读。对于高保真的原型,则应该加上数据判断,避免这种提示。2.6 Annotations(not
8、es)注释规范2.6.1控件对象的注释的内容:一个完整的注释需要包含以下说明:1)功能说明:说明该对象的主要完成的功能。2)交互效果:说明该对象的交互动作以及产生的交互结果;此处应该包含各种判断的说明。3)优先级:也可以理解为重要性。标明该控件在交互中的重要性。4)关联关系:包含触发方式(默认显示/被动触发),以及其他对象/数据的关联关系。对于同时拥有管理后台、用户后台的地方,需要说明数据关系。5)测试用例:提供测试方法及测试应该使用的数据。6)注意事项:注意事项。2.6.2可以针对各个特殊控件、组件自定义其他注释。2.6.3页面注释的内容,需要一下着3个字段。1)功能说明。说明本页面主要的功
9、能,以及与其他页面的关系。2)测试用例。说明本页面使用哪些数据进行常规测试和边界测试。3)注意事项。说明本页面在设计、制作、开发和测试中需要注意的事项。2.7 Tab使用规范2.7.1选项卡不要超过5个,最多不能超过7个。可以考虑使用2级选项卡来减少数量。2.7.2被选中的选项卡和底下的区域要保持同色或接近同色。2.7.3禁止在选项卡里面还使用滚动条;2.8 低保真度规范传统系统、新增功能:可以使用一般的线框图,使用黑白灰原型。2.8.1对于页面大部无改进,可以直接截取静态图;2.8.2对于无关或者传统功能,可以部分忽略跳转和交互效果;2.8.3提供关键的条件判断。2.8.4不要求完整的说明文档2.9 高保真度规范前端页面要求高保真原型,面向用户使用的管理页面,用户、领导关心的重点页面要求高保真原型。2.9.1所有页面有完整的链接,能顺利跳转、关闭;2.9.2任何交互均有完整的流程和结束;2.9.3关键功能、创新点要上色,不得使用自带的灰白色、黑色;2.9.4按钮的点击变化能实时体现:文本框、输入框、文字、层的变化;2.9.5使用条件判断,并根据条件做不同的提示;2.9.6对于各个控件有完整的说明文档;2.10 文档规范2.10.1全部系统的原型文档均需传到云协作中,并在记录项目全生命周期表记录。2.10.2按照Axure标准模板生成页面原型说明文档
copyright@ 2008-2022 冰豆网网站版权所有
经营许可证编号:鄂ICP备2022015515号-1