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

目的:产品原型的规范化,目的是清楚表达产品设计理念和功能交互及执行逻辑,提高产品、研发、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.原型设计工具有哪些?7款好用的原型设计工具推荐产品原型设计工具有哪些?除了Axure,还有这6款! 产品原型设计工具是设计师制作产品原型必不可少的工具。产品原型工具能帮我们解决很多问题,但是产品原型工具的选择却成为一大难题。除了我们熟知的产品原型设计工具Axure外,其实市面上还有很多好用的产品原型设计工具,例如Pixso。本篇文章,将分享7款好用的产品原型设计工具https://pixso.cn/designskills/yuanxinggongjvtuijian/
2.产品经理常用原型设计工具有哪些产品经理常用原型设计工具有哪些 产品经理常用的原型设计工具:Axure、墨刀和即时设计。 一、Axure RP Axure RP是一款功能强大的原型设计工具,它以丰富的交互功能和精细的设计控件赢得了广大产品经理的青睐。Axure RP的优点包括: 高度仿真:Axure能够制作出高保真度的原型,几乎可以完全模拟出最终产品的交互效果,让用户在https://www.soufuzi.com/jianzhan/1886
3.原型设计工具有哪些?原型设计工具排名免费原型工具推荐原型设计工具哪个最好用?像axure、mockplus、sketch、墨刀等都是常用的原型设计软件,可以用于画原型图、web网页原型设计等,是交互设计师和产品经理必备工具。绿色资源网还提供了手机版原型设计工具哦!http://www.downcc.com/k/yxsjgj/
4.常用的原型设计工具有哪些?常用的原型设计工具有哪些? 工欲善其事必先利其器,作为一名产品经理或者设计师,原型工具是必备的工具,分享8款常用的原型设计工具:Axure、百度脑图、创客贴、墨刀、摹客、Invision、ProcessOn、sketch。 1、Axure Axure是一款专业设计师不容错过的免费原型设计工具,设计师可以用它快速创建应用软件或Web线框图、流程图https://www.chuangkit.com/blog/pingmiansheji342.html
5.?原型图用什么软件做?原型设计工具有哪些原型图设计是众多行业比较常见的设计方式,尤其是对于产品开发行业来说,为物品设计原型图,可和产品经理快速沟通,并把握产品的外观等等。对于那些行业内的人来讲,原型图用什么软件做比较好?常见的原型设计工具有哪些?下面就让小的给大家推荐几款。 原型设计是什么? https://www.xianjichina.com/special/detail_547152.html
6.盘点专业产品经理都在用的原型设计工具,看看有你用的吗产品经理都在用哪些原型设计工具。现在,我们经常可以听到“产品”这个概念。而产品的问世,是离不开产品经理进行构思与策划的;特别是如今的互联网产品,更是离不开原型设计。所以,原型设计工具对于产品经理来说,可谓是“做饭的炊具”、“上战场的武器”。那么,如今专业的产品经理,都在用哪些原型设计工具呢。话https://mydown.yesky.com/news/77452.html
7.原型设计的重要性你真的知道吗?腾讯云开发者社区“很难想象一个没有原型的产品是如何诞生的。原型设计的核心目的在于测试产品,没有哪一家互联网公司可以不经过测试,就直接上产品和服务。”本文将介绍什么是原型设计?原型的类型有哪些?他们的优缺点是什么?最后我将介绍一些我喜欢的原型工具。 1. 什么是原型设计? https://cloud.tencent.com/developer/article/1063777
8.常用的快速Web原型图设计工具有哪些?无论是桌面软件、Web网站还是移动APP界面,原型设计都是产品设计流程中非常重要的一环,原型设计在一定程度上是为了说明用户将如何与产品进行交互,用来展现更初的产品设想,起到直观展示和有效沟通的作用。那么有哪些常用的WEB原型设计工具呢? Web原型图设计工具一览 https://www.adinnet.cn/bloginfo/2018_03/blog_3497.html
9.《界面设计》复习资料14.下列哪些是Sketch的优势() A.界面简单易上手B.高、低保真原型一键切换C.团队协作D.自带组件库E.丰富的第三方插件【注释】:第一章1.2.2 第3-7页 Sketch的优势包括以上答案的内容,除此之外还支持简单图像处理 15.新时代交互设计师除了要会“交互”以外,还需要()。 A.懂产品B.懂技术C.懂剪辑D.懂视觉Ehttps://www.wjx.cn/xz/260641939.aspx
10.掌握这20条用户体验设计原则,助力设计成长!信息架构在制作线框图或原型之前完成,因为它是产品的基础,有助于设计师考虑什么功能是最重要的,哪些是用户最需要的以及哪些次要内容可以隐藏起来等。 这种结构与产品的导航设计密切相关,有助于将用户引导到正确的位置。导航和信息架构都试图让用户以最少的认知努力来完成操作。 https://maimai.cn/article/detail?fid=1634038199&efid=Q8OQitPTUtErr9eSTYczCA
11.产品经理常用原型设计工具详细介绍工具的价值在于它们能够帮助我们 更有效地完成任务和解决问题。工具可以提高工作效率、提高生产力、促进创新、降低生产成本等等。日常工作中,产品经理很多工作都是借助工具完成的,因此,在本章节中,我们将陆续为大家介绍产品经理常用的工具都有哪些? 原型设计作为产品经理日常工作中使用频率最高的工具,因此,我们一定要找到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
12.墨刀墨刀是A股上市公司万兴科技旗下的原型设计工具,支持APP、网站页面、管理后台、可视化大屏、工业HMI、小程序、H5多场景领域原型设计,AI智能生成组件、页面,智能填充,支持执行AI语义化指令,支持团队项目实时协作和管理,金融级数据安全保障,还支持私有化部署,是产品经理https://modao.cc/
13.强推!海内外8大超强产品原型设计工具海内外8大超强产品原型设计工具 什么是产品原型设计? 产品原型设计是创建一个产品的有形模型,以便设计师、开发人员、客户以及其他利益相关者能够更好地理解和评估产品的功能、界面和交互体验。原型是对产品概念的具体化,通常是一个简化的版本,它包括产品的基本功能和外观,但并不需要完全实现所有的细节和功能。https://blog.51cto.com/u_9540389/6228192
14.原型设计工具是什么工具原型工具是干嘛的→MAIGOO知识摘要:原型是解决方案的简单实验模型,原型设计工具就是产品设计师进行原型设计时使用的工具,其主要作用就是帮助设计师设计产品原型,方便和其他设计师讨论、测试产品相关的设计想法,起到明确问题和方案、促进团队高效沟通、验证和改进个人想法等作用。下面一起来了解一下原型设计工具是什么工具吧。 https://m.maigoo.com/goomai/265657.html
15.产品经理认证知识体系指南第二版学习笔记产品组合管理 产品创新流程 产品创新管理 产品设计和开发工具 产品创新中的市场调研(根据外界环境调整汽车行驶) 文化、团队和领导力(汽车内饰氛围) 1 战略 关键因素, 是定位、资源、竞争优势及其组合应用。 战略四个层级:组织战略(使命)、经营战略其次(市场份额和营收)、创新战略再次(如何重视技术和合作)、职能战略最https://idarc.cn/index.php/archives/3707/
16.原型设计工具有哪些原型设计工具有哪些2023-06-18 精选回答 原型设计是将想法转变为设计过程中重要的一环。常用的原型设计工具有:Mockplus、Axure RP Pro、Flinto、Origami、Balsamiq、Principle、 UXpin、MockFlow、InVision、Framer等,不同的原型工具对应不同场景,下面就列举四种常见场景对应的适合的原型图设计工具。 一、中低保真设计https://wap.hxsd.com/wenda/63032/
17.这6个原型设计产品工具产品经理都在用!今天给大家介绍 6 个产品经理都在用的原型设计产品工具,它们分别是即时设计、Sketch、Figma、JustinMind、Axure RP 、UXPin,如果你还没找到适合自己的原型设计产品工具,那就来看看本文介绍的这几个原型设计产品工具吧!https://js.design/special/article/tools-for-prototyping-your-product.html
18.原型设计工具人人都是产品经理2年初级原型设计工具 产品设计 推荐的四款产品原型设计工具 【编者按】本文转载自个人博客—羽化博客,原作者通过对页面原型设计的理解来介绍四款原型设计工具。 与一般针对产品功能的介绍不同,本文以亲身的设计需求为出发点,通 旺旺旺旺旺仔 原型设计工具 https://www.woshipm.com/tag/%E5%8E%9F%E5%9E%8B%E8%AE%BE%E8%AE%A1%E5%B7%A5%E5%85%B7
19.几个常用的产品原型设计工具有人说产品经理是产品的灵魂,有人说产品经理是企业的核心。对于我们未来想要做产品经理,获得较高的收入,实现自己对产品的诠释,原型图是肯定绕不开的。即便刚毕业我们去做产品助理,原型设计也是产品助理的主要工作。 下面跟大家聊聊几款产品经理常用的原型设计工具,产品工作感兴趣的同学可以用来熟练下使用技巧,未来也提https://www.jianshu.com/p/9d9bbd31b0b5
20.Axure怎么设计网页的登陆页面?其他工具软件教程Axure是一款功能强大的交互设计软件,作为产品小白入门时的必学软件,从做一个登录界面开始展开我们的学习历程。 这里我用的是Axure RP 8为大家演示如何制作一个登录界面。作为一个学习分享,如果有不妥之处,还望各位多多指教,敬请见谅。 快速产品原型设计工具 Axure RP Pro v7.0.0.3174 汉化绿色版 https://www.jb51.net/softjc/525276.html
21.原型设计工具用哪个比较好?4种原型设计工具优缺点对比分析对设计师来说,一款好用的原型设计工具可以让他们的工作效率大大提高,能省下很多时间。当然,不同的原型设计工具都有一定的差异!那么到底哪个原型设计工具比较好呢?下面给大家推荐几款好用的原型设计软件,有需要的朋友可以根据自己的需要进行参考。 1、Axure RP https://www.niaogebiji.com/article-105555-1.html
22.2024年10款好用的原型设计工具推荐在产品开发过程中,原型设计是非常重要的一环,它不仅有助于团队间的协作与沟通,更是产品是否符合用户体验的关键,本文中我们来推荐几款好用的原型设计工具 Axure Axure是一款非常强大的原型设计软件,支持Windows和macOS,它将将线框和原型设计的功能集于一身,让设计师无需代码就能够创建逼真的网站和APP应用的交互原型https://www.v1tx.com/post/best-prototyping-tools/