产品管理流程及规范:产品原型设计

目的:产品原型的规范化,目的是清楚表达产品设计理念和功能交互及执行逻辑,提高产品、研发、UI及业务部门之间的沟通效率,避免信息不对称和信息传达的遗漏和缺失而导致的整个项目进度延期问题。

一般有五个维度来测量一个原型的真实(保真)程度。

a、视觉精炼层次

原型与最终产品看上去有多相似?一个低保真的原型也许就是一个手绘的草稿,而一个高保真原型就会是精确到像素,看上去和真实的产品没什么区别。

b、功能的广度

原型能够包含多少的功能?一个低保真的原型聚焦于那些最重要的任务,而高保真原型会有更细节的任务

c、功能的深度

每一个功能能够被多大程度地制作成原型?一个低保真的原型可以在页面和页面之间跳转,并在已有典型数据的情况下,告诉你大概的用户流程。一个高保真的原型可以让你输入数据,知道那些在进行不同的输入时影响到输出的区分。

d、交互的丰富性

原型中会有多少的交互?低保真原型也许会相当简单,在用户使用时没有任何的反馈信息。高保真原型将会考虑动画效果,表单验证,和所有用户与产品直接的细节交互。

e、数据模型的丰富性

你的原型中应用的数据有多丰富?低保真原型使用的是有限的,典型的数据设置,显示最常见的用例。高保真原型会包括边缘的情况,比如非常长的用户名(应该减少用户名的长度),无数据(提供默认人物头像),第一次使用(使用空白状态),或者极端大的数据量(使用翻页或者过滤)。

产品原型设计根据还原度,也就是与最终成本的逼真度,大致分为低保真、中保真,高保真原型。我在过往中基本做到中保真,这也是绝大公司的要求。不同团队及个人可能对保真度理解不一致,仅仅为个人观点。

a、低保真原型

表现软件的重点功能和基本交互过程,使用简易的线框进行处理,。好处是:制作成本低,速度快,修改也方便,在功能简单及团队沟通顺畅时可以使用

b、中度保真原型

c.高保真原型

d、各类保真度优劣总结

墨刀:设计界面原型及交互(目前阶段使用),墨刀在线协作优势更明显,保密性上可以由公司统一购买账号尽量避免使用私人账号并在权限上做一定的限制;

Axure:的保密性更强,功能更强大,但是在线协作稍微差一点点。

Xmind:绘制功能结构图(主要);

Visio:绘制用户使用流程、系统业务流程、功能架构等;

Word:开发周期允许时撰写PRD;

一个完整项目的产品原型需要有“大纲”,包含内容如下:

a、版本记录

需明确记录原型的增删改内容及日期,

b、功能点列表

列出该原型图的功能点,明确开发任务及优先级。对于分期开发,但原型已经出完的,标注不同功能开发的阶段,“1期”、“2期”等。

b、功能结构图中使用的功能及页面名称要和“功能清单列表”保持一致,

示例:

a、原型界面设计

在绘制产品原型时,按思维导图的产品规划,先搭框架,制作主页面菜单,菜单支持多个级别,各页面的层级关系需要明确,但一般不要超过3级到4级,级数过多则意味着用户的使用层级深,是不太好的方式。。

设置母版,对于产品中的通用性功能、模块、建立统一的母版组建,为后期原型绘制提高便利性,如统一调用母版,统一修改母版。

b、逻辑交互说明

包含数据逻辑和操作交互,主要是面向开发人员和UI设计人员阐述。描述要有利于功能逻辑的实现”,比如说,以下两种方式的准确性

i.点击购物车结算按钮,跳转到订单支付页面。

ii.点击购物车结算按钮,需要判断是否选中商品,所选中商品是否有货,a、如果没有选中商品,点击之后则当页弹窗提醒“您尚未选中商品”,b、如果有选中商品,则跳转订单支付页面(对于不同情况下的点击效果,需要做多个按钮进行不同跳转,),可进一步说明不同跳转的切换效果,比如是左右滑动还是直接跳转等。

对比以上两种方式,则第二种更明确,这也会减少沟通成本。

c、设计说明

如果对设计有特殊要求的也需要做说明,比如支付的一般此阿勇明亮饱和的色调,专业性则一般采取蓝色,或者有设计可供参考的,配色等方面。但如果对于设计没有较好感觉,或是专业知识的,建议尽量让设计师处理,毕竟专业的事情留给专业的人来做嘛。

