合格的产品原型应该是怎样的?

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

什么是产品原型?

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

清晰易懂的产品原型不仅方便产品经理与领导、UI设计师和技术人员在前期沟通产品思路,也可以更好地帮助美工和开发人员理解产品特性,使后续的设计和开发更为顺畅,提高整体的开发效率。

什么是合格的产品原型?

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

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

案例一 不合格的原型

案例一存在的问题:

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

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

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

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

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

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

案例二 合格的原型

案例二 - 产品结构图

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

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

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

时间: 2024-11-07 12:39:15

合格的产品原型应该是怎样的?的相关文章

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

一款成功的产品,诞生自一个成功的想法.但是一款产品从诞生到成型需要经历想法-原型-设计-开发-测试等漫长的过程,可以说原型设计在整个产品流程中处于最重要的位置. 什么是产品原型? 简单的说,产品原型就是产品设计成形之前的一个简单框架,即将页面模块.元素进行粗放式的排版和布局,同时加入一些交互性的元素,使其更加形象具体.也就是说,原型的设计是将想法(抽象信息)转化为线条和图形(具象信息)的过程,最终以产品框架的形式呈现. 清晰易懂的产品原型不仅方便产品经理与领导.UI设计师和技术人员在前期沟通产品

产品设计课程——合格的产品经理

本文转载分享至e良师益友网 很多人不知道自己不是好的产品经理,所以不知道好的产品经理应该具备什么能力,只知道做一个产品经理必备的一些能力,希望可以帮到你. 你所要具备的能力: a.一些技术背景(便于和技术人员沟通.做功能优先级的排序等) b.产品原型制作能力(原型文档.需求说明书.流程图,便于研发人员了解用户需求,理清思路,加快开发进程等) c.产品文档能力(用户手册.白皮书,帮助研发人员完成除编码和技术研究外的其他杂事) d.用研发人员的方式和他们沟通,而不是一个传话筒(前提是你做了很多可以缩

15款优秀移动APP产品原型设计工具

一款优秀的移动APP产品原型设计工具应该具备: ①.支持移动端演示(随时随地演示给BOSS,厕所&食堂&电梯-以体现我是那么的敬业--长点工资必备) ②.组件库(高效复用,谁用谁知道) ③.可以快速生成全局流程(程序猿看不懂拆解的,给丫的看这个) ④.在线协作(多个PM狗一起用) ⑤.手势操作.转场动画.交互特效-(这些都不需要,留给专业的交互.视觉,搞那么虚的不如多想想产品流程逻辑做做减法.写写xxRD啥的) 这些年,产品狗们折腾过的原型工具: 1. POP(Prototyping on

产品原型浅见

产品原型浅见 产品原型的设计可以说是产品经理或者产品助理的重要工作,对于刚刚从事产品工作的朋友们来说,可能对"原型"这个东西的定位本身就不是很清晰,导致在工作中经常费力不讨好,事倍功半.那么这篇文章我就从以下几个方面谈谈我对产品原型设计的一些看法: 究竟什么是产品原型 产品原型的保真程度 产品原型的用途(使用场景) 一.什么事产品原型 产品原型是产品被开发出来之前,用来表达设计理念.功能逻辑的模型,用来把抽象的想法.需求转化为直观的图形,比如下面两张插图. 那么我们在项目开发之前为什么

从产品原型到交互设计的过渡——初学者心得

产品经理根据需求来规划产品原型,但是产品原型往往比较粗糙,可能只包含了核心功能描述或者模块划分.我之前问过很多朋友产品经理的原型和交互设计师的原型相比有何异同,得到的结果简单来说,前者更加笼统且注重功能规划;而后者则更加细致,注重的是人机交互和用户体验. 我希望将自己培养成一个产品设计师,而不仅仅是产品经理.因此今天来和大家交流一下作为一个初学者在最近交互设计工作中的一些心得. 1.注重页面空白部分 对于空白列表.空白正文或缺失图片时,最好能够给予恰当的反馈,而不是给用户看白纸. 2.关注界面的

六大步骤分解产品原型设计过程

本教程将从整体和局部实例两个部分来讲解原型设计的步骤.产品的原型设计一般是基于文档的形式所表达出来的形象设计,想要把产品原型设计做好其实并不容易,想把原型做得比文档好更不容易,这里会结合一些产品原型设计的方法以及技巧来介绍原型设计的步骤,希望可以帮到有需要的朋友. 设计原型也是讲究方法步骤的,一是要提升原型设计的合理性,避免出现头重脚轻的保真程度不一致的情况:二是要减少原型设计所占用的时间,大家各自的工作时间都是很宝贵的,不可能在原型设计上投入过多的时间,因此掌握一些原型设计的方法和技巧相当必要

SAE与SVN结合在线看产品原型教程

先大概了解下SAE(Sina App Engine),你可以理解为一个免费的在线服务器.因为Axure生成的文档就是普通的HTML格式,也就是最简单的静态网页,所以完全可以把它上传到任意一台WEB服务器上,一个URL就能访问了. 首先,你需要注册成为SAE开发者,而且需要手机绑定和实名认证.这一点是有点麻烦,但是一劳永逸,认证后基本上就免费使用了. 然后在SAE控制面板里选择“创建应用”,我们需要创建一个新的php空应用(理论上HTML文档是和开发语言无关的,但在可选的PHP.Python和Ja

【产品规划】如何快速进行产品原型设计

IT创业者,一般都是有idea,然后需要根据产品做出设计图.那么,如何快速准确的做产品原型设计呢? 方法/步骤 对用户需求进行文字描述.用文字描述这个软件,需要哪些功能.要怎样的结构,开始是怎样,过程是怎样,有哪些要注意的.(这阶段其实就是把重点给挑选出来,以免后续的产品设计过程中,遗漏了重点项目) 草图设计阶段.这个阶段,可以天马行空,不用拘泥于传统.也就是自由创作,将思想,以图形形式表达出来.当然,不拘泥于传统不意味着就要排除传统.传统有传统的优点.在这里建议,创业如果已有很多创新点了,那么

UI的必修课——产品原型设计

想要做好ui设计,为什么要学习产品原型设计?下面小编就给大家简单分析一下其中的原因,希望对大家后期的学习有所帮助. 为了能够更好地实现自己的职业价值,设计师需要掌握更多其他方面的技能,其中产品原型设计就是比较典型的,具体有哪些呢? 一.快速入行需要 其实很多设计师一开始并不明白自己到哪一个程度,才算是真正的入门.当前市场上比较流行的产品原型设计工具很多,因此ui设计师需要掌握的技能还有很多,如果你想快速入行ui设计,可以考虑专业学习产品原型设计相关技能. 二.提高设计质量 掌握更多的知识,考虑问