外包项目注意事项

提交项目给外包之前工作

核对需求

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

制作说明文档

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

约定时间点

• 约定的时间点要明确，需精确到具体某个钟点，如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页面制作规范