童话说说技术创业美文职业
投稿投诉
职业母婴
职场个人
历史治疗
笔记技能
美文纠纷
幽默家庭
范文作文
乐趣解密
创业案例
社会工作
新闻家居
心理安全
技术八卦
仲裁思考
生活时事
运势奇闻
说说企业
魅力社交
安好健康
传统笑话
童话初中
男女饮食
周易阅读
爱好两性

第四章:产品设计(2。3)PRD写作原型设计(界面线框图)

11月27日 程染筱投稿
  2。3、原型设计(界面线框图)
  当我们逐渐清晰了产品的需求后,并梳理了产品的各个频道及页面,那么这一步就要开始验证这些想法的具体界面表现和方案的可行性了。
  原型设计是帮助我们更细致的思考,并做各项需求的评估,同时也是将自己脑海里的想法进行输出的一种方式。通过原型设计后,我们就可以进行产品宣讲了,相比较于抽象的文字描述,原型则更加直观的展现产品的需求,设计和技术人员或者老板也能够更加直观的了解到产品意图。
  原型设计是将结构化的需求进行框架化,因此原型也被称为线框图,具体的表现手法有很多种,相关的辅助软件也有很多,例如:AxureRP、BalsamiqMockups、UIDesigner等等。
  当到了原型设计这一步时,已经不仅仅是构思了,我们需要更加深入的了解每个页面上元素和这些元素的属性。例如按钮元素,我们就需要考虑这个按钮的功能,并且这个功能操作后带给后端和前端的反馈。例如注册会员按钮,用户操作后,第一步逻辑是验证用户输入的信息是否合法,不合法则给出前端反馈;合法则和后端通信验证是否已经存在同样信息,已经存在则给出前端反馈,不存在则进入下一步,注册成功;注册成功后的反馈是跳转页面,还是弹出层提示用户完善资料,这些都是需要更详情的考虑。当然这些更细致的思考是留在需求文档撰写时的,而此时我们需要做的就是把这些元素通过原型表现出来。
  原型设计的表现手法主要有三种:手绘原型、灰模原型、交互原型。从工作效率的角度考虑,我非常建议先通过手绘的形式快速在草纸上绘制出产品的原型,推演和讨论方案的可行性。当方案的可行性被验证之后,我们再根据个人习惯或团队要求,通过软件工具进行更深入的设计。
  手绘原型
  因为原型也被称为线框图,因此手绘是最简单直接的方法,也是最快速的表现产品轮廓的手法。
  手绘原型在初期验证想法时非常高效,也方便讨论和重构,同时也适合敏捷开发时快速出原型。
  灰模原型
  灰模原型是由图形设计软件制作而成,最常用的软件是Photoshop和Fireworks,相对手绘原型,灰模更加清晰和整洁,也适用于正式场合的PPT形式宣讲。
  灰模原型也可以称之为平面原型,所以如果不会使用图形软件也可以使用AxureRP设计,相比交互原型,灰模原型只是缺少交互效果,仅仅是将产品需求以线框结构的方式展示出来,让产品需求更加规整的直观展现。
  交互原型
  交互原型是使用原型设计软件完成的原型,常用软件是AxureRP,通常情况交互原型的设计要早于产品需求文档,是产品经理想法推演的重要一步。通过AxureRP之类的交互原型软件制作出来的产品原型,在功能需求和交互需求的表现上,几乎和正式产品是一致的,所以有时交互原型也被称为产品Demo版。
  通常情况下交互原型是产品经理与交互设计师共同讨论确定,然后由交互设计师制作,但是绝大多数的公司是没有交互设计师这个职位的,因此这类工作最终是由产品经理来负责的。
  以上三种方法并不是渐进的流程,而是三种原型设计的方法,具体取决于你的产品需求和团队要求。
  对于产品经理来说,原型设计是为了帮助我们细致的考虑方案,并论证方案的可行性,同时也是为了产品宣讲时让听众能够清晰直观的了解产品,避免抽象的语言描述导致听众理解困难和理解偏差。产品原型也是为了确保产品在执行过程中,是按产品经理最初设想的需求和期望完成的,因此产品经理的原型是没有很高的要求的,只要对方能够听懂看懂就可以了,所以使用手绘原型是最高效率的方法。
  产品需求文档(PRD文档)系列导读
  2、产品需求文档写作
  2。1、罗列信息(信息结构图)
  2。2、梳理需求(产品结构图)
  2。3、原型设计(界面线框图)
  2。4、用例模型(产品用例图)
  2。5、逻辑流程(功能流程图)
  2。6、需求文档(PRD文档)
  本章索引:
  第四章:产品设计(1)产品需求文档(PRD)介绍
  第四章:产品设计(2。1)PRD写作罗列信息(信息结构图)
  第四章:产品设计(2。2)PRD写作梳理需求(产品结构图)
  第四章:产品设计(2。3)PRD写作原型设计(界面线框图)
  第四章:产品设计(2。4)PRD写作用例模型(产品用例图)
  第四章:产品设计(2。5)PRD写作逻辑流程(功能流程图)
  第四章:产品设计(2。6)PRD写作需求文档(PRD文档)
  第四章:产品设计(4)产品设计的十条理论
  全文索引:
  第一章:产品介绍(1~2)产品经理职业和职能介绍
  第二章:产品入门(1)我的入门经历分享
  第三章:产品规划(1)产品规划介绍
  第四章:产品设计(1)产品需求文档(PRD)介绍
  第五章:产品管理(12)产品管理介绍和需求管理方法
  第六章:产品工作(1)工作环境介绍
  本文为作者产品经理唐杰授权发布,转载请注明来源于人人都是产品经理并附带本文链接。
