1.3 原型设计(Beta)

作者: 4564832ee50d | 来源:发表于2015-01-31 15:07 被阅读726次

什么是原型和设计?

原型:用线条、图形描绘出的产品框架,也称线框图。

设计:综合考虑产品目标、功能需求场景、用户体验等因素,对产品的各版块、界面和元素进行的合理性排序过程。

原型设计的重要性是怎样?

产品阶段:Idea→需求采集→功能结构→原型设计→产品需求文档(PRD文档)→Roadmap

原型设计在整个产品流程中处于最重要的位置,有着承上启下的作用。何出此言?原型设计之前需求或是功能信息都相对抽象,原型设计的过程就是将抽象信息转化为具象信息的过程,之后的产品需求文档(PRD)是对原型设计中的版块、界面、元素及它们之间的执行逻辑进行描述和说明。所以说,原型设计的重要性无可替代,产品经理应当要对此有绝对的控制和驾驭能力。

话说回来,原型设计虽然很重要也应当是有限度的,原型设计的作用有以下几点:

1、因为是原型是需求和功能的具象化表达,所以原型可以辅助产品经理与领导、交互、UI和技术的沟通产品思路。

2、因为原型相较于UI稿来说修改更方便,所以原型能提高产品经理的功能设计没通过评审时返工的工作效率。

原型设计的类型和工具有哪些?

1、手绘原形(草图)

所需工具:铅笔、橡皮、白纸

铅笔相比于中性笔的好处在于方便修改,白纸的好处在于安静的随心所欲,不过对于移动产品的设计来说,本人倾向于使用印有手机框架的白纸上绘制,以便于快速进入情景状态,也能对首屏的界面分配做到心中有数。

PS:给草图(App)拍照,配合POP使用,也可以实现交互效果,有兴趣的童鞋可以试下。

由于草图的非正式性,多使用原型设计的前期论证阶段(功能设计可行性),个人也比较喜欢先画草图(纸上推演)再画工具原型(完善)。

2、工具原型

所需工具:Axure RP(推荐)、Justinmind(App)、Keynote(最近比较火,适用于Mac OS)

多说一句,凡是软件(不论PC或是App),我都建议用最新版,产品经理更应该如此。

Axure RP无论是PC端产品经理还是App产品经理都会比较熟悉,通过工具绘制的产品原型已经比较正式,如果添加了色彩和交互动作(高保真),可以与最终产品形态无异。

在这里有必要说一下原型有没有必要做到高保真的状态,个人观点是:没有需要,就没有必要;时间宽裕,做交互但不加颜色。

原型的目标在于清楚的表达产品的设计理念和功能的执行逻辑,所以我认为能够达到这个目标的原型都是合格的,在原型中加入色彩和交互的目的无非是让产品经理与技术的沟通更加顺畅。再说,PRD的作用也是交付给技术,完整的PRD应当包括功能需求、线框原型、PRD描述、UI稿、UE演示和修订记录。产品经理阶段的原型就高保真了,是不是PRD就不用写了呢?视觉设计师的UI稿根据高保真原型来设计?那交互设计师的呢?(多数公司没有该职位)

多一些时间,用来观察用户、分析需求、重视(用户体验)细节……

Think different!

源文件下载:

1、点评-附近美食.rp

                                                                                                 Openself.me

                                                                                                   2015.1.14

相关文章

网友评论

  • athomas:设计小白,最近接触了一款原型设计工具-Mockplus,用起来挺顺手的。没有Axure那样臃肿,做交互也特别简单,上手特别快,建议新手都可以去下载试试。
  • a9bd060a962b:感谢分享,工具我觉现在的摩客比axure好用多了
    a9bd060a962b:@Openself 只能说经验更加丰富了,其实人的习惯在不断的变化,作为工具只能不断的适应,才会有生命力。
    4564832ee50d:@虫虫飞_2b43 怪我老了
  • 4564832ee50d:就像我们做产品一样,版本的更迭往往意味着产品体验的提升,作为产品经理是要随时关心这些的。当然,你说到的问题会存在,如果是工作需要,你可以使用多个版本满足不同需要。
  • 263138a49e2a:问下为何软件一定要使用最新版本的呢?项目组内员工大都安装软件版本较低,如果我使用了高版本,也意味着强迫别人去升级,这样不好啊
  • 4564832ee50d: @柳小帅cc 谢谢~多交流噢~
  • 柳小帅cc:哈哈,学到好多。。。。以后多向你请教请教
  • 4564832ee50d:@杺晨 谢谢提醒~已修正。 :smile:
  • 何必:很赞!收了。
  • c2f453f475d2:纠正下Justinmind不是justmind

本文标题:1.3 原型设计(Beta)

本文链接:https://www.haomeiwen.com/subject/omblxttx.html