在线原型原型设计工具

产品原型在每个产品经理中都起着至关重要的作用。结合实际经验,作者将从原型设计的角度,主要阐述如何设计产品原型图、产品原型图的哪些部分以及设计组件库的建设。我希望它能帮助你。

在线原型原型设计工具

前几篇文章从B端产品的业务梳理、业务和流程设计的角度分析了产品设计前的一些基本工作。这些准备工作完成后,我们的原型设计将相对更加流畅和清晰。本文将从原型设计的角度,主要阐述如何设计产品原型图、产品原型图包括哪些部分以及设计组件库的构建。

关于原型设计软件,各有千秋,大家可以根据自己的喜好或习惯选择合适的工具,可以呈现需求设计。

话不多说,开始干货~

一、如何设计产品原型图

1. 将需求转化为原型图

在这一部分,我们需要将文本转换为图像,让用户更直观地感受到需求的实现,以确定需求设计的正确性。这个链接也是大多数产品经理的核心工作。

当我们根据一定的需要设计原型时,首先要考虑的是基于早期的过程设计,需要拆分几个页面来完成这个需求,以及每个页面实现了什么样的功能。这部分不再重复,你可以看到一篇文章《B业务设计的终端产品设计。

简单地说,这一步是通过每个组件和交互设计来实现每个页面的需求。如果之前的信息足够详细,原型设计非常快。

当然,这还没有结束。在原型设计过程中,需要考虑功能设计的合理性我是用弹出窗口还是页面来承载信息?

虽然这么小的设计会影响开发团队的工作量,但产品经理是原型设计环节要考虑设计的每一步,为什么要这样设计,这样设计的好处是什么?多问问自己,多想想。这样,在原型评价环节,就会有理有据,而不是简单地说xxx产品也是这样设计的。

我想和大家分享一下之前做航空公司的小需求。

eg:创建飞行员培训计划。

流程设计:创建培训计划-选择培训师-发布培训计划-查看培训结果。

需求很简单,是新计划的需求。

根据这个过程设计,即使是统一的业务流程,每个产品经理的设计原型也是不同的,因为他们的思维方式和思维点是不同的。有些根本不考虑外部条件,如培训计划是否涉及离线预约会议室,人员是否有假期冲突,有些过度考虑,导致任何条件自己判断,整个系统非常复杂,非常详细,但设计周期会很长。

最好的原型设计是清楚地表达需求和功能点,参与者(需求方、开发实现团队)可以清楚地了解自己的部分。

因此,原型设计简单复杂,考验了产品经理对需求的控制和原型设计的合理性,可以尽可能降低开发成本,同时为用户更好地解释解决方案。

二、二八法则设计

结合上一篇文章《B终端产品的业务设计可以终端产品的业务设计可以完成80%的原型。该功能为页面布局设计和交互式设计提供了基础。同样是28条规则。产品经理根据功能架构、流程图等早期研究结果进行原型设计,完成80%的原型设计和PRD,剩下的20%需要和团队在一起头脑风暴,补充或调整原型,输出最终100%的原型设计。

当然也可能有返工,比如UI设计发现这里的布局调整紧凑,发现原来的交互方式无法实现,或者与预期结果相差,会导致原型调整。调整并不可怕。可怕的是重新设计。因此,在提到80%的原型设计输出后,有必要与团队沟通和澄清,以降低返工率,确保产品业务设计的核心不偏离。

记住,产品经理最忌讳闭门造车,努力设计了很久的原型,可能会在评审阶段领先。我们还需要在设计上预留替代方案,这样在调整的时候就不会觉得都是重新设计的。如果有组件库,调整会更快完成,后面会说~

学会控制节奏,被动地转向主动,这样就不会有那么大的压力~

3. 原型设计包含内容

(1)全局说明

原型部分的整体描述主要是指页面设计规范和逻辑设计规范,保持整体统一,贯穿原型设计-UI/UE设计-开发-测试整条线。测试每个阶段负责人的细化能力,因为你需要从更高的维度来审视你负责的部分。产品经理和设计师需要掌握页面和交互式设计规范,产品经理和开发团队需要掌握逻辑设计规范。

页面设计规范:和交互设计师/UI设计师共同完成;这部分主要是规范设计尺寸、交互体现等。

例如,警告弹出窗、颜色大小和交互(倒计时2)s自动消失)。

例如,一级标题大小24px,二级标题大小20px等。

这部分可以作为参考,如优酷、饿了么等设计规范。

逻辑设计规范:与开发团队共同完成;这部分主要是规范一般逻辑的规则设计,比页面设计规范少。

例如,新用户验证规则、接口调用规则、成功返回、失败返回/报警等 。

常用的逻辑规则可以提炼出来,写在全局设计中,这样就不用强调每一个地方了。

事实上,在规范全局设计的同时,也在规范各阶段后的参与,提高效率,同时也在规范整体设计。

(2)功能流程设计

将前期整理的功能流程设计放入原型中,方便功能原型/交互设计时对照流程进行设计,也方便开发团队一起看原型和流程。

(3)原型图设计

我见过很多产品经理追求完美,所以原型设计需要很长时间,因为他们总是想交付最好的原型图,并且可以做一个详细的地方。事实上,原型图在这里,我们只需要通过图形设计来实现需求表达。

