是否能做高保真交互的产品经理才优秀？
纯讨论，来源于我和朋友的一次对产品交互设计的意见分歧，说明如下：我朋友的观点是：产品交互设计一定要高保真，在交给设计之前就要让自己看起来就像看到真实的产品一样舒服，这样可以减少返工的几率，so，这是成为优秀PM的必须前提条件。我的观点是：产品交互设计重点是将功能需求描述清楚，视觉上的效果可以尽量做好，但不能强迫这么干，因为PM仔细调整的那几个像素和精心挑选的图片，即便自己看起来舒服了，也无法代表所有用户的体验结论，同时也代替不了UI设计师的数年之功的专业训练。虽然这样做确实可以减少返工的几率，但基本就等于不让设计师过大脑了，除非PM在设计上本身有一定天赋造诣，否则很可能就是非生即死的结果。因此，优秀的PM可能会在这些细节上有自己的坚持，但这不应该被强加为成为优秀PM的前提。简单说情况就是，我朋友坚持“一定要这么干”，我的意见是“可以这么干，但并非必要”。结果是，因为项目进度必须要推动，所以我们之间做了个妥协，先按照他的坚持来做，也暂不考虑屏幕适配等情况（因为要考虑的话，按照精确像素都要调好的原则，那就得出不止一份交互了），等这个版本出来效果之后再说。但是我保留了我的意见，同时也想向各位做PM的知友了解一下，是否同意or反对我的观点？你们的工作中，对待产品交互这部分内容，是什么样的标准呢？权当学术讨论，万分感谢，抱拳~
我的观点是，能做出高保真原型的产品经理，不一定是优势也不一定是劣势。一般可以理解成优势。这跟会写技术的产品经理一个道理。因为这些都是辅助项，你也可以理解成加分项。而且是看具体情况而定的。但是非要强调能做出高保真原型的产品经理才是好产品经理的人，他也就是个自以为懂点产品理念，会点交互设计又懂点ps的四不像。推荐他去读一下《产品经理入门》之类的书。先反驳后讲理。-------------------------反驳很简单。马化腾，张小龙那会，连axure都没有，拿什么做？而且可靠消息，张小龙做QQ邮箱时，都是用纸画画就让手下的人去做事的。要什么的高保真原型？简直就是本末倒置，还不会跑呢要什么自行车？--------------------------下面理由来了。这里必须聊一下产品需求，交互稿和原型稿之间的关系。首先，产品需求是产品最先有的东西。这必须是PM的事情，这里决定了这个产品的发展方向。而交互稿是产品需求的下一版。你可以理解为PM的下游是交互设计。紧接着交互稿的下一版是原型稿。这里不聊产品需求，做过交互稿的人应该都知道，交互稿最好是黑白的。而原型稿大部分是是五颜六色，高保真的。那么问题来了，为什么交互稿黑白比较好，而原型稿是高保真的？因为交互稿加颜色会影响原型稿的产出。而原型稿一般需要程序猿100%像素级还原的，也就是推到用户手里的模样是原型稿决定的。那题主的疑惑迎刃而解了。有交互设计吗？公司小，敏捷开发没有交互，没有UI/UE，那PM就只能多做点事情，从产品需求到交互设计到高保真原型全自己做了，谈不上上策下策，只能说是唯一的策略，别无选择。公司大，流程规范，有UI/UE，那请问PM直接做到高保真原型了，要交互设计干什么？要美工干什么？如果坚定认为只有这样才是个好PM的话，那我只能说，你把代码也一起写了吧。然后，这个PM是个2b，赶紧换。
如果非要高保真，那你们需要一个交互设计师。
别说高保真了，我的产品经理连做动态原型我都会骂街…不要把宝贵的精力放在这种完全无意义还费时的事情上
PM首先关注的应该是挖掘产品核心价值所在，并将核心价值转化为功能点。设计产品就是将理念、概念功能化。各种技术和各种交互设计、流程设计（逻辑）、界面美观等UI设计只是辅助，好的想法有了好的实现才是好的产品。能做高保真交互就好比英文非常好，属于锦上添花而不能本末倒置。PM应当挖掘产品价值，并将其通过程序猴、设计师们一起实现。欢迎讨论。
男人活好是不是就是（才是）好男人？另外，原型是产品经理表达的有效手段之一，也是梳理思路，反复推演到实处的手段但是，只是手段，是做事的手段优秀产品经理是看结果的，看结果的
有交互设计师，有视觉设计师，PM的高保真原型就是限制设计师能力的最佳方式。画出一份产品原型，表达出页面中的元素、信息字段和信息架构，这就足矣。有画高保真原型的功夫，PM可以多去做一些用户和市场的调研分析，产品功能的深度思考，甚至于一些合纵连横的事情。会画高保真原型是好事，但是拿着这个去作为核心竞争力找工作的话。。。——这个PM去腾讯能给你到P2已经是很好了。如果你的领导要求PM长期以高保真原型交付，你要考虑下自己的职业发展问题了。——这种不理解产品经理核心能力还自信满满的领导不要太多。
能把锅铲菜刀玩出花来就一定是优秀的厨师么？？
从自身教训来说，做好自己的事儿就好，把UI、UE交给专业的人来做。
能做=优秀？不能做=等于不优秀？关键看团队有没有需求。80年代的 NBA，如果一个1号卫擅长得分或者得分优于传球，是会被骂傻X，让他滚蛋的。 90年代的 NBA，作为一个合格的1号位，没有一手漂亮的长远距离跳投帮助拉开空间，是不值钱的。现在NBA，1号位不仅会得分，会传球，还会抢前场板，会组织，会背身单打，会压迫防守错位的内线球员。你看，在小团队里，任何职位技能多样化，有时候是多么管用。我觉得这是趋势。
泻药。首先再次强调：那叫拟真模型，不叫高保真！！！！能做拟真模型是产品经理的优势，但不是能做拟真模型才算优秀的产品经理。有些牛逼设计师不会画画你信不信………………产品经理有几个关键职责：确定产品内核设计业务流程设计产品功能完善产品体验数据挖掘等等……拟真模型只是体验的一部分而已…………
已有帐号？
无法登录？
社交帐号登录如何做一份让工程师泪流满面的标注
查看: 2665|
摘要: 在搬着小板凳坐工程师 Buddy 旁边送果汁送零食的日子里，我受Google Material Design的启发，折腾出一套自认提高双方沟通效率的标注规则，心情挺好还为此做了模板，最下面有源文件的下载地址。本文为作者授权优设发 ...
在搬着小板凳坐工程师 Buddy 旁边送果汁送零食的日子里，我受&Google Material Design&的启发，折腾出一套自认提高双方沟通效率的标注规则，心情挺好还为此做了模板，最下面有源文件的下载地址。本文为作者授权优设发布，未经作者本人授权请勿转载，谢谢 ：）为什么传统的标注方法让人难受？没错，Markman 是传说中的标注神器，看起来也确实方便快捷，但是当一个页面中，要同时标注间距、大小、颜色和字号时，过多的信息一齐扔给工程师，就会让人有些抓狂。比如这样：这里的标注虽然都有清晰的箭头指示，但却并不具有视觉逻辑，或者说呈现出来的视觉逻辑并不符合开发逻辑。工程师在搭建一个页面的时候，会先去架构布局，一块内容一块内容划分好，接着填充进内容，最后来修改视觉的样式。那么我们也应该按照顺序，先告诉人家每个模块的间距啦大小啦，再告诉人家用什么字体和颜色，也就是先有布局标注，再有样式标注。用2个页面解释布局，再用1个页面解释样式这就是我的做法，视觉稿完成后，每一个页面拿出来放在左边，再用三个画板来说明它。横向布局：解释元素左右的外间距、内间距和横向宽度。（这里要考虑到针对不同宽度屏幕的适配，标注是给固定值还是百分比）纵向布局：解释元素的上下间距和高度。（有时要确保页面里最重要的信息——比如一个 CFA btn——在不同屏幕大小中是否都出现在了首屏，判断标注是向上定位还是向下定位 ）视觉样式：字体、字号、行高、颜色、透明度、圆角。标注信息分类之后，我还会给标注本身设置共享样式：块面通常用蓝色的遮罩，区别不同百分比时则用红黄绿的遮罩，数字间距用红底白字，视觉样式则用蓝底白字，这样的好处是：对与设计师，可以快捷修改所有标注样式；对于工程师，快速建立对这套标注视觉语言的认知，明白不同颜色所代表的信息属性，更方便的找到他所需要的信息。单独拎出可复用的组件，统一标注设计实现之前，就和工程师们一起统一一套样式规范，除了常见的颜色和字体之外，我还会把通用的 UI 组件拿出来，一半是针对系统原生控件的样式定制（alert/toast/radio btn/switch…），一半则是完全自定义的 UI 组件（产品自己的 UI kit）可以是任何会高频复用的产品功能性的东西，比如这里的 SKU 选择器和按钮。在项目进程中，我甚至会和工程师们沟通好，然后在每个组件旁写上这个组件是谁正在实现或已经实现，附在项目共享文件或者邮件里，避免重复劳动。统一标注的好处不仅是我们自己在后续的设计中可以复用和遵守， 对于 web/iOS/Andriod 的工程师而言，也能提高代码效率同时保持不同平台最终效果的统一，后续迭代的时候也不会出现莫名其妙的样式和代码。如果遇到产品的大版本更新，也正好趁此机会和工程师们一起好好梳理一遍现有的样式，清除掉不再使用的样式，指定好新的层级。DOs & DON’Ts始终遵循，视觉逻辑符合工程师的开发逻辑。合理划分，再复杂的页面，用三步也足够能说清楚，信息不要挤在一起。考虑到页面在不同屏幕大小下的变化，间距是否固定，比例是否缩放，图片和按钮宽度是否自适应。任何细节和要求都写清楚写清楚，写，清，楚，不要指望任何人“意会”你的设计，任何决定都要有据可查。每一个标注本身也要注意对齐方式，更干净整洁的标注能让大家一眼找到所需。好了，看完之后大概会有人吐槽说有必要么这样的标注多浪费时间啊，就是要追求极致啊（仰天……在做标注的过程中，你会再次仔细审视自己的设计，总会发现之前被忽略/没考虑周全的细节，比如间距字号颜色是否遵守了统一的规则，比如不同屏幕大小如何适配。耍聪明会偷懒的话，shared style 设置好，插件快捷键背好，能复用的样式提炼出来，你便会发现，虽然投入到标注的时间增加了30%，但是和工程师后期反复沟通的时间减少了80%。他们如果第一次拿 demo 给你看，你还会惊喜的发现有很高的视觉还原度，个别小细节微微调整就好了。大家都讨厌改改改，一次通过多有成就感呢。最后，这次模板是我自己的一个 redesign concept， 基于，（一家 base 在 Brooklyn 的工作室，手工制作非常有爱的铭牌、项圈等动物饰品）图片素材全部源自其网站和 Instagram，不得转载。至于我的源文件，大家随便用，I don’t give a fuck.。去&& — 下载 measurement_template.Sketch当然，这是一套还不够严谨不够科学的自创标注，设计师盆友们，特别是工程师盆友们！觉得有任何值得改进的地方请随时跟我讨论~ help me improve : PHappy designing~补充是的我曾经也很寄希望于&，参与第一批内测后就写了长长的自带说明配图的邮件给他们，期待 1.0 的发布，那就可以解决我这篇文章里写的所有问题了。论偷懒工具的重要性啊盆友们……想起昨晚看见&这是我自己最常用的两个 Sketch 插件：— 目前最好用的标注插件 — 主打功能是帮你自动生成设计稿中的 style guide，但最好用的却是可以智能选择页面中统一样式的文本和图形记得在 Github 上给作者小星星哟~
刚表态过的朋友 ()
上一篇：下一篇：查看: 563|回复: 0
一分钟做一个作品
主题帖子积分
如今大多数的人生活都会接触互联网，尤其是微信，无论是60，70，80，90后都会使用，随着微信用户增多，其中HTML5页面或称微场景是当下在微信中传播量最大，传播面最广的一种形式,下面分享一下如何使用VX互动大师如何轻松制作出酷炫的微信H5页面。
微信H5页面的制作素材，包括图片，音乐，文案
可以到互动大师官网上选择自己喜欢的作品来获取灵感。
目标做一个非常流行的滑动翻页+背景音乐的H5
1、点击创建作品
2、选择手机案例
3、点击下一步、
进入VX互动大师的编辑界面。
1.2一分钟做一个作品374.png (204.33 KB, 下载次数: 0)
11:18 上传
1.2一分钟做一个作品376.png (46.86 KB, 下载次数: 0)
11:18 上传
1、准备好喜欢的背景音乐和4张图片
2、将准备好的背景音乐和图片拖到白色区域当中
完成了所有素材的添加
1.2一分钟做一个作品435.png (70.01 KB, 下载次数: 0)
11:18 上传
1.2一分钟做一个作品437.png (81.41 KB, 下载次数: 0)
11:18 上传
1、选中舞台
2、点击页面工具，添加4个页面
1.2一分钟做一个作品467.png (136.91 KB, 下载次数: 0)
11:18 上传
图片分别添加到4个页面中
1、选中图片1 Ctrl+X
2、选中页面1 Ctrl+V
1.2一分钟做一个作品513.png (207.63 KB, 下载次数: 0)
11:18 上传
音乐播放设置
1、选中音乐
2、把它的自动播放属性设为YES
1.2一分钟做一个作品546.png (194.54 KB, 下载次数: 0)
11:18 上传
预览+标题+封面设置
1、网页上方点击预览
2、设置标题
3、上次作品封面
4、点击确定就可以预览作品
1.2一分钟做一个作品600.png (153.38 KB, 下载次数: 0)
11:18 上传
1.2一分钟做一个作品896.png (98.77 KB, 下载次数: 0)
11:18 上传
1、退出编辑器
2、点击分享按钮
就可以通过作品链接或者二维码分享给别人了
1.2一分钟做一个作品944.png (101.2 KB, 下载次数: 0)
11:18 上传
任何技术性的问题可以加入“VXPLO互动大师技术服务”群：
或者点击直接进入官网体验
VXPLO互动大师欢迎对交互设计有想法的各位朋友们的加入！
Powered by