今天学习了原型设计与PRD的入门,说白了还是要多画多写多实践。以下是学习的笔记:
第一部分 页面流程图与结构
(0)先画业务流程图 后画页面流程图(用户使用过程),突出重点元素与逻辑关系,之后可以帮助提高原型设计的准确度。
(2)页面流程图与信息架构图区别
页面流程图以用户视角,看流程的合理性,适合于跳转比较复杂的产品,如电商社交类
信息架构图以产品视角,看包含功能点,
适合于层级分明,如音乐新闻类
(3)页面流程图包含内容:
四方形,流向,重点元素。
(4)画页面流程图的步骤:
1.回归逻辑!页面流程来自于业务流程,为业务流程方形部分,异常流程为弹窗或弹层。
2.明确页面中重点元素:增加异常流程的处理逻辑,增加辅助的帮助页面,考虑下游触发点
3.沟通和优化:画原型草图并优化元素,并与ui开发沟通调整。
第二部分 原型设计
(1)常用工具:纸和笔!!Axure,sketch,墨刀
(2)流程:手绘 ——> 低保真——> 高保真 ——>ui设计——>上线
(3)动手前的忠告:
1.产品需求没想明白,不要摸axure
2.产品流程没理清楚,不要摸axure
3.没有手绘草图之前,不要摸axure
4.没有把草图和boss基本确认之前,不要摸axure
(4)开始原型设计
1.明确需求用户场景
2.认真研究需要业务流程图
3.完成页面流程与目录
4.确认页面框架
5.确定交互细节串联
6.讨论迭代细节修正
(5)原型设计的良好习惯:
1.先手绘,再上软件
2.真实比例和真实字号与文案
3.不要上颜色
4.目录树清晰,阅读流畅
5.有修改记录,重新保存
6.紧扣需求,不要横生枝节
(6)三招成为原型大牛
1.一定要努力画
2.一定要认真画
3.重复一百遍1和2
第三部分如何写prd需求文档
(1)什么是需求文档
内容:明确产品背景,需求,流程,原型,交互等内容
(2)需求文档的作用
内部沟通,存档
(3)优秀的需求文档具备要素:
结构:逻辑清晰,层次分明
背景:需求背景描述清楚
流程图:业务流程和页面流程都有
目标:考核指标,算法清楚
习惯:记录变更过程
(4)需求文档怎么写
1.项目背景与需求分析
1.1用户场景问题
1.2分析过程
1.3背景资料数据
1.4解决方案
2.本次需求的目的及功能列表
2.1需求整体与所处阶段
2.2需求做什么?前后关系等?
2.3功能列表
2.4涉及功能与页面有哪些
3.流程与所处的产品模块列表
3.1业务逻辑图
3.2业务流程图
3.3页面流程图
4.功能详细介绍
4.1交互设计图
4.2原型图
5.简要的测试用例介绍(可选)
6.考核指标与计算方法
6.1本次需求统计指标
(比如点击转化率)
6.2怎么计算公式
6.3如何埋点