阅读更多


一款成功的产品,诞生自一个成功的想法。但是一款产品从诞生到成型需要经历想法-原型-设计-开发-测试等漫长的过程,可以说原型设计在整个产品流程中处于最重要的位置。

 

什么是产品原型?


简单的说,产品原型就是产品设计成形之前的一个简单框架,即将页面模块、元素进行粗放式的排版和布局,同时加入一些交互性的元素,使其更加形象具体。也就是说,原型的设计是将想法(抽象信息)转化为线条和图形(具象信息)的过程,最终以产品框架的形式呈现。



 

什么是合格的产品原型?

产品原型图以实现业务逻辑,详细阐明产品功能为核心。粗略的原型常常为后续的设计和开发带来很多的不变,增加沟通成本,所以在项目开发中要尽可能地使用高保真原型图,专注于产品原型的细节、功能及说明,同时要有一定视觉美感 。

然而在实际开发过程中,高保真原型图的验收目前没有统一的标准,本文采用的是程序员客栈www.proginn.com制定的标准。下面我们通过具体的案例来说明合格的高保真原型应该是怎样的。

 

 

案例一 不合格的原型


1、缺乏『产品结构图』和『核心流程图』

2、上图中数字标记的位置

[1] 指示不明(不登录显示什么?有没有下拉?)

[2] 标签多余(其他页面没有与之相关的编辑页面)

[3] 按钮等重要操作,没有连接到指定页面(本案例是静态图原型)

[4] 两模块差异明显(粗糙拼凑)

 

案例二 合格的原型



 

案例二 - 产品结构图



 

案例二 - 核心流程图及说明



 

案例二的产品原型,结构图明确,流程图清晰,重要页面指示和说明详细,有一定视觉美感。


高保真原型是一种把各种损耗降低到最小的开发方式。当然,在不同的项目中,对高保真原型图的要求也不一样。只要原型清晰地体现使用场景、信息架构、布局、控件逻辑、尺寸等要素,不给后续的设计和开发留坑,降低沟通和开发成本,一般而言就是合格的产品原型。

