大数跨境
0
0

推荐|产品原型知识大补课!原来这才是原型的作用

推荐|产品原型知识大补课!原来这才是原型的作用 字魂
2020-06-24
1
导读:近几年,由于产品行业的快速成长的,人们也开始意识到原型的重要性。因为那就是产品的基础,所以对原型的塑造在制作

近几年,由于产品行业的快速成长的,人们也开始意识到原型的重要性。因为那就是产品的基础,所以对原型的塑造在制作产品时至关重要。


但是对许多产品团队来说,仍然不太清楚原型究竟是什么?有什么作用?为什么要做?要做什么样的原型?


其实原型有很多种,它可以是一系列代表 APP 的不同界面或状态的纸质草图,也可以是功能齐全、像素完美的 APP demo......


今天,我就想跟大家一起讨论一下关于原型的问题:


  • 什么是原型?
  • 为什么要选择原型,它的作用是什么?
  • 什么是“原型保真度” ? 低保真原型和高保真原型的区别是什么?
  • 高保真原型工具用什么?



什么是“原型”?


原型的基本含义是:产品的测试版。


产品经理或者设计师在构思产品的时候,想要跟自己的同事或者用户传递自己的想法,并得到一些反馈,这时候就需要原型了。

因为它可以模拟真实的使用场景,用户与界面之间的最终交互行为,整个app或仅单个交互行为,甚至是最终产品的运作方式。
它就像是一个真实的产品,完整的呈现了产品的使用逻辑和路径,能够测试产品在设计上的可用性和可行性。


虽然,原型设计并不是传达产品概念的唯一方法。线框图、流程图、信息体系结构、可视化模型等都可以替代。但是,与这些方法相比,它们无法像原型一样体现出“交互性”

使用墨刀制作的作品-《摄图APP》


为什么我们需要原型?



刚说了,做原型主要是为了在做实际产品之前测试设计(和产品创意)。而,是否进行测试与产品的成功直接相关。

一般产品首次被用户使用的时候,很有可能被用户吐槽。如果是直接上市,就会影响产品发展。因此,在低风险的研究阶段和公开发布之前,使用原型收集产品反馈,总是更好。


以下是使用原型意义:

1.确保设计理念按预期进行。 在大多数情况下,让实际用户测试产品概念是相对容易的。一旦用户拿到一个可以交互的产品原型,产品团队就能够看到目标受众是如何使用该产品。根据这些反馈,可以调整初始理念

2.确定用户能够顺利地使用产品。 原型的必要性是在产品发布前发现和解决可行性问题。它能测试出产品需要改进的地方。 这也是之所以那么多产品团队创建原型,让用户测试它们,并迭代设计直到它足够好的原因。

3.省钱。 一般来说,编写可测试产品的代码涉及前端,后端,设计和测试,而原型只需要一名产品经理或设计师。购买原型工具却没那么贵。例如,墨刀企业版一个月最低只需 29 元,个人版一年才 199 元。

墨刀画产品原型页面图



什么是“保真度”?



原型不一定要看起来像最终产品——它们可以有不同保真度。 原型的保真度是指它如何传达最终产品的外观(也就是指它的细节和真实感级别)


保真度可以在以下方面有所不同:
  • 视觉设计
  • 内容
  • 交互性


根据保真度,原型可以分为:
  • 低保真
  • 高保真

一般产品团队会根据原型设计的目的、设计完整性和可用资源来选择原型的保真度。

左为低保真,右为高保真


低保真原型



低保真(lo-fi)原型设计是将高级设计概念转换为有形的、可测试物的简便快捷方法。它首要的也是最重要的作用是——检查和测试产品功能,而不是产品的视觉外观


以下是低保真原型的基本特征:


  • 视觉设计:仅呈现最终产品的一部分视觉属性(例如元素的形状,基本视觉层次等)。
  • 内容:仅包含内容的关键元素。
  • 交互性:原型可以由真人模拟。在测试期间,熟悉页面流程的设计师就相当于一个“计算机”,实时手动呈现设计页面。此外,也可以给线框图制作交互效果,这种称为“交互线框图”。


优点是便宜、快速、协作和清晰,但缺点是测试期间具有不定性、缺少交互性。
  

通过墨刀做的一个低保真原型示例

高保真原型

高保真 (Hi-fi) 原型的呈现和功能,尽可能类似于发布的实际产品。当团队能深入了解产品的预期,需要与真实用户一起测试,或获得利益相关者的最终设计批准时,通常会创建高保真原型。

高保真原型的基本特征包括:

  • 视觉设计:逼真细致的设计 – 所有界面元素、间距和图形看起来就像一个真正的app或网站。

  • 内容:设计人员使用真实或类似于真实内容。原型包括最终设计中显示的大部分或全部内容。

  • 交互性:原型在交互层面非常逼真。


优点是可以获取有意义的反馈、针对特定 UI 元素或交互进行测试、轻松获得客户和利益相关者的认同。


      一个高保真交互式原型, 通过墨刀制作



高保真原型工具用什么



在此,向大家推荐使用墨刀,深受 180w+ PM 和设计师喜爱的原型制作软件。


它支持创建 iPhone/iPad、Android、平板、watches、PC 各平台设备的原型,也可以自定义设备尺寸,提供一个便捷、真实又自由的创作环境。


     

提供 iOS、Android 等平台的常用组件及大量精美图标,原型搭建就像堆积木一样轻松。


同时您还可以自定义自己的个性化组件,方便项目之间自由切换、使用。


       

此外,并且拥有 400 + 的素材,横跨 12 大行业,囊括原型、页面、图标三大板块,让你工作起来更轻松,高效制作原型,将更多的时间留给产品思考。



提供丰富的页面切换方式、交互手势及动画,简单操作即可创作仿若真实 app 的产品 demo。



使用 Sketch 插件上传设计文件,墨刀标注会自动生成设计标注信息及全平台样式代码。

可以精准还原标注信息,并提供每个元素的 CSS、Swift、Android 样式代码,支持切图免费下载。



墨刀原型项目不仅支持多人共同编辑,而且协作者可以在原型上直接打点评论项目成员可以第一时间收到反馈,提升产品优化效率。


     

而墨刀企业版更是强化了多人协同和管理”功能,让团队作业更加有序高效。比如在企业空间里可以创建多个项目组,按照需要给不同的项目组匹配不同的成员;“统计”功能也能实时了解团队项目动态;还有项目版本管理,随时还原历史版本,让创作思路不断连等等。


总而言之,使用墨刀,可以让你的团队协作效率飞跃提升,让产品更快落地。


墨刀官网:https://modao.cc/

点击即可体验畅快高效的产品搭建。


对了,在6月8日到6月30日,刀正好有年中钜惠哦~超多折扣,划算到不行!


赶紧点击下图或阅读原文,进入活动页面看看吧!



👾👾

《卖PPT模板盈利168万?字言字语首期,带你了解这位PPT大神!》


《果然,还是动态字体最好玩!》


《不看名字,谁也想不到这是一本医疗健康杂志!》

【声明】内容源于网络
0
0
字魂
企业、设计师都爱用的创意字体库。为企业与设计师提供千套正版字体下载、商用授权,为企业定制设计创意字体。
内容 218
粉丝 0
字魂 企业、设计师都爱用的创意字体库。为企业与设计师提供千套正版字体下载、商用授权,为企业定制设计创意字体。
总阅读125
粉丝0
内容218