四方区企业型网站建设,湛艺建设集团网站,江苏省建设厅网站 杨洪海,农产品网站建设的意义一、 名词定义#xff1a; Sitemap 导航图Widgets 组件Master 库Label 控件名Interactions 交互动作Annotations 注释Location and size 位置和尺寸二、 Widgets规范 本站常用widgets规范#xff1a;命名规范#xff1a;制定命名规范从而方便搜索和升级。 a. 全站使用#…一、 名词定义 Sitemap 导航图Widgets 组件Master 库Label 控件名Interactions 交互动作Annotations 注释Location and size 位置和尺寸二、 Widgets规范 本站常用widgets规范命名规范制定命名规范从而方便搜索和升级。 a. 全站使用则命名方式为Y位置。 i. 全站顶部导航统一为Yheader开头包括各种宽导航、窄导航 ii. 全站右侧边栏统一以Yright开头包括广告位、内容栏目等 b. 单个产品使用则命名方式为 产品名位置 i. 空间左导航y产品名left例如yspaceleft c. 页面子零件命名方式为Y 页面或产品零件名。例如 i. Tab统一命名为Yspacetab ii. 评论统一命名为Ycomenticscomment本站的widgets统一放在y.rplib文件中。在全局搜索中输入y即可查看所有yoka widgets。Y.rplib升级的问题该文件放在局域网公共区中。每次更新完后需要配备word说明文档。自行制作widgets制作规范 a) 最小化切分原则在制作widgets时遵循最小化原则保证新的widgets能进行上下左右扩展、变化字体、增加新的数据项等。 b) 内部交互原则如果widgets能内部完成交互在制作时就要加上交互的命名减少后期的操作。 c) 遵循设计规范原则如果产品已经有成形的设计规范那么自行制作的widgets必须大体遵循设计规范。制作新的widgets所使用的基本元素也要从设计规范产生。必备widgets清单 a) Yahoo提供的一套widgets b) 图标库16,32,48三种尺寸的图标约200个 c) Ajax.rplib 常见的ajax功能 d) Y.rplib 针对本站的widgets升级方式统一从公共区copy。每当有新的更新时群发到邮件组的方式说明并附上更新文件和最后更新时间。三、 Master制作规范 1. 公共区域具体指页头、页脚、导航条、页面内的公共元素要求采用master以减少修改量 2. 对于位置固定的master须设置为Place in Background 3. 根据视觉规范制作本站通用master。 四、 Sitemap制作规范 单个页面的命名规范页面命名全部使用英文。格式为页面内容动作。例如article_add 1) 顶层页面 a) 前端页面统一以user为顶层页表示这是用户使用的页面。 b) 使用admin为管理员的管理页 c) 使用statistics为数据统计功能页 2) 子页面 a) 汇总页list b) 浏览页view c) 增加数据add d) 修改数据edit e) 修改分类recatalog f) 创建数据create g) 重新命名rename 3) 扩展子页面的命名可以扩展格式为页面内容动作名称。例如article_add_draftadd、del、edit 原则上从属于list页面。但必须遵守产品设计思路。另外如果add在页面内完成弹层或ajax区块可不遵守此原则对于复杂业务要求单独提供flow。展示页面的业务逻辑和判断条件。五、 交互动作规范 控件命名数据块空间类型。由于页面内的组件无法在其他页面是不可见的所以页面内的各个控件不需要带页面名字。例如shopmap_pan代表店铺地图的图层。交互动作规范 1) 对于文本型内容的链接在文字上面增加一个image map region在该层上面加链接。 2) Axure的交互动作总有如下几种 a) Onclick b) Onmouseenter鼠标的指针移动到对象上 c) Onmouseout 鼠标的指针移动出对象外 d) Onkeyup e) Onfocus 鼠标的指针进入文字输入状态获得焦点 f) Onlostfocus 鼠标的指针离开文字输入状态 失去焦点 g) Onchange h) Onpageload 3) 对于同一个位置的条件判断要求在按钮上如下提示以方便技术和制作人员阅读。对于高保真的原型则应该加上数据判断避免这种提示。 六、 Annotations注释规范注释的内容一个完整的注释需要包含以下说明 1) 功能说明说明该对象的主要完成的功能。 2) 交互效果说明该对象的交互动作以及产生的交互结果此处应该包含各种判断的说明。 3) 优先级也可以理解为重要性。标明该控件在交互中的重要性。 4) 关联关系包含触发方式默认显示 / 被动触发以及其他对象/数据的关联关系。对于同时拥有管理后台、用户后台的地方需要说明数据关系。 5) 测试用例提供测试方法及测试应该使用的数据。 6) 注意事项注意事项。可以针对各个特殊控件、组件自定义其他注释。七、 整体制作要求 任何一个完整的产品包括3部分这3部分在原型需要独立展示 1) 用户前端页面 a) 用户在不登陆、登陆情况下进行浏览的页面 b) 用户自行管理数据/帐户的页面。 2) 管理员的管理页主要数据的增删改查、审核。 3) 数据统计功能主要包括流量统计IP、PV、UV、登陆用户数、活跃用户数。页面命名遵守上文提到的sitemap规范(add child page-rename)RP文件命名规范y产品名特性子项目日期。例如 1) 化妆品库新版首页y_cosmentics_newindex_20100322.rp 2) 空间新版首页y_space_newversion_20100210.rpTab使用 1) 选项卡不要超过5个最多不能超过7个。可以考虑使用2级选项卡来减少数量。 2) 被选中的选项卡和底下的区域要保持同色或接近同色。 3) 禁止在选项卡里面还使用滚动条页脚的pagenotes区域默认使用两个字段在任何文档中均需要保留着3个字段。 1) 功能说明。说明本页面主要的功能以及与其他页面的关系。 2) 测试用例。说明本页面使用哪些数据进行常规测试和边界测试。 3) 注意事项。说明本页面在设计、制作、开发和测试中需要注意的事项。保真度仅针对前端页面 1) 创新型产品、产品改版为了体现新产品的业务逻辑或展示产品的改进功能本类原型要求高保真原型。具体包含 a) 所有页面有完整的链接能顺利跳转、关闭 b) 任何交互均有完整的流程和结束 c) 关键功能、创新点要上色不得使用自带的灰白色、黑色 d) 按钮的点击变化能实时体现文本框、输入框、文字、层的变化。 e) 使用条件判断并根据条件做不同的提示。 f) 对于各个控件有完整的说明文档 2) 传统产品、新增功能可以使用一般的线框图使用黑白灰原型。具体包括 a) 对于页面大部无改进可以直接截取静态图 b) 对于无关或者传统功能可以部分忽略跳转和交互效果 c) 提供关键的条件判断。 d) 不要求完整的说明文档 3) 具体保真度还可以参考产品文档的使用人员的知识结构、工作经验、配合默契度等灵活掌握。全部产品原型文档均需通过snv上传到共享中。由axure生成页面原型说明文档按照标准模板生成即可。转载于:https://www.cnblogs.com/lzxianren/p/axure-name.html