投诉 评论 转载

用卡片分类法提升信息架构:入门指南小编导读:信息架构是你经常听到的流行词之一。它指的是你的网站上信息如何组织,如何把信息放在一块儿才合适。当你执行信息架构这项工作时,要尽快让你的网站的用户参与进来。这篇文……从用户痛点看微博V6改版昨天打开微博,发现已经升级了到了新版,新版微博变化很大,第一感觉就是清爽了,但总也还感觉不习惯,毕竟上一版本的微博已经陪伴我两年。就像当初从功能手机换成智能手机那样,需要好一阵……第四章:产品设计(4)产品设计的十条理论4、产品设计的十条理论产品设计也称之为体验设计,是一个秉承以用户为中心的设计理念,以用户体验度为原则,对产品的界面和交互过程进行研究并开展设计的工作。这是一种在用户纯主观……第四章:产品设计(2。6)PRD写作需求文档(PRD文档)2。6、需求文档(PRD文档)前面的几个步骤是为了帮助我们梳理需求、验证可行性和明确细节,到了这一步的时候我们已经非常清晰的了解产品需求,此时撰写产品需求文档可以大大减少……【知乎问答】告诉我,什么是用户体验?提出这个问题的目的,我希望能找出一种可以把用户体验可以量化的方法。例如好的用户体验可能是点击少,视觉位置漂亮醒目,功能的数量和使用次数的数量是否平衡。我认为用户体验肯定是……第四章:产品设计(2。1)PRD写作罗列信息(信息结构图)2。1、罗列信息(信息结构图)在写产品需求文档之前,我们需要先罗列出产品功能的信息内容,这一步是将想法逐渐清晰的第一步,也是帮助我们接下来设计功能的辅助信息,同时也可以辅……第四章:产品设计(2。3)PRD写作原型设计(界面线框图)2。3、原型设计(界面线框图)当我们逐渐清晰了产品的需求后,并梳理了产品的各个频道及页面,那么这一步就要开始验证这些想法的具体界面表现和方案的可行性了。原型设计是帮……第四章:产品设计(2。4)PRD写作用例模型(产品用例图)2。4、用例模型(产品用例图)用例(UseCase)是一种描述产品需求的方法,使用用例的方法来描述产品需求的过程就是用例模型,用例模型是由用例图和每一个用例的详细描述文档……第四章:产品设计(2。2)PRD写作梳理需求(产品结构图)2。2、梳理需求(产品结构图)当我们对产品的信息结构了解后,我们就需要规整脑海中的产品需求,让想法更加结构化,因此这一步就要梳理产品的需求。在设计产品原型之前,我们首先要……第四章:产品设计(1)产品需求文档(PRD)介绍产品设计是一个由抽象的概念到具体形象化的处理过程,通过文字或图像等方式将我们规划的产品需求展现出来。它将产品的某种目的或需求转换为一个具体的物理或工具的过程,把一种计划、规划设……水器相形新版微博设计录经过半年之多的磨砺,微博V6。0(以下简称V6)于十月正式公测。作为一个海量用户的成熟产品,每一个改变都充满挑战。而作为微博产品设计团队,不仅仅是让世界变的更美好一些的不忘初心……工业设计哪家强?键盘史上的12个典范一、最广泛使用的两种键盘:QWERTDvorakQWERTY键盘,也称全键盘,即第一行开头6个字母是Q、W、E、R、T、Y的键盘布局,也就是现在普遍使用的电脑键盘……
广告投放系统:聚合广告SDK与技术设计方案如何将用户客户反馈,转化为切实的行动计划?价值5万的电商详情页转化技巧(2)B端产品(1):表单设计的原则与技巧解析登录功能的类型与意义拆解电商订单背后的多场景与流程产品定位和产品策略(一)深度学习应对推荐系统,必须懂的3个层面智能货柜专题一:如何让“智能货柜”的补货效益最大化?提升体验舒适度的设计核心原则不聪明用户PRD:倒推“每日优鲜”app产品需求文档后台系统:代报考服务设计
嘉定三屠清军三次屠杀嘉定百姓就为推行剃发令关于日全食的作文700字什么样的产品经理是“互联网”时代需要的?冰粉是哪里的特色美食冰粉的介绍新买的水杯子该如何消毒新买的水杯子该怎么消毒有什么软件可以免费听书,要全部免费的听书软件?热博聚热点网 微作文生命胡杨猪猪女孩用过的洗面奶大集合啦!!测评分享我用过的那些洗面奶泰国哪里可以冲浪选鞋子反映真实心理性格穆旦诗歌诗八首原文及赏析宝鸡有哪些高校?

友情链接:中准网聚热点快百科快传网快生活快软网快好知文好找作文动态热点娱乐育儿情感教程科技体育养生教案探索美文旅游财经日志励志范文论文时尚保健游戏护肤业界