1
0
评论 共 1 条 请登录后发表评论
1 楼 枕梁一梦 2016-08-17 10:05
非常棒的一篇简洁短文。通过将不合格原型与合格原型的对比,从几个关键点说明了合格原型应该如何设计。 

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

  • 好饭帮_V1.0_APP产品原型及需求文档_20170316(合格).rp

    好饭帮_V1.0_APP产品原型及需求文档_20170316(合格).rp

  • 移动互联网时代:合格的产品原型是怎样的?

    一款成功的产品,诞生自一个成功的想法。但是一款产品从诞生到成型需要经历想法-原型-设计-开发-测试等漫长的过程,可以说原型设计在整个产品流程中处于最重要的位置。

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

    同时一个合格的原型可以从多个方面模拟真正的产品,并切实的反应出产品所存在的问题。 那么,如何才能从原型中分析出产品存在的问题呢?这里就涉及到了对于产品原型的测试。 1. 原型测试的目的和目标: ...

  • 产品经理,不会画原型又何妨?

    我看过很多厉害的产品经理,如果单说原型水平,他们甚至连Axure中的动态面板都不知道是怎么回事,可这不妨碍他们成为优秀的产品经理。 画原型和做产品,其实还差着十万八千里! 01.会画原型最多是基础中的基础...

  • 为什么产品经理都在学画原型?

    而一个合格的产品经理也都是从画好产品原型开始的。 什么是原型? "快速产品实践 "。 "原型"的定义简而言之,首先原型不是最终产品,而是"快速实践"——可以通过收集反馈来测试产品方案。 产品...

  • 产品经理对原型和PRD的认知到达这个水准,才能称之为合格的PM

    其实每一个产品经理的内心深处,都有着一颗文艺青年的心灵,也正是拥有了这样一颗感受丰富、体验细腻的产品之心,才使得我们能够对产品设计的细节有着更为透彻和深入的理解。

  • 01-认识产品经理:什么是合格的产品经理?其分类?岗位职责?能力素质?职业发展?

    1、知道什么才是合格的产品经理;2、了解产品经理的分类;3、了解产品经理的岗位职责;4、了解产品经理的能力素质;5、知道产品经理的职业发展;6、了解了产品经理的学习路径及方法

  • 产品必备技能(十):如何绘制原型图?先要绘制页面流程图+页面原型图!附实操原型图、流程图实例(抖音)

    文章目录目标题目实操步骤模板实操【抖音】APP的视频发布功能页面流程绘制页面流程图合格标准绘制页面原型图合格标准 目标 新入行的产品经理都对原型抱有向往的心境,但是有经验的产品经理不会一上来就画原型,而是...

  • 你是一名合格的产品经理吗?

    产品经理是现在非常火的一个职业,也是很多人转行的首选职业。非常奇怪的是大学中几乎没有产品经理这门专业,所以这个岗位似乎谁都能做,却又让人很难找到门径。下面金老师和大家探讨一下。  产品经理如此...

  • 聊聊产品经理原型设计中的 “道术器”

    抽象来看,“道术器”其实...“术” 是方法,指原型设计的设计方法与策略,直接影响产品经理原型设计的技能优劣、效率高低。我们都知道“选择比努力重要”,好的方法可以让我们沿着正确的路径去决策,使工作事半功倍。

  • 听说原型是UI的工作,我要暴走了…

    原型图:根据需求文档用线条、图形描绘出的产品框架及逻辑; UI图:跟我们平时在PC端或手机端看到的界面一样,追求1:1呈现最终产品的样貌,为开发提供准确的参考,通常不涉及交互策略。 从概念上看,原型图跟...

  • 计算机产品经理工作职责,我的思考:产品经理职责是什么?

    我把身边目前能够接触到的大部分产品经理定义为:业务需求的收集者、原型和文档的撰写者、工作汇报的发言者、客户问题的跟进者和项目进度的跟踪者。能把以上工作做好,已经能够得到团队的认可,但有一天,当你因为...

  • 「贴吧之父」俞军:什么是产品经理?

    但我们要明白,人有异质性,社会有情境性,这些与产品相关的经验和规律只是具有统计意义上的显著性,只可归纳,不可演绎,即不能保证能准确预测具体的个人行为和新情境下的市场变化。行为的产生是意识和外界刺激共同...

  • 产品经理的职业生涯规划是怎么样的?

    产品经理的职业生涯规划是怎么样的?产品经理是否吃青春饭? 如果对青春饭下一个定义,我认为是: 对工作强度有高要求,并且经验获取难度不高的职业 随着年龄,核心竞争力逐渐丧失的职业(典型的就是靠脸吃饭) ...

  • 教你如何做原型设计

    一、原型图核心功能:需求可视化 网站原型图设计是【需求可视化】的一个过程,是让网站的初步构思有一个可视化的展示。原型图是网站成型之前的一个简单框架,网页内的重要元素和板块功能将会通过绘制原型图,进行...

  • spring 异步编程样例

    spring 异步编程样例

  • 带有 python 3 和 opencv 4.1 的 Docker 映像.zip

    带有 python 3.7 和 opencv 4.1.0 的 Docker 映像用法docker run -it jjanzic/docker-python3-opencv python>>> import cv2带有标签的图像包含使用contrib 模块:contrib构建的 docker 镜像可用的docker标签列表opencv-4.1.0(latest分支)contrib-opencv-4.1.0(opencv_contrib分支)opencv-4.0.1contrib-opencv-4.0.1opencv-4.0.0contrib-opencv-4.0.0opencv-3.4.2contrib-opencv-3.4.2opencv-3.4.1contrib-opencv-3.4.1opencv-3.4.0contrib-opencv-3.4.0opencv-3.3.0contrib-opencv-3.3.0opencv-3.2.0contrib-opencv-3.2.0

  • 原生js鼠标滑过文字淡入淡出效果.zip

    原生js鼠标滑过文字淡入淡出效果.zip

  • 1-中国各省、市、区、县距离港口和海岸线的距离计算代码+计算结果-社科数据.zip

    中国各城市、区、县距离港口和海岸线的距离数据集提供了全国各城市及区、县的坐标信息,以及各个港口和海岸线的坐标信息。通过R语言计算,得出了各城市、区县与港口和海岸线之间的距离。该数据集包含了各港口的经纬度、各城市与港口之间的距离、各区县与港口之间的距离、中国各城市质心与港口的最近距离、中国各城市质心与海岸线的距离、中国各区县质心与港口的最近距离以及中国各区县质心与海岸线的距离等指标。此外,还涉及中国各省距离海岸线的距离数据。港口等级划分参考了《全国沿海港口布局规划》,包括上海港、大连港等45个港口。数据集覆盖了全国31个省及直辖市,是研究地理、经济和规划等领域的宝贵资源。

Global site tag (gtag.js) - Google Analytics