美文网首页@产品
产品的原型设计

产品的原型设计

作者: 6552375bcdd4 | 来源:发表于2018-06-25 11:47 被阅读51次

在产品业务流程设计完之后,就已经形成明确的功能列表了。接下来要做的,就是根据确定好的业务流程,把这些功能用可视化的方式表达出来,交给研发来实现出来,目前最常见的是输出产品原型。

什么是产品原型?

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

产品的原型设计整体上更多考虑信息架构的设计,页面结构清晰,跳转关系明确,如功能结构、导航、菜单等方面的;清晰的交互逻辑,一致交互方式,界面统一,功能元素明确有序,位置关系清晰,不同状态变化清晰,如按钮点击、反馈、页面切换等, 与业务流程一致,完整表达用户需求独立页面。

从原型到上线的过程

举个例子:

某瘦身APP,现在产品需求已经明确,产品经理开始考虑画原型,

首先需要做的是:明确用户场景与需求

  目标用户:正在减肥过程中的年轻女性。 

  使用场景:减肥中,但计划比较混乱,方法也不系统,希望得到减肥方案,记录减肥过程,与同在减肥的人交流。

  解决问题:用户计划不系统,坚持不下去,需要自我证明和自我激励。

  产品亮点:极少的选择,极简的方案,难度设计递进式

核心流程 业务流程


业务流程

 

如果时间允许的情况下,加上交互设计,然后通过模拟操作,来判断你设计的流程、和交互有没有问题,有没有重复要删掉的地方,先把主流程走通以后,你就很清楚了,剩下的点设计起来就很快了。之所以要把交互效果加上,其主要目的就是为了给研发在原型演示的时候降低沟通成本,这样研发看起来也比较直观,一下就能明白这个到底做成什么效果。一个动态的交互效果,使用原型去描述可能只需要1秒钟,但如果使用文档则很可能需要写很多,而且也有可能说不清楚。

切记:

1、在你没把草图和boss过了基本确定之后,不要摸Axure

2、要减少原型设计所占用的时间,先手绘、再上软件,在讨论阶段,手绘成本最低,调整内容,按照页面流程图与手绘图,进行demo设计。

3、用真实的比例、真实的文案

3.1 真实比例、真实字号会让元素更真实

3.2 真实文案可以避免在需求评审的时候被质疑

3.3 真实模拟可能出现的极端情况,并示例清楚

4、不要上颜色

原型就用黑白灰即可,不要上颜色

做得太漂亮,坑UI\UE

做得太漂亮,万一调整你会不舍得删

5、目录树清晰、阅读流畅

6、有修改记录,关键修改重新保存文件

7、紧扣需求主题,如果原型需要增加新主题,先考虑后端数据来源,不要为了“长得好看,而增加新模块”

在产品需求没想明白之前,不要摸Axure

产品流程没理清楚之前,不要摸Axure

在你没有手绘草图之前,不要摸Axure

相关文章

  • 常见的登陆注册原型模板,墨刀都为你准备好了(直接使用)

    不论是设计教育类产品原型,还是设计电商类产品原型,亦或者资讯类产品原型设计、音乐类产品原型设计,都离不开的一步设计...

  • 产品原型

    产品原型是什么 产品原型可以概括的说是整个产品面市之前的一个框架设计。 原型设计是交互设计师与PD、PM、网站开发...

  • 设计资源:后台原型设计规范下载

    设计产品原型时,常会涉及到后台系统原型的设计,如何设计出更规范、标准的后台系统原型,相信产品经理都会思考这个问题,...

  • 深入浅出产品经理学习笔记

    产品原型设计(Axsure)——>产品原型验证(灰度验证)——>产品高保真原型图定制——>配合项目经理开展研发工作...

  • “基本产品”设计流程

    在产品设计阶段,产品经理的职责是参与产出“基本产品”,具体流程是: 1.与设计师合作设计产品的高保真原型,该原型只...

  • 产品的原型应该如何去测试?

    产品的原型设计是产品设计开发的必要过程之一,而且原型设计在扮演着越来越重要的角色。原型设计的成功与否,有时会直接影...

  • 工具

    工具: 产品原型设计:mockplus axure

  • 【B 端】2.产品设计

    一、工作流程:设计产品架构→设计产品原型→设计交互→设计 UI 二、工作内容 1.设计产品架构 需要:产品发展路线...

  • 产品原型设计

    产品原型设计 原型:用线条、图形描绘出的产品框架,也称线框图。 设计:综合考虑产品目标、功能需求场景、用户体验等因...

  • 读书笔记:产品软件开发

    产品设计方式 第一,产品经理与设计师合作设计产品的高保真原型,这个原型只具备实现商业目标的最基本功能要求,以及良好...

网友评论

  • 悠宜心理:外行看热闹😜😜有不少专业术语,看起来也比较吃力,基于超超反复强调,特地百度了一下什么是Axure。

    不过文章结构清晰,逻辑严谨,表述到位,关于产品原型,还是了解了一些!!

本文标题:产品的原型设计

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