深入解析:产品经理原型设计技巧指南(第一部分)

更新:11-23 现代故事 我要投稿 纠错 投诉

大家好,今天小编来为大家解答以下的问题,关于深入解析:产品经理原型设计技巧指南(第一部分),这个很多人还不知道,现在让我们一起来看看吧!

在大公司内部,一般不需要产品经理进行具体的界面交互设计。大多数时候,产品团队与UED团队合作设计产品原型,发布的交付物是产品原型和页面交互图,而产品经理则需要制作产品需求文档(PRD文档)。然而,在大多数创业公司团队中,并没有如此豪华的产品设计和交互设计团队。常见的组合往往是产品经理加UI设计师,因此产品经理一般负责交互设计。岗位职责:输出交互设计稿,也是产品原型。

什么是产品原型

简单来说,产品原型就是设计方案的表达。它是产品经理和交互设计师的重要产出之一。也是项目组其他成员(特别是设计人员和开发人员)评价的重要参考和依据。

结合我们前面学到的知识,产品界面原型其实就是页面级的信息架构、文案设计以及页面之间的交互过程。该图为产品功能及内容示意图。

直接上传几张原型图可能会更清楚,如下图:

原型设计稿产品设计原型按照复杂程度分为低保真产品原型、高保真产品原型和设计成品。

低保真产品原型:

所谓低保真原型实际上是对产品的比较简单的模拟。简单描述了产品的外部特征和基本功能架构。在许多情况下,可以使用简单的设计工具快速生成来代表原始设计。概念和想法。

例如,用纸笔手绘、用绘图软件绘制的简单线框图都被认为是低保真产品原型。

这样的原型图有几个优点: 1、可以快速制作:有时候一个需求的开发周期很短,低保真原型可以快速满足同事的时间要求。 2、修改成本低:一个产品方案可能会被多次修改,低保真原型修改起来非常方便。当然,低保真原型也存在交互细节不清晰、容易产生误解等问题。

一般来说,只有在时间紧张、要求比较简单的情况下,我们才会制作低保真产品原型。

高保真产品原型:

高保真产品原型是具有高功能性和交互性的原型设计,是忠实展示产品功能、界面元素和功能流程的手段。无论是功能模块的大小、文案设计甚至原型图中使用的图标、图例、交互动作,都使用真实的素材,或者非常接近最终UI设计师的输出,而且被认为是高保真产品原型。

高保真的好处: 1、轻松梳理产品细节:制作高保真原型的过程可以让产品经理提前发现产品中的各种潜在问题,提前应对风险。 2、让其他成员更容易理解产品设计:有时候一个简单的线框图无法让别人想象出你想要做什么,也不清楚你想要放入哪些领域,但高保真原型可以。

相对而言,缺点是生产周期比较长,如果涉及到产品工艺的修改,则必须重新重新构建基础原型。

对于刚入门的产品经理来说,我总是建议,如果有时间的话,尽量多画高保真原型。因为当你一开始没有太多产品设计经验的时候,设计一些高保真原型对于梳理自己的产品思维、理解产品设计是非常有帮助的。对于参与时间较长的同学来说,取决于要求的复杂程度和时间安排。例如,产品的关键页面必须用高保真原型进行设计和梳理。

成品设计:

这里的成品设计也可以理解为视觉设计师制作的UI设计稿,是设计师对你的产品原型进行美化后产生的作品。设计师会利用一定的设计规范,将你的原型变成可以通过开发实现的作品。

成品设计出来的那一刻,产品经理要做的就是和设计师PK。我们这里就不详细描述了。

下面用一张图来比较三个原型的差异:

三种原型与原型设计工具的比较

以下是产品经理常用的一些原型工具:

1.Axure RP,推荐指数

axure官网Axure RP是一款专业的快速原型制作工具。 Axure(发音:Ack-sure)代表美国Axure公司; RP是快速原型技术的缩写。

Axure是产品经理必备的工具。没什么好说的了。看看招聘网站上关于PM的招聘信息。基本上所有的职位描述都包含一句“熟练使用Axure”,所以你就知道了。

2、墨刀,推荐指数

魔道魔道也是一款原型设计软件。虽然功能可能不是那么齐全,但是对于一般使用来说已经足够了。目前分为网页版和客户端。网页版可以直接使用,客户端其实就是网页版。功能,一般来说会下载客户端,使用时需要连接互联网。

