网站服务部小组文档

外包项目注意事项

提交项目给外包之前工作

核对需求

  • 设计稿是否与原型一致,有无加多或漏了功能【如无原型,可略过】
  • 设计稿是否完善,如是否漏了某个页面设计稿或暂时先提供某些设计稿
  • 设计稿交互状态是否完善,包括按钮,链接等。
  • 各个弹层是否完好

制作说明文档

  • 制作说明文档【可要求编辑提供】
  • 制作说明文档做成在线可外包查看的
  • 制作说明文档是否把需求功能点描述完善

约定时间点

  • 约定的时间点要明确,需精确到具体某个钟点,如2014年11月24日 上午10:30
  • 时间点包括交付给内部前端同学的时间点和外包完成时间点
  • 注意预留修改时间 因此需尽量压缩外包制作时间
  • 外包制作过程中,可及时关注进度

外包返回审核

  • 是否与需求保持一致
  • 功能点是否完善
  • 交互状态是否完善
  • 弹层是否完善
  • 一些校验是否完善,如表单校验

外包返回技术审核

基础要求

  • 不存在样式错位和脚本报错
  • 无冗余代码,代码整洁工整,HTML 结构合理清晰,注释完善
  • 表现与结构分离
  • 避免重复造轮子,能用组件实现的一定要使用组件
  • 各种间距与设计稿保持一致,如:行距、外边距、内边距、块与块之间距离
  • 宽度、高度按照设计稿,切勿太随意
  • 页面字体大小、颜色、是否加粗与设计稿一致
  • 合并css小背景图标

浏览器兼容性

  • 兼容chrome,IE7,IE8,IE9,IE10,Firefox,360浏览器。

屏幕适配

  • 需兼容的屏幕分辨率包括:1024x768、1440x900、1680x1050、1920x1080

可读性

  • 在屏蔽js、css后,页面要仍然具有良好的可读性。
  • flash无法加载的情况下,保证页面基本按钮或功能能使用。

注意事项

  • 拖大和缩小窗口,页面布局不会发生错位。
  • flash在浏览器缩放情况下,能居中显示。
  • fab改版制作的时候要注意,子渠道页配置参数pub-name和id保持和线上版本一致,否则会导致子渠道页下载地址被覆盖

交互规范

  • 所有连接和按钮都有有hover前后交互状态。
  • 文字链接必须有hover时交互状态,若设计稿无提供,给文字链接hover状态添加下划线示意。
  • 同一个专题,或同风格页面之间的跳转,当前页打开。
  • 不同产品,不同专题,不同页面风格之间跳转,可新窗口打开。
  • 信息提示尽量避免alert系统弹层
  • 分享组件都有hover状态

其他

  • 近期会整理外包规范,在外包规范未发布之前 先参考以上这些要点对外包页面进行审核
  • 更多规范可参考PC页面制作规范