给主要交互控件设置交互用例,这在墨刀中算是较为容易实现,比Axure要简单,只需要连线即可,完善的交互能够帮助开发清晰的理解需求。

a、在页面层级树的第一个顶级菜单设置并填写【产品名称】,下面可以添加更多层级;

b、版本号——采用子页面进行管理,页面名称命名:版本号+【版本编号】如版本号V1.1.1;

d、功能清单说明——采用子页面进行管理,使用表格说明本次产品原型中需求的主要内容和功能;

e、正式原型部分:

i、产品页面的层级,最高一般不超过4层;

ii、产品模块,命名规则为“【序号】+【产品模块名称】”;

iii、产品功能级页面,命名规则为“【序号】+【产品页面名称】”;

复用元件/组件,必须使用母版设计,然后再统一添加到页面上。在添加母版时,产品的背景,要求使用“位置锁定”,防止在原型绘制的过程中,背景变动频繁调整的情况;

a、PC默认尺寸为墨刀的【网页/电视】类别,APP/H5/小程序默认尺寸选择iPhone6或者一个特定的尺寸,并在之后的原型沿用;

b、APP的框架设计不区分Android与IOS,仅在交互用例的设计上进行区分;

“流程页面”设计并制作用户对本功能的使用流程,一般使用泳道流程图,泳道流程图的画法可以进行百度搜索,一般而言是二维方式,横轴为角色,纵轴为流程进展,在流程旁边,给出必要的文字备注说明,对流程进行进一步的阐述。

需按照产品原型规范要求,需使用能更好表达原型的,使产品原型上的所有功能板块,能够

准备模拟用户的操作情景,保证所有功能的动态面板交互、点击效果、页面跳转链接等交互效果准确并正确。

并且为准确描述页面的交互效果需求。可在页面旁边增加“点击交互效果需求”的说明,来描述页面中每一个功能的操作交互需求。

为了方便开发人员查看和理解,在产品原型中对功能的实现逻辑或使用的限制条件等进行说明。对页面的功能点进行编号,在对应编号进行说明备注

范例:

项目整体页面之间的交互流向逻辑,这个在墨刀上有一个工作流,可以点击进入之后,选择需要展示流向的页面,之后可以选择:a、每个页面与页面整体交互的方式;b、所有控件交互的流向两种方式进行自动生成。第一种方式对于查看页面的主交互方式更清晰

以上即是“产品管理流程及规范3——产品原型设计”的内容,主要讲解了产品原型设计的一些标准、规范及实际操作方式,方法。