魔道相配有几个优点: 1、简单易用; 2、支持团队多人协作; 3、控件全部现成; 4.可直接在手机上预览;

当然,缺点也很明显: 1、依赖网络,网络不稳定或服务器不稳定时无法使用; 2、很多交互功能不够强大;

3.Visio 2013,推荐索引

visio官网很多资深的产品规划师、产品经理都用它来设计过产品原型。他们被认为是线框专业人士。相对灵活,对Office使用习惯的接受程度较高。另一个好处是支持各种平台尺寸设计。一些产品设计团队已经从原来的Axure调整为Visio,因为Visio可以更方便地输出标准尺寸的PDF文档,方便同事之间的交流。

在学习之初,很多刚入门的产品经理热衷于寻找在线课程,学习Axure等工具的工具和教程,乐此不疲;他们希望通过展示自己对工具使用的熟练程度,能够在互动学习的道路上加强自己的求职或发展。然而,这不是重点。工具只是承载我们思想和内容的载体,所以没必要花太多时间去掌握工具技能。产品设计的内容才是真正需要深思熟虑、深思熟虑的。

设计原型时需要注意的事项

通过上面的介绍,我们其实已经明白了,一个好的产品原型可以让别人快速理解我们要做什么,降低团队沟通成本,保证下一步做什么不会产生误解。

产品经理画出原型后,往往会非常高兴,想让所有团队成员立即看到自己的设计成果。但此时的原型图通常是不完整的,很多场景和因素缺乏考虑,从按钮的位置、字段显示,到功能流程设计和逻辑设计。如果你轻易把这么不完整的原型交给技术,不仅技术会批评你,用户也可能会批评你,甚至老板也会批评你。所以,打磨产品原型非常重要,设计原型时尽量考虑各种场景和因素,分析得尽可能详细,让大家从原型上看到你的态度。

一般来说,原型设计需要明确表达以下几点:

1. 界面元素

什么是界面元素,比如文字、下拉框、按钮、图标、图片等,这些都是界面元素。当我们使用原型工具(如Axure、Ink Knife、Visio等)设计产品原型时,我们需要明确界面上的元素是什么,如何显示,鼠标或鼠标移动时会出现什么效果。单击它们。

2.数据逻辑

这一点往往被很多创业团队和新手产品经理所忽视。例如,在直播列表界面中,其上有三个标签,分别是关注直播、热门直播和最新直播。那么你需要解释一下你的原型设计中获取最新直播的数据逻辑。当然,最新直播的数据采集逻辑比较简单。也许你不给研发人员解释清楚,他们就知道是按时间倒序排列的;但如果遇到稍微复杂的数据逻辑,比如刚才提到的关注直播的数据获取是获取关注机构的直播还是获取个人的直播,就需要解释清楚。

3. 操作逻辑

原型界面上可以操作哪些元素,哪些可以点击,哪些可以选择,操作后会出现什么样的反馈,比如弹出一个浮层?输入新页面?或者弹出一个新页面?或者给我一个提示?这些也需要在原型设计中解释清楚。

这三点是一个完整的原型设计基本上需要包含的内容。再加上之前画好的产品结构思维导图和流程图,基本上就可以轻松愉快的和开发者沟通了。只有这样,开发人员才能明确这个原型设计的开发需求,而不是让开发工程师猜测数据逻辑和算法应该是什么样子。

如下图,可以对原型设计进行相关注释:

原型设计说明谈产品需求文件(PRD文件)

很多公司要求产品经理写产品需求文档。我们来看看一份完整的产品需求文档包含哪些部分:

产品需求文档内容一般来说,产品经理往往不会写得这么详细。如果能涵盖前四部分,则认为是基本合格的产品需求文件。

我们来看看文档中具体包含了哪些内容:

1概述

概述部分简要介绍了产品背景、产品目标等。

1.1 产品概述和目标——包括背景介绍和产品用途

1.2 名词解释——声明文件中出现的名词含义

1.3 数据字典——介绍本产品中数据的数据项、数据结构、数据流、数据存储、处理逻辑、外部实体等。

1.4 文档阅读对象——声明本文档输出的阅读对象及注意事项

2. 产品说明

产品描述介绍了产品的整体逻辑流程,简要描述了产品需求、产品版本规划、产品整体框架结构、功能列表。整体的产品流程和产品框架需要用相应的图表来展示。

2.1 产品整体流程——展示产品框架图和用户流程图。

