阅读更多


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

 

什么是产品原型?


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



 

什么是合格的产品原型?

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

然而在实际开发过程中,高保真原型图的验收目前没有统一的标准,本文采用的是程序员客栈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呈现最终产品的样貌,为开发提供准确的参考,通常不涉及交互策略。 从概念上看,原型图跟...

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

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

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

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

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

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

  • 教你如何做原型设计

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

  • 高校学生选课系统项目源码资源

    项目名称: 高校学生选课系统 内容概要: 高校学生选课系统是为了方便高校学生进行选课管理而设计的系统。该系统提供了学生选课、查看课程信息、管理个人课程表等功能,同时也为教师提供了课程发布和管理功能,以及管理员对整个选课系统的管理功能。 适用人群: 学生: 高校本科生和研究生,用于选课、查看课程信息、管理个人课程表等。 教师: 高校教师,用于发布课程、管理课程信息和学生选课情况等。 管理员: 系统管理员,用于管理整个选课系统,包括用户管理、课程管理、权限管理等。 使用场景及目标: 学生选课场景: 学生登录系统后可以浏览课程列表,根据自己的专业和兴趣选择适合自己的课程,并进行选课操作。系统会实时更新学生的选课信息,并生成个人课程表。 教师发布课程场景: 教师登录系统后可以发布新的课程信息,包括课程名称、课程描述、上课时间、上课地点等。发布后的课程将出现在课程列表中供学生选择。 管理员管理场景: 管理员可以管理系统的用户信息,包括学生、教师和管理员账号的添加、删除和修改;管理课程信息,包括课程的添加、删除和修改;管理系统的权限控制,包括用户权限的分配和管理。 目标: 为高校学生提

  • TC-125 230V 50HZ 圆锯

    TC-125 230V 50HZ 圆锯

  • 影音娱乐北雨影音系统 v1.0.1-bymov101.rar

    北雨影音系统 v1.0.1_bymov101.rar 是一个计算机专业的 JSP 源码资料包,它为用户提供了一个强大而灵活的在线影音娱乐平台。该系统集成了多种功能,包括视频上传、播放、分享和评论等,旨在为用户提供一个全面而便捷的在线视频观看体验。首先,北雨影音系统具有强大的视频上传功能。用户可以轻松地将本地的视频文件上传到系统中,并与其他人分享。系统支持多种视频格式,包括常见的 MP4、AVI、FLV 等,确保用户能够方便地上传和观看各种类型的视频。其次,该系统提供了丰富的视频播放功能。用户可以选择不同的视频进行观看,并且可以调整视频的清晰度、音量等参数,以适应不同的观看需求。系统还支持自动播放下一个视频的功能,让用户可以连续观看多个视频,无需手动切换。此外,北雨影音系统还提供了一个社交互动的平台。用户可以在视频下方发表评论,与其他观众进行交流和讨论。这为用户之间的互动提供了便利,增加了观看视频的乐趣和参与感。最后,该系统还具备良好的用户体验和界面设计。界面简洁明了,操作直观易用,让用户可以快速上手并使用各项功能。同时,系统还提供了个性化的推荐功能,根据用户的观看历史和兴趣,为用户推荐

  • Tripp Trapp 儿童椅用户指南 STOKKE

    Tripp Trapp 儿童椅用户指南

Global site tag (gtag.js) - Google Analytics