THE END
1.几个常用的产品原型设计工具有人说产品经理是产品的灵魂,有人说产品经理是企业的核心。对于我们未来想要做产品经理,获得较高的收入,实现自己对产品的诠释,原型图是肯定绕不开的。即便刚毕业我们去做产品助理,原型设计也是产品助理的主要工作。 下面跟大家聊聊几款产品经理常用的原型设计工具,产品工作感兴趣的同学可以用来熟练下使用技巧,未来也提https://www.jianshu.com/p/9d9bbd31b0b5
2.即时原型即时原型(原xiaopiu)是产品原型设计工具和团队实时协作平台,作为产品经理和交互设计师工作学习的必备软件工具,堪称快速原型交互设计神器。可制作手机app、web网站网页、桌面应用软件的原型,拥有海量原型交互模板资源素材,可替代axure在线使用无需下载https://www.xiaopiu.com/
3.用一个实战项目,让你全面认识产品原型的诞生过程!优设网流程图是产品设计的基本,可以保证产品的使用逻辑合理,在 app 中,流程图也叫业务流程图。花语 app 中的流程图可以分为很多模块,现以主要的识别功能的流程图作例子。 八、中保真原型图 低保真原型图:一般产品经理做的原型图叫低保真原型图,也叫线框图,给 UI设计师以及开发看,其中的文字描述比较多,要列明所有的https://www.uisdc.com/actual-project-understanding-product-prototyping-process
4.4000字干货!让你一次搞懂什么是产品原型设计三、5款优秀的产品原型设计工具 目前市面上有很多优秀的原型设计工具,这里我重点为大家介绍5款,功能都很强大,选择一款上手就好。 1、摹客RP 官网:https://www.mockplus.cn/rp 摹客RP是一款专业的在线原型设计工具,它功能全面,具备界面设计、组件设计、交互设计等核心原型设计能。 https://blog.csdn.net/jongde1/article/details/142852910
5.产品原型设计模板分享,产品经理,产品设计,Axure原型产品Emil品向设计 淮安 |产品设计师 创作 215 粉丝 3024 关注 许倩武 广州 |产品设计师 创作 23 粉丝 2720 关注 808design 深圳 |产品设计师 创作 10 粉丝 133 关注 泊喜的tommy 厦门 |产品设计师 创作 36 粉丝 7488 关注 核玩coreplay 北京 |产品设计师 创作 58 粉丝 9480 关注 产品原型设计模板分享,产品经理,https://www.zcool.com.cn/article/ZMTUwMzExNg==.html
6.4种常见的原型设计方法,一起学基础!上述原型设计方法非常适合产品设计的早期阶段,能够探索和定义高级用户体验,同时考虑到最终用户的痛点。但是,在设计数字产品时,必须确保所有交互流程一致且体验良好。为此,我们需要使用数字线框图。在任何网站或移动应用设计的过程中,线框图作为设计元素和功能的图示,它有助于帮助定义和更好地传达信息层次结构,让参与设计https://pixso.cn/designskills/yuanxingshejifangfa/
7.关于产品原型的思考,以及对设计冲刺精益创业和敏捷开发的理解什么是产品原型? 原型(prototype)这个概念最早出现在工业设计领域,是设计师用来更好呈现设计理念、验证产品、打磨产品的一种方式,同时也能够起到节约成本的效果。 产品原型简单的说就是产品设计成形之前的一个简单框架,是用于表达产品功能和内容的示意图,对网站来讲,就是将页面模块、元素进行粗放式的排版和布局,深入一https://www.digitaling.com/articles/457309.html
8.产品经理常用原型设计工具详细介绍因此,在选择原型设计工具时,我们需要综合考虑各种因素,以确保选择到最适合我们的工具,从而更好地完成产品经理的工作任务。下面,我们推荐几款大家常用的原型设计工具。 一、 AxureRP 原型工具 1. 产品介绍 Axure RP 是美国 Axure Software Solution 公司的旗舰产品,是一个专业的快速原型设计工具。产品经理可以使用 https://www.msn.cn/zh-cn/news/other/%E4%BA%A7%E5%93%81%E7%BB%8F%E7%90%86%E5%B8%B8%E7%94%A8%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7%E8%AF%A6%E7%BB%86%E4%BB%8B%E7%BB%8D/ar-AA1m8GPa
9.产品交互原型设计产品交互原型设计方案大家好!今天让小编来大家介绍下关于产品交互原型设计_产品交互原型设计方案的问题,以下是小编对此问题的归纳整理,让我们一起来看看吧。 文章目录列表: 1、产品原型工具有哪些 2、网站交互设计:线框图,原型和视觉稿的区别 3、交互设计是开发阶段还是原型设计阶段 https://jbairui.net/designzixun/29519.html
10.产品经理需要掌握的能力:产品的原型设计人人都是产品经理原型设计是每一个产品经理都需要掌握的一大基本功,本文总结了在产品工作中为什么要构建产品原型以及如何构建的思路,一起来看看吧。 一、为什么要构建产品原型 明确产品需求对构建产品原型非常重要,主要有以下几个原因: 确保产品目标和方向:明确产品需求可以帮助团队明确产品的目标和方向,确定产品的功能、特性和用户体验。https://www.woshipm.com/share/5918705.html
11.什么是产品Demo原型设计?产品 Demo 原型设计能够帮助设计师和开发团队更好地理解产品的需求和功能,在产品开发的早期阶段,Demo 原型设计充当了一个非常重要的角色,它可以让设计师和开发者之间保持更加有效的沟通,并且帮助他们更好地预测和解决潜在问题。 Demo 原型设计可以被定义为通过创建可视化、交互式模型来展示并且演示产品功能的过程。这个https://js.design/special/article/product-demo-prototyping.html
12.产品原型图是什么意思原型设计是产品设计过程中最重要的步骤之一,这也是一直以来,困扰了很多初入产品设计的设计师的难题,尤其是产品原型图,所以,今天小编就来帮你解惑,产品原型图是什么意思? 我们都知道,一款产品成型之前得有一个简单的框架,就是将页面的排版布局展现出来,使得每个功能键的交互,产品的初步构思有一个可视化的展示。一般是https://www.hxsd.com/content/27094/
13.原型设计原型设计是一个迭代过程,它让你能够对设计进行评估和测试。制作原型能带来很多好处: 原型根据页面的保真程度可以划分为草图、低保真和高保真。在进行原型设计之前,我们需要根据使用场景的不同、使用人群的不同,甚至是项目的不同阶段,我们需要产出设计不同保真度的产品原型。首先,我们先从设计需求、使用场景来说明这三类https://runwise.co/applied-leadership/design-thinking/8781.html
14.产品经理的原型设计应该做到什么程度–PingCode产品经理的原型设计应该做到足够详细以呈现主要功能和用户流程、简洁明了以便团队理解、灵活可迭代以适应变化。详细程度上,应覆盖产品的核心功能,这样开发人员能够明白设计意图并准确实现。比如,在设计购物应用的原型时,产品经理应确保核心流程如搜索商品、添加到购物车、结账等步骤被清晰规划并通过原型工具呈现出来。这包括https://docs.pingcode.com/ask/200228.html
15.产品原型(Demo)设计Axure入门培训产品原型(Demo)设计-Axure入门培训 xure是一个快速的原型工具,主要是针对负责定义需求、定义规格、设计功能、设计界面的专家,包括用户体验设计师(UX)、交互设计师(UI)、业务分析师(BA)、信息架构师(IA)、可用性专家(UE)和产品经理(PM)。 Axure能让你快速的进行原型的设计,让相关人员对你的设计进行体验和验证,向https://www.iteye.com/resource/sugeek-10558555
16.互联网产品经理必备原型设计互联网产品经理必备 Axure 快速原型设计 Axure RP 可以让桌面应用软件和 Web 网站的设计师创建线框图、流程 图、原型和规格说明文档,它比任何当前 其它创建静态原型的工具如 Visio, Omnigraffle 、 Illustrator 、 Photoshop 、 Dreamweaver, Visual Studio、 FireWorks、GUI Studio 等都要快速、高效,因为它才是真正 https://doc.mbalib.com/view/1c3967648ba71650e3212b6c904c1af5.html
17.什么是交互原型设计交互原型设计工具如何画交互原型→MAIGOO知识摘要:交互原型设计是交互设计师通过原型工具,将文字产品需求转化成具体的图形产品方案的产物,一般使用原型设计工具画交互原型时,主要考虑设计思路和方案展示两方面,一般要画原型展现完整的流程、界面以及界面中的元素展现需求的所有功能点、界面中元素的各种状态说明、元素操作后的效果等内容。下面一起来了解一下交互原型设https://www.maigoo.com/goomai/265841.html
18.Axure(或Sketch)做产品原型设计5个要素综合教程教程Axure(或Sketch)做产品原型设计5个要素 手机观看 分享/下载 加入专辑收藏 记笔记 讲师:吴金志 关注人数:662 关注 学员互动(5) 综合评分:9.2评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问http://www.huke88.com/course/22644.html
19.原型设计的重要性你真的知道吗?腾讯云开发者社区一个好产品的诞生,必定离不开原型设计。原型设计是整个产品开发中最重要的, 并且确定了整个软件的方向,重要性就和建筑师的设计图一样。 “很难想象一个没有原型的产品是如何诞生的。原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务。”本文将介绍什么是原型设计?原型的类型https://cloud.tencent.com/developer/article/1063777
20.20个原型设计案例,助你原型设计效率起飞!在产品设计过程中,原型设计扮演着至关重要的角色,它为整个产品的发展奠定了基础。想要做好原型设计,经验的积累是不可或缺的。而对于新手来说,想要快速开启原型设计之旅,除了可以选择使用快速原型设计工具外,还可学习和参考一些优秀的原型设计案例。参考和学习这些高质量的原型设计案例有助于迅速理解和应用设计原则,掌握https://blog.51cto.com/u_9540389/6500487
21.产品开发中所涉及的几种原型原型对产品的开发是非常重要的,优秀产品的诞生离不开原型设计。原型设计在产品开发的整个过程中是最重要的,但许多人没有意识到原型设计开发阶段的差异。这是所有工业设计公司应该了解的几种原型,下面小编向大家简单介绍: 1、概念原型 通过功能、设计、结构和操作特性演示产品远景的高级应用程序原型。概念原型可以帮助你http://yunbo-design.com/gsdt/xydt_1737_3076.html