2.2 产品需求描述——描述产品的核心功能,解决哪些场景下的哪些需求。

2.3 产品版本规划——描述产品版本迭代计划、版本号、主要模块、功能点、计划开发时间、计划结束时间、备注。

2.4 产品框架——显示页面层次结构及备注信息

2.5 功能列表——显示产品功能名称、对应模块、功能描述、备注等信息。

3功能说明

功能需求部分需要详细描述产品涉及的每个功能点。将整体框架拆分为若干个独立的功能点,并分别描述每个功能点的逻辑流程图、接口、领域描述和业务描述。使用Use Case方法统一描述。

3.1 流程图

3.2 界面原型

3.3 字段描述(含数据字典)

3.4 业务描述(用例)

4.非功能性需求

非功能性需求是对产品其他方面的需求。

4.1 安全要求

4.2 统计要求

4.3 性能要求

4.4 可用性要求

产品需求文档好吧,我们已经了解了常规产品需求文档的样子。曾经和朋友聊天,提到他们公司的产品需求文档是word格式的产品需求文档,长达200多页。事实上,这样的文档看起来相当费力,而且更新和同步也不容易;

用户评论

凝残月

这篇文章很有帮助!我之前对原型设计的理解一直很模糊,想要学习如何更好的进行产品经理工作。

    有15位网友表示赞同!

把孤独喂饱

原型设计是产品经理的工作重点,希望这篇文章能给我一些实践性的经验指导。

    有20位网友表示赞同!

醉红颜

我一直好奇专业的产品经理是怎么进行原型设计的?真希望能通过这篇文章深入了解。

    有11位网友表示赞同!

ˉ夨落旳尐孩。

做产品经理感觉需要掌握很多技能,原型设计就是其中一个很重要的部分!

    有15位网友表示赞同!

断秋风

想要成为一名优秀的的产品经理,掌握原型设计技巧是必须的!

    有20位网友表示赞同!

孤城暮雨

看到这个标题我就觉得很有吸引力啊,我迫不及待想看内容了!

    有14位网友表示赞同!

醉婉笙歌

产品经理的工作流程中,原型设计环节一直让我感到困惑,希望这篇文章能解答我的疑问。

    有10位网友表示赞同!

生命一旅程

学习原型设计可以帮助我更好地理解产品的设计思路?

    有16位网友表示赞同!

一笑抵千言

我想通过学习文章来提升自己产品的可视化表达能力!

    有8位网友表示赞同!

歇火

从零开始做产品经理,学习这些技巧都是必不可少的。希望这篇文章能够详细讲解操作方法。

    有16位网友表示赞同!

陌上蔷薇

原型设计对产品最终的效果影响很大,需要好好掌握这个技能!

    有8位网友表示赞同!

开心的笨小孩

这个标题很有针对性,我对原型设计的细节一直不太了解。

    有17位网友表示赞同!

凉月流沐@

想学习如何用更加专业的工具进行原型设计。

    有9位网友表示赞同!

寻鱼水之欢

希望这篇文章能介绍一些经典的原型设计案例分析。

    有13位网友表示赞同!

伱德柔情是我的痛。

学习原型设计可以让我在产品思维上更上一层楼!

    有16位网友表示赞同!

赋流云

我的朋友是做产品经理的,我打算分享这篇给他,希望他能从中学习到东西。

    有10位网友表示赞同!

遗憾最汹涌

对产品经理来说,掌握设计技能绝对是一大优势!

    有13位网友表示赞同!

青袂婉约

想了解更多关于产品经理职业发展途径的信息,或许这篇文章能提供一些启发。

    有8位网友表示赞同!

Edinburgh°南空

学习原型设计可以让我在职场中更有竞争力。

    有5位网友表示赞同!

【深入解析:产品经理原型设计技巧指南(第一部分)】相关文章:

1.蛤蟆讨媳妇【哈尼族民间故事】

2.米颠拜石

3.王羲之临池学书

4.清代敢于创新的“浓墨宰相”——刘墉

5.“巧取豪夺”的由来--米芾逸事

6.荒唐洁癖 惜砚如身(米芾逸事)

7.拜石为兄--米芾逸事

8.郑板桥轶事十则

9.王献之被公主抢亲后的悲惨人生

10.史上真实张三丰:在棺材中竟神奇复活

上一篇:超越十道绝阵:揭秘哪吒与雷震子是否成为“炮灰” 下一篇:绽放自我:如何在逆境中成为那朵盛开的风景