【P1】五、原型设计与PRD入门-【2-原型设计的基本原则】

流程确定之后,产品对于其他人而言可能还是比较抽象,难以理解。对于自己来说很多细节的东西仍然是模糊的。

这个时候,绘制原型能很好的帮助你确定思路,完善细节。

请不要嫌我唠叨:原型设计是产品经理的基础技能,提高没有捷径,只有多练~小编鼓励大家务必至少要认真完成3~5页的课后作业。如果完成作业后,仍有余力的同学可以去完成官网作业中心完成作业。

【视频详细内容】

【以用户为中心产品设计】

2.1–原型设计:做大家看得懂的原型

原型在我看来,属于技能,容易掌握。

【本节目标】

  1. 了解产品原型
  2. 掌握产品原型设计的基本方法

【目录】

  1. 什么是产品原型?
  2. 如何开始产品原型设计?
  3. 原型设计的好习惯

1、什么是产品原型?

在产品画布中,寻找产品原型的出现位置:

  • 在产品分析过程中,出现在解决方案中
  • 在工作流中,出现在原型文档、需求评审、研发测试上线中

原型承载了解决方案的细化和落地。

1.1、什么是产品原型?

  • 产品原型,也叫线框图。是用线条、图形绘制出的产品框架。
  • 产品落地的关键点,从虚拟概念到用户接触的节点
  • 产品经理产出的关键内容,上传下达,传达给UI、UE同事,而且会成为研发参考的重要材料。

PRD与原型都属于产品经理的重要产出。PRD更侧重于书面说明,类似于说明书,而不是展示;原型是功能页面结构的直接视觉呈现,造成的理解偏差会小一些。

1.2、五大原型设计常用工具

纸和笔!!!+其他工具(Axure)

简单、方便、随时可以开始,记录思路快捷;

工具不是最重要的,重要的是人,工具用一个顺手的即可。

1.3、好的原型有什么特点?

整体感受:

  • 页面结构清晰
  • 跳转关系明确
  • 与业务流程一致
  • 完整表达用户需求

独立页面

  • 功能元素明确有序
  • 位置关系清晰
  • 不同状态变化清晰

交互设计

  • 清晰的交互逻辑
  • 一致交互方式
  • 界面统一

2.1、从原型到上线的过程

过程:手绘-》低保真-》高保真-》UI设计-》上线

做什么:确定干不干;确定元素;交互设计;视觉设计

和谁做:自己思考;其他产品运营;UE/UX;UI

2.2、做低保真原型之前,动手之前的忠告

  • 产品需求没想明白之前,不要摸Axure
  • 产品流程没理清楚之前,不要摸Axure
  • 在你没有手绘草图之前,不要摸Axure
  • 在你没把草图和boss过了基本确定之前,不要摸Axure

这几件事没做之前,先出低保真的话,那么你将面临大量改原型的工作。

2.3、开始原型设计

  1. 明确本次需求的用户与场景:分别有哪些用户,分别有哪些用户在什么情况下要完成的任务是什么;
  2. 认真研究需求的业务流程图:这是很关键的。
  3. 完成页面流程与目录:确定页面主要元素和主要功能点在哪里
  4. 确定页面框架:由前三步产出决定;
  5. 确定交互细节、串联;
  6. 讨论迭代细节修正;

在整个原型设计中,绘制原型的时间是最短的。

画原型改原型的时间尽量控制在20%以内,原型修改通常是因为需求没封闭;

3、原型设计的好习惯

【故事】

链接: https://pan.baidu.com/s/1pLudRlh 密码: rci8

3.1、先手绘,再上软件

  • 讨论阶段,手绘成本最低,调整容易
  • 大白板、A4纸都可以
  • 如果是APP的设计,可以去某宝买带手机框的白纸

3.2、用真实比例,真实的文案

  • 真实比例、真实字号会让元素更真实
  • 真实文案可以避免在需求评审的时候被质疑
  • 真实模拟可能出现的极端情况,并示例清楚

【三节课官网案例】

【故事】原型上色给UI。。。

3.3、不要上颜色、不要上颜色、不要上颜色

  • 原型就用黑白灰即可,不要上颜色
  • 做的太漂亮了,坑UI、坑UE
  • 做的太漂亮了,万一要调整你会舍不得删,因为你花费了太多的心思在上面,也说明你的效率变低了

3.4、目录树清晰  阅读流畅

链接: https://pan.baidu.com/s/1nvbQZJb 密码: bg6c

做交互细节时,更容易定位页面;

3.5、有修改记录  关键修改要重新保存文件

增加修改日期,修改内容;自己可以看到迭代过程,同事配合也会很方便;

链接: https://pan.baidu.com/s/1dF9ruGL 密码: mk44

修改后的原型,要另存一份原型,每一次修改之后,把文件名改成当天修改的日期,这样对文件管理和版本回溯非常有帮助。

链接: https://pan.baidu.com/s/1pLK2oLd 密码: swrd

3.6、紧扣需求主题  不横生枝节

  • 如果原型需要增加新功能,先考虑后端数据来源
  • 不要为了“长得好看”而增加新模块

如【三节课】的热门课程标签,

链接: https://pan.baidu.com/s/1pLmCqD1 密码: ecgw

热门课程这个标签是后台加的还是人工加的,有算法吗?等

如果你觉得:一个功能在未来有可能出现扩展,那这个功能有必要出现在这个文档当中吗?

3.7、三招让你成为原型设计大牛

  • 一定要努力画
  • 一定要认真画
  • 重复1和2

可以在三节课中还原。

【作业】

请还原好奇心日报分享功能。

作业要求:

1.体验这款产品上述的功能模块。

2.还原此功能的原型图(包含主流程,异常流程,提示和引导等),绘制工具不限,可使用Visio、Axure等软件,也可使用ProcessOn、Gliffy Editor等在线工具。

3.请对此流程进行优缺点分析,并得出结论。

 

发表评论

电子邮件地址不会被公开。 必填项已用*标注