Reality_TobePM

2018-03-24 原型设计与PRD入门

2018-03-24  本文已影响0人  DevToPM

今天学习了原型设计与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如何埋点

上一篇 下一篇

猜你喜欢

热点阅读