数码控科技猎奇Iphone动漫星座游戏电竞lolcosplay王者荣耀攻略allcnewsBLOGNEWSBLOGASKBLOGBLOGZSK全部技术问答问答技术问答it问答代码软件新闻开发博客电脑/网络手机/数码笔记本电脑互联网操作系统软件硬件编程开发360产品资源分享电脑知识文档中心IT全部全部分类全部分类技术牛文全部分类教程最新网页制作cms教程平面设计媒体动画操作系统网站运营网络安全服务器教程数据库工具网络安全软件教学vbscript正则表达式javascript批处理更多»编程更新教程更新游戏更新allitnewsJava新闻网络医疗信息化安全创业站长电商科技访谈域名会议专栏创业动态融资创投创业学院 / 产品经理创业公司人物访谈营销开发数据库服务器系统虚拟化云计算嵌入式移动开发作业作业1常见软件all电脑网络手机数码生活游戏体育运动明星影音休闲爱好文化艺术社会民生教育科学医疗健康金融管理情感社交地区其他电脑互联网软件硬件编程开发360相关产品手机平板其他电子产品摄影器材360硬件通讯智能设备购物时尚生活常识美容塑身服装服饰出行旅游交通汽车购房置业家居装修美食烹饪单机电脑游戏网页游戏电视游戏桌游棋牌游戏手机游戏小游戏掌机游戏客户端游戏集体游戏其他游戏体育赛事篮球足球其他运动球类运动赛车健身运动运动用品影视娱乐人物音乐动漫摄影摄像收藏宠物幽默搞笑起名花鸟鱼虫茶艺彩票星座占卜书画美术舞蹈小说图书器乐声乐小品相声戏剧戏曲手工艺品历史话题时事政治就业职场军事国防节日风俗法律法规宗教礼仪礼节自然灾害360维权社会人物升学入学人文社科外语资格考试公务员留学出国家庭教育学习方法语文物理生物工程学农业数学化学健康知识心理健康孕育早教内科外科妇产科儿科皮肤科五官科男科整形中医药品传染科其他疾病医院两性肿瘤科创业投资企业管理财务税务银行股票金融理财基金债券保险贸易商务文书国民经济爱情婚姻家庭烦恼北京上海重庆天津黑龙江吉林辽宁河北内蒙古山西陕西宁夏甘肃青海新疆西藏四川贵州云南河南湖北湖南山东江苏浙江安徽江西福建广东广西海南香港澳门台湾海外地区

如何画出一份「简洁易懂」的产品原型?

