产品原型设计的参考步骤

本文由用户“huazai19851108”分享发布 更新时间:2023-01-16 23:57:45 举报文档

以下为《产品原型设计的参考步骤》的无排版文字预览,完整格式请下载

下载前请仔细阅读文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

产品原型设计的参考步骤

在产品的整体研发流程中,需求分析部分结束后,就应该形成明确的产品需求了,而此时要做的,是需要把这些产品需求表达出来,从表达效果来看,原型要好于文某某的形式。而设计原型也是讲究方法步骤的,一是要提升原型设计的合理性,避免出现头重脚轻的保真程度不一致的情况;二是要减少原型设计所占用的时间,大家各自的工作时间都是很宝贵的,不可能在原型设计上投入过多的时间,因此掌握一些原型设计的方法和技巧相当必要。

产品的原型***部,整体上更多考虑信息架构的设计,如功能结构、导航、菜单、布局排版等方面的,局部上更多考虑功能上的交互设计,如按钮点击、反馈、页面切换、局部模块的整体展示等。从设计实现的角度来看,由总到分逐渐细化的过程是比较适合的。下面从整体和局部实例两个部分来讲解原型设计的步骤。

/

确定产品的整体结构

犹如现在盖房子时的地基和框架结构,整个结构决定了将来的房型样子,及房子是否稳固。而产品的结构设计则决定了产品未来的功能导航结构。一般来讲,我们在做需求分析的时候,都会把几个主要的功能点抓出来,这几个功能点就可以浓缩一下形成产品的初步功能结构。比如要做一个合同管理的功能,要求实现合同信息管理,合同履约管理,合同统计报表等功能,这里列出来的核心功能点就是主要结构。再比如我们要做一个会员管理的功能,注册和登录是必不可少的功能点,那么就可以将其列为会员管理下的两个基本结构。其实每个产品最终确定下来的一级导航栏里面的各个栏目就是产品的功能结构。

确定产品的布局排版

结构确定了之后,就需要对每一个产品页面进行元素的排版,排版之前,一般都会先对页面进行布局设计的考虑。通常我们做产品设计的时候,都会遵循一些已有产品总结出来的布局结构,比如三行三列布局,三行两列布局等,再如左导航右内容的形式,左内容右导航的形式等,这些都是大的布局结构,是整体页面的布局排版。细分到具体页面内容的时候,就需要对每一个内容块的展示位置进行布局,如企业网站首页的一般内容有图片新闻,通知通告,公司新闻,产品介绍,产品展示等等,我们需要对这些内容块进行一定的设计布局,这里的布局结构取决于设计人员对内容编排的把握,不同的布局会产生不同的效果。如电子商务网站,对内容块和广告块的布局排版就非常讲究,因为不一样的布局,所带来的用户点击量和转化率是不一样的。这种情况下,即对某一类产品的布局把握不好的时候,可以参照已有成熟产品的内容布局,因为它们已经有运营数据在支撑。

确定产品的功能模块

布局排版决定了某个产品功能模块的放置位置,接着就可以一块一块的确定原型设计内容,使其接近于最终产品的展示样式。这个时候就要用到原型设计的实例了,比如图片新闻,我们可以用幻灯片效果来做,比如产品展示,我们可以用跑马灯效果来做,具体采用什么样的交互效果来实现功能块要求展示的内容,取决于产品设计人员的把握、用户的需求及用户体验,其中用户体验是比较大的一块,就拿幻灯片效果来说,是否需要设计数字导航键,是否需要自动播放,是否需要设计缩略图等等,这些都需要仔细考虑之后再做决定,这个可以在设计产品时候多多讨论沟通,多看看别人的设计效果。譬如电子商务网站首页的Banner图片轮播效果,就是幻灯片效果,各大电商网站的设计大同小异,就完全可以借鉴参考。

/

这样三个步骤下来,产品的低保真原型就出来了,比较简单的产品,可以直接拿着低保真原型去做演示和写PRD文某某,虽然这样的原型不带任何交互效果,但基本上还是可以说清楚产品功能的,结合细化之后的文某某进行说明。然后我们所面对的通常都不是简单的产品,因此最起码要到中保 内容过长,仅展示头部和尾部部分文字预览,全文请查看图片预览。 低沟通成本,一个动态的交互效果,你要用文某某去描述的时候可能需要一页的文字,还不确定所有的参与人都能看懂,但用原型去描述可能只需要1秒钟,大家看起来很直观,一下子就能明白是什么样的效果。

基于以上步骤,产品的原型设计会简单很多。对于产品人员来说,做原型不应该成为负担,而是要将它变成得心应手的沟通工具,沟通成本是无法估量的巨大,如何降低沟通成本是产品整个研发周期里面都需要考虑的问题,而产品的需求是源头,源头把握住了,后期就会通畅很多,这也是做原型设计最重要的目的。而学习原型设计最为核心的点就是多动手,只看是学不会的,一定要动手操作,多练就会了,再加上产品的设计思路,产品的雏形就是这么产生的。

[文章尾部最后300字内容到此结束,中间部分内容请查看底下的图片预览]

以上为《产品原型设计的参考步骤》的无排版文字预览,完整格式请下载

下载前请仔细阅读上面文字预览以及下方图片预览。图片预览是什么样的,下载的文档就是什么样的。

图片预览