美文网首页饥人谷技术博客
#1 课堂笔记-产品流程,前端工作

#1 课堂笔记-产品流程,前端工作

作者: Regisa | 来源:发表于2016-02-20 23:09 被阅读96次

产品流程

需求

干什么,用户群体,什么风格,什么样子,网校风格还是新式绚丽的,怎么绚丽,需要什么模块。

-产品经理的任务。

研究其他网站,看怎么做更吸引人。

交互稿:简易的流程稿。APP首页 → 另一页面 → 另一页面,简易画/交互功能点,讨论修改。

设计稿:粗线条,按钮,输入框 → 细化,字体,宽高,等,形成设计稿。得到PSD文件。

(prd:产品需求文档)

分期完成功能:迭代

排期:项目启动时间,何时设计师交稿,前后端开发时间多少,何时功能预演(基本成型时),何时提测,何时上线。

项目Kick off:,所有过一遍,列风险点,开会,进度,文档位置。

开发:前端需要交互稿。切图做网页;移动端/桌面端。

前端任务:PSD → html, css, js和接口。

非单单静态页面,前端展示+后端服务+后端接口。

定接口,点击按钮得到数据,然后展示数据:接口,请求后端,得到数据。

前后端同步开发

接口,模拟数据;格式正确。

切图/html/css/js/接口

和后端一起调试

网站后台不是单纯html,通常是模版。

后台自动做渲染。

页面html切分成模版

定义接口模式

一起调试,查看接口数据是否正确。

提测

预演/冒烟:不是很完美,但是已经可以让别人看了,心里有底,是个什么东西。

------

> 桌面考虑浏览器兼容

> 移动端可以放心使用html5特性

相关文章

  • #1 课堂笔记-产品流程,前端工作

    产品流程 需求: 干什么,用户群体,什么风格,什么样子,网校风格还是新式绚丽的,怎么绚丽,需要什么模块。 -产品经...

  • AI产品经理网课笔记9/2

    标题:AI产品设计的工作流程课堂笔记:1,AI整机工作流程:(软件部分)feature list-产品设计-开发测...

  • 开发流程

    前端开发流程梳理 ```tex 1 产品需求 产品调研 2 设计开发 设计开发 设计评审 3 后端开发 后端提...

  • HTML/CSS 知识点

    整个前端开发的工作流程 产品经理提出项目需求 UI出设计稿 前端人员负责开发静态页面(跟前端同步的后台人员在准备数...

  • >10.21产品思维

    10.21产品思维人机交互--操作逻辑--界面美观 1、互联网产品开发流程 产品-ue/ux-UI-前端-后台-测...

  • 移动设计

    一 设计流程 1. Web app产品流程 需求->交互原型->视觉效果图->前端demo->开发->测试->上线...

  • 虎牙前端职位信息

    职位描述 1. 负责公司Web前端直播产品的相关开发任务。 2. 负责梳理和优化前端开发流程,搭建高效集成的前端开...

  • Node.js使用大全

    先回顾一下我们前端的主要工作: 后端主要工作: 前端(PC、IOS、Android等)和 后端 的协作流程? 1、...

  • 陈沫沫-初识HTML之基础篇

    前端认知 ** 一、公司开发流程**1、 产品需求(产品经理给需求文档)2、项目设计(视觉设计师给PSD文件,交互...

  • 挖一掘:模糊的前端 为啥是非常非常重要?

    模糊前端,是新产品开发流程的一个概念。 在讲解“新产品开发流程”时,模糊前端的重要性做了十分的强调。 原文描述是...

网友评论

    本文标题:#1 课堂笔记-产品流程,前端工作

    本文链接:https://www.haomeiwen.com/subject/xixmqttx.html