在大多数情况下,留给产品经理的时间并不多。即使有足够的时间,我们也会因为需求变化或其他情况而导致原型设计时间紧张。常见的是甲乙双方。甲方一开始确实表达了这一点A,看完原型,可能会变成A 所以我们最终输出的可能是A N或者是A-N,事实上,变化并不可怕,我们只需要掌握自己的节奏。

高低保真是否取决于目前的需求。在大多数情况下,它仍然是低保真。首先,它可以快速完成原型设计阶段,响应需求。其次,它给设计师留下了更多的空间,不限制设计师的想象力和发挥,尽管两者之间的关系也非常微妙~

最后,一直在提到的设计边界,原型设计也应该注意边界感。结合上述部分,功能设计不应冗余和复杂,而应逐步完成。就像我们实现的交通工具一样,它不是在车轮的开始,而是在滑板车的开始。核心是运行产品或业务功能的主线。

因为我自己也来了,原型设计会有很多新想法,不断丰富主线内容,实际上花时间不一定最终采用,不仅产品经理会有这个想法,设计师,开发团队,作为产品经理,必须掌握主线,知道如何选择,能够快速实现产品价值,获得商业价值或回报也非常重要。

二、与PRD的结合

这是个人设计偏好。我在这里和你分享。

在产品前三年,我的原型设计稿和PRD它是分开的。当与开发团队一次又一次地确认需求实现时,他们发现他们要么只看设计草案,要么只看设计草案PRD,很少有人看到两者。对于每个人来说,他们优先考虑节省时间或利己主义,但他们往往PRD设计图纸不能单独阅读,需要结合阅读。

当时,在一个产品组中,也有老板分享了他们的经验。最后,我选择了在原型设计中发布重要的互动或描述。使用这种方法后,我发现与开发团队的沟通会更加顺畅。当然,仍然会有人仍然只看文字或图片,但基于这种设计,沟通会更快,包括复杂的互动描述。

图文结合往往是人们阅读和接受信息最容易的方式。

在线原型原型设计工具

(原型设计截图,重要信息已被屏蔽)

三、关于构件库的建设

现在有很多成熟的开放设计平台供我们参考,比如阿里的Antdesign Vue、饿了么Element UI、腾讯的TDesgin、Clarity UI Library等待平台。这些将提供基本的组件样式,但大多数不包括交互设计,但对我们原型基本功能的应用有很大的帮助。

说到这里,作为一名产品经理,我个人会经常找到它UI朋友想看一些设计网站,了解当前流行的设计元素、设计风格等,也有助于原型设计,事实上,仍然需要丰富自己的设计思维。

在我们有了基本的组件数据库后,我们可以把每一个大的变化或新设计的组件放在一起,不要把时间放在画布里,或分类、框架设计、表设计、按钮设计等。

例如:常见的登录页面,将涉及密码输入隐藏文本、密码输入错误弹出窗口、检查登录协议等。此外,它还包括表单设计、搜索框等,这些非常常见的组件库可以用作组件。

我们建立个人组件数据库,以帮助我们更好地完成原型的输出和调整原型。一是提高自己的效率,二是处理一些变化,也就是说,我强调,在原型设计阶段,产品经理应该掌握自己的节奏,不要改变或改变deadline牵着走。

当然,也有一点,一些复杂的不常用组件,不经常使用或设计,不要因为频率低而放入组件库,因为使用频率低,所以会忘记原来的设计方法,然后去百度,也就是说,完成组件设计需要两倍或多倍的时间。我们有自己的组件库,可以直接使用。如果我们想知道如何设计,我们可以根据设计逻辑快速拆分和熟悉它。

目前各种平台或工具都在搭建或规范组件平台,不仅方便原型设计,UI设计、开发等,,都是为了快速实现一些基本需求。其实就是把重复N次的简单设计变成一般可重用的设计,旨在更高效。

写在最后

我知道现在很多产品经理会嘲笑自己是原型男孩,虽然有一些笑话,但这部分也反映了,很多时候产品经理的设计、甲方、领导、开发团队,甚至测试,甚至每个人都可以嘲笑产品经理的设计,不要害怕,没有压力,如果我们设计没有人嘲笑,那么产品不需要我们,哈哈。

放松,冷静面对,压力往往来自于自己。

即使你按照甲方/领导的要求去做,你也应该有自己的想法。如果你在这个过程中不思考,你会逐渐成为一个原型输出机。不要特别注意结果(例如,如果你想完全通过所有的设计部分),但你仍然需要争论这个地方 ,在某些方面,坚持就是坚持。在设计过程中,我更喜欢大脑的灵活性我自己的想法或与团队想法的碰撞,并慢慢沉淀我自己的经验。

好的设计会发光,但可能不是现在。

我记得在设计活动营销平台上 ,因为某个地方的设计和公司的黑带老板(属于罕见的开发老板)争论了一两个小时,上线后可能已经一个月了。老板说我当时坚持的想法是对的。当然,我很高兴听到。这是产品经理的小幸运。

Tag定义自己,从不属于别人。

本文由 @SLJwu 每个人都是产品经理。未经许可,禁止转载。

题图来自 Unsplash,基于CC0协议。

本文的观点仅代表作者本人,人人产品经理平台只提供信息存储空间服务。

好了,这篇文章的内容就和大家分享到这里,如果大家对网赚副业项目资源感兴趣,可以添加微信:beng6655  备注:项目

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 sumchina520@foxmail.com 举报,一经查实,本站将立刻删除。
如若转载,请注明出处:https://www.hzy3.com/766.html