来源:ADMIN5  责任编辑:小易  

  小程序创业扶持计划 实现月入10万创业梦

  当我们在画原型时,我们是在画什么?在讨论这个问题之前,我们应该先明确一个最本质的问题,就是我们画原型的目的是什么?

  

 

  原型是产品设计阶段最终的交付物,产品经理设计完成的原型要交付给研发团队、UI团队、UED团队进行产品研发阶段的相关工作。

  所以,原型的目的就是让接手下一个阶段工作的小伙伴可以清晰了解产品经理的产品设计思想,可以按照产品经理规划的愿景设计产品,避免打造出一款与最初设想截然相反的产出物。

  在一般产品流程中,原型都是与PRD文档一起作为产出物出现的,不过PRD文档不是本文的讨论重点,本文的重点在于如何画出一个简洁、清晰易懂的原型。

  本文将一份简洁易懂的原型分为了三个部分:原型元素、元素注释、功能埋点。这三部分适用于大部分的产品原型组成要素,当然还会有本文没有涵盖的内容,可以根据具体产品具体场景个性化"增删改查"。

  原型元素

  原型元素为原型当中组成的最基本元素,如原型当中的文字、按钮、图片等等。这其中依据元素是否会改变、是否可操作又细分成了三类。

  1.展现元素

  展现元素为原型当中最基本的元素,文字、图片等不会发生改变的元素。如原型中的标题、展示图片等等。

  2.可操作元素

  可操作元素指用户在使用产品过程中,可以与用户之间发生交互效果的元素。

  (1)按钮

  按钮是原型中比较常出现的元素,如表单的提交按钮,内容点赞按钮等等。

  (2)跳转链接

  跳转链接指通过点击会跳转到相应页面的元素,跳转链接可以是文字、图片,也可以是产品导航类链接,如APP当中的Tab标签、功能跳转以及返回、分享功能链接等等。

  (3)多媒体元素

  多媒体元素指产品原型当中需要对用户展现的音频、视频以及动态图片等多媒体内容所使用的组件。

  3.输入元素

  输入元素为用户在使用产品时提供数据输入功能的元素,最常见的有用户注册时需要填写的表单数据,或者是用户回复、评论内容的输入框。

  元素注释

  单纯的元素罗列在原型是无法满足产品研发团队的需求,根据元素类型的不同和可能产生的不同状态,需要对相应的元素加以注释,尽可能穷举元素的所有可能出现的状态和问题。

  1.元素规范

  元素规范主要指元素在原型中的展现形式,如大小、位置、排版以及是否自适应屏幕等。另外针对于输入元素,要明确输入内容的规则,对输入内容的验证以及提示等。

  2.状态转换

  状态转换针对于可操作元素而言,用户对元素进行操作后,元素会出现几种状态。如用户点击点赞按钮后,点赞数自动+1,点赞按钮变成已赞,当再次点击点赞按钮时,点赞数自动-1,点赞按钮回复初始状态。

  在描述元素状态转换时,一定要尽可能将所有可能出现的状态穷举罗列,并辅助说明状态转换的逻辑以及可能出现的问题。这样做的目的在于让研发团队尽可能明确业务底层逻辑,减少bug出现的几率。

  3.页面跳转

  页面跳转指用户点击相应跳转链接后会跳转到指定页面,这类注释主要针对跳转链接类元素,在注释时注明要跳转到的页面。关于页面跳转设计,可以在产品流程设计中的页面流程设计进行详细规划。

  4.交互说明

  交互说明指用户的某些行为是否会对产品产生影响,如资讯类产品在阅读内容详情是,在当前页面从右向左滑动就会自动阅读下一篇文章。类似这类的交互动作,如单击、双击、屏幕滑动等,如果你的产品对于这些交互有不同的表现,也要在原型中进行相应的注释。

  功能埋点

  在产品上线后对产品功能、流程进行数据分析时,如果需要从产品自身数据库中提取数据,就需要在产品设计阶段对功能进行埋点。如对于电商原型页面的功能埋点,在用户点击加入购物车、点击结算等相关动作元素上进行埋点,利于后期对电商业务漏斗模型的数据分析统计提供数据支持。

  对于功能的埋点一定要在定义数据关键指标时有所明确,这样在画原型时,可以对每一个页面需要埋点的功能进行突出注释。

  实战案例-BPApp

  本案例中的原型选自之前产品经理知识体系系列文章中的案例:BestProduct,下面仅选取了几个页面进行说明上面提到的画原型技巧。

  

 

  

 

  

 

  

 

  文/记小忆,产品壹佰专栏作者,野蛮生长的产品经理,运营商大数据产品实践者,擅长从0-1搭建产品经理知识体系。公众号:PM龙门阵。

document.writeln('公众号'); document.writeln('

【版权声明】本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。如果发现本站有涉嫌抄袭的内容,欢迎发送邮件至 yy@haotui.cn 举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。

');

  • 本文相关:
  • 你这么懂用户,为什么用户不买你账?
  • 母婴社区进入竞争深水区,富媒体会是下一个风向标?
  • 疯狂吸金的抖音 凭什么仅用500天挤走活了7年的快手
  • 从0到1构建一个产品,你最应该关心的是什么?
  • 交互知识树系列之产品思维
  • 最新添加
    免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved