产品流程
需求:
干什么,用户群体,什么风格,什么样子,网校风格还是新式绚丽的,怎么绚丽,需要什么模块。
-产品经理的任务。
研究其他网站,看怎么做更吸引人。
交互稿:简易的流程稿。APP首页 → 另一页面 → 另一页面,简易画/交互功能点,讨论修改。
设计稿:粗线条,按钮,输入框 → 细化,字体,宽高,等,形成设计稿。得到PSD文件。
(prd:产品需求文档)
分期完成功能:迭代
排期:项目启动时间,何时设计师交稿,前后端开发时间多少,何时功能预演(基本成型时),何时提测,何时上线。
项目Kick off:,所有过一遍,列风险点,开会,进度,文档位置。
开发:前端需要交互稿。切图做网页;移动端/桌面端。
前端任务:PSD → html, css, js和接口。
非单单静态页面,前端展示+后端服务+后端接口。
定接口,点击按钮得到数据,然后展示数据:接口,请求后端,得到数据。
前后端同步开发
接口,模拟数据;格式正确。
切图/html/css/js/接口
和后端一起调试
网站后台不是单纯html,通常是模版。
后台自动做渲染。
页面html切分成模版
定义接口模式
一起调试,查看接口数据是否正确。
提测
预演/冒烟:不是很完美,但是已经可以让别人看了,心里有底,是个什么东西。
------
> 桌面考虑浏览器兼容
> 移动端可以放心使用html5特性