其实一直以来都纳闷,产品经理要做原型图,然后UI设计师要画UI 图,这两个之间貌似有许多重复的地方,而且还是大多时候还是并行进行,实在不知道二者之间的关系是什么,通过查阅资料,做一下总结。
-
做原型是表达自己思路的一种方式,任何岗位都可以制作原型与其他岗位进行工作上的沟通。当然,各个岗位制作的原型的侧重点是不一样的。
-
产品经理和交互设计师所做的原型在衔接的地方难免有一些重复。但是交互设计师所负责的原型制作应该更加精细,更加全面,更关注任务交流和操作这个层面。而产品经理不需要制作出带有丰富细节交互原型,产品经理还是要把精力集中放在产品的核心上面。更简单的说,产品经理对待交互稿,应该是快、草;快速模糊地把信息传递给交互设计师,交互设计师根据模糊的概念形成细化的方案。这样配合,效率很高哟~
-
在工作中,会根据产品形态的不同,进行合理分工。一般来讲,PM主要负责用户需求整理,规划,功能筛减,商业模式、运营模式探索,版本迭代时间规划,敏捷开发功能点描述等;
如果是WEB端的产品,交互相关的东西会涉及的比较少,由于PM洞悉各个功能点,倘若对原型设计较为精通,那么由PM亲自操刀出来的原型,既有利于开发人员了解功能点,又能减少与交互设计师沟通的时间,如此可以大大提升工作效率。
如果是移动端的产品,交互相关的东西会涉及的比较多,由于PM需要规划每个功能点,倘若操刀交互细节,将会非常费力,这个时候可以考虑将交互的细节分给交互设计师来做,自己全心全意规划功能,此为上策。虽然花费了一些沟通成本,但优化后的交互细节,在用户体验上会达到一个更加专业的程度。
综上所述,PM的demo和 Interaction designer的demo,最大的区别在于对交互细节的描述上,亦需根据产品的交互复杂度来定。
题外话:作为PM,需要不断提升自己的能力,不管是交互还是技术甚至是UI审美方面,都要保持进步,这样才能应对更多的复杂急性事件。
-
a. 产品经理的原型
梳理出所有的产品功能以及流程逻辑,比如使用axure的站点地图这种树状分支的表达要清晰完整。
每个功能页面,上需要哪些功能和数据需要呈献,要表达出来。
一定要在最短的时间内制作出人能看懂的原型,反复讨论,反复修改,留给设计师足够的时间。一定不要纠结画的好不好看,这一点也不重要,快速是第一位的。甚至功能好不好用可能都不重要,表现出来我们有什么,可以做什么就够了。
b.交互设计师的原型
拿到产品经理的原型,协助细化功能点,考虑交互逻辑是否成立。对整个产品的交互逻辑要表现清楚,比如提交数据按钮需要呈现加载状态,创建新数据表单,在哪个地方使用弹窗,哪个地方使用页面,空白数据页面使用表情还是添加新数据引导呢?给UI设计师提供UI设计思路。
说白了都是考虑每个功能用户怎么用的更爽。
-
交互设计师,交互;ui,视觉设计。
-
干了五年产品经理,原型切身体会是,原型这个东西,一旦你画了,就根本停不下来!最初只是想画个草图,但唯恐哪里没表达清楚,不断在里面搞设计,简直就是个坑!这浪费了多少白花花的时间啊!到头来该想的没想清楚该理的没理顺该做的没做好可做可不做的模糊不清…
如果不画原型,交互搞不懂产品,UI搞不懂交互,技术搞不懂UI背后的逻辑,领导看不到产品经理的思路…那么问题就来了!产品经理该不该画原型?
看工作环境,有交互设计师在的情况下,别让他不知道怎么干活(需求不清)也不知道还要不要干不干活(产品经理乱入交互)。
我现在是先跟交互设计师在纸上、白板上充分讨论交流,让他明白产品和功能以及用户需求,接着讨论大概的交互怎么做,交互设计师下去用工具(推荐sketch,没有集是设计师就自己画也挺快的)做像素级的线稿,我准备背后的需求、流程、逻辑,期间再碰N次。
他做完线稿图,这一步非常重要!完成这一步三个人都可以开工了,UI设计师可以拿这个去做界面设计,我和交互设计师可以分头做原型了。
因为sketch做图又快又美还是像素级,三人同时参考避免最终成果有偏差。所以我拿去套进axure,页面配上功能说明、规则逻辑、流程图等,生成产品经理版交互原型,用来汇报领导、沟通协调、需求评审与讲解、与技术进行项目开发计划评审评估工期等。
他继续把线稿图用axure做完全部交互细节设计,期间与我反复沟通确认,最后生成交互设计原型。
差不多这个时候开发计划出来的时候,交互设计原型已经完工了,UI主界面也差不多了,技术可以直接开搞不耽误!
最重要的还是每个环节的人都对要做的东西认知基本一致,因为前期的反复讨论和沟通,以及相差不远的线稿图做各自工作的参考依据。
基本上一个好的交互设计可以解放产品经理做更多有利于产品的事情而不是被很多具体的细节套死。也就是脑子空出来了,可以多想多学多提升,产品or自己。
至于什么低保真高保真,我能说句去尼玛的保真么!
太土了!低保真费时间还得讨论一次更新一版,还不如手绘+讨论现场get来得简单粗暴有效!
高保真泥煤的不就是UI设计效果图了么,都到这一步了保真泥煤啊直接切图搞开发不好吗?
原型设计可以清楚明了讲需求,所以产品经理要用!可以动起来的原型设计必须是深思熟虑过的交互,提升产品用户体验几个档次!
-
PM和交互设计师两者怎么配合,工作才不会重复,发挥最佳效果?
PM整理思维脑图,头脑风暴之后,优化思维脑图,然后出草图,你可以用Axure或者visio甚至腾讯出的UI disigner或者最近比较流行的Fluid UI(APP设计工具)来画草图,也可以称之为低保真原型图,在这个低保真原型图中,你需要一一罗列功能点,交互细节大可不必提及,完成后主动找交互设计师进行沟通交流,要耐心的将各个功能点向交互设计师描述清楚。交互设计师了解到这些功能点之后,会根据自己专业能力的感知,来进行高保真原型设计。我一直认为,交互设计师应该精通Axure,甚至应该具备非常高的文字描述能力,因为作为PM,我觉得交互设计师、前端设计师就是灵魂铸造师。高保真原型出来之后,PM应主动与交互设计师沟通,看看是否有需要修改的地方,两个人需要在灵魂层面达到二合一的境界,对功能的理解一定不能有出入,一些功能细节,PM应该把关,某些交互细节,应该提出自己的意见,换位思考,理解交互的设计含义。耐心与责任心在这个时候显得尤为重要。统一方案后,就可以提交UI进行设计了。之后就是前端工程师的静态页面设计,程序员的技术实现,TEST了。整个过程中,PM的沟通能力得到了最大程度的提现。所有的这些,都基于你对产品的热情程度,因为只有热情,才能让你持续不断的保持上文提到的那些能力。
其实一直以来都纳闷,产品经理要做原型图,然后UI设计师要画UI 图,这两个之间貌似有许多重复的地方,而且还是大多时候还是并行进行,实在不知道二者之间的关系是什么,通过查阅资料,做一下总结。做原型是表达自己思路的一种方式,任何岗位都可以制作原型与其他岗位进行工作上的沟通。当然,各个岗位制作的原型的侧重点是不一样的。产品经理和交互设计师所做的原型在衔接的地方难免有一些重复。但是交互设计师所负责的原型
产品根据需求出
原型图
原型
交互
麻烦的地方尽量做的清晰,流程明确
需求文档不能少,
产品经理
,前后端,测试等相关人员一起开需求评审会,是为了找到需求文档中不太明确的地方,完善需求文档,最重要的是让各方都明确产品需求,提高工作效率
UI
设计
师跟进
原型
输出
UI
图
设计
师根据 产品
原型
...
高保真界面构
图
点是视觉
设计
中最基本的元素。这里的点不是指形状,而是指画面中处于重要位置的“物体”,是点缀丰富界面的元素。
在界面中,点再不同的位置,给人的感受也不同。在上面的点给人活泼、不稳定的感觉;下面的点给人沉稳、呆板的感觉;右侧的点给人飘逸、下坠的感觉。
放大焦点的方法,把想要突出的内容放大并且靠在居中的位置,来凸显该元素。
线在
设计
中同样是一个抽象的概念,只有位置和长度。在界面中起到连接、平衡以及分割的作用。只要是在整个界面中起到线的作用,都可以称之为“线”。
值得一提的是,线又分为曲线和直线。其中直线表现为静,给人力量、稳定、坚韧的感觉;曲线表现为动,给人丰满,柔软,优雅的感觉。
面在
设计
中具有长度、宽度和一定的形状,在界面中占的面积最多,给人的视觉冲击也最强烈,是界面的主题。
均衡是构
图
的基本原则,通常是指以画面中心为支点,画面上左右、上下所呈现的结构在视觉重量上的均等和平。
产品
设计
中的均衡构
图
需要注意的是,均衡构
图
虽然平衡感和稳定性较强,但是过分的均衡往往又容易给人造成呆板,缺乏变化的感觉
文章目录前言:Axure简介([来自百度百科](https://baike.baidu.com/item/axure%20rp/9653646?fr=aladdin))Axure下载安装
前段
时间
因为人手问题做了些产品的工作
工作中需要绘制产品的
原型图
所以上手了Axure RP 9
发现相关资料搜索学习比较费劲,并且很多都是旧版本的Axure资料与现版本差异较大
所以决定做一版Axure RP 9 的使用教程
在学习
原型图
绘制的过程中做了份笔记,希望能帮没有接触过Axure的同学快速上手使用
UI
即User Interface(用户界面)的简称。泛指用户的操作界面,包含移动APP,网页,智能穿戴设备等。
UI设计
主要指界面的样式,美观程度。而使用上,对软件的人机
交互
、操作逻辑、界面美观的整体
设计
则是同样重要的另一个门道。好的
UI
不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由,充分体现软件的定位和特点。
原型图
的产品最初的构想
图
,一般是
产品经理
绘制,内容比较粗糙;
设计
效...
Axure
原型图
设计
源文件
UI
是指在Axure软件中创建的
原型图
设计
文件的用户界面。Axure是一款专业的
原型
设计
工具,可以帮助用户快速制作
交互
式
原型
,用来模拟和演示网页和移动应用的功能和流程。
Axure
原型图
设计
源文件
UI
包括了项目的各个界面和页面的
设计
细节,以及每个界面之间的
交互
关系
。在Axure中,用户可以在画布上绘制各个界面的布局,添加元素和组件,设定
交互
效果和动画,以及定义数据传递和状态变化等。
设计
师可以使用Axure内置的
UI
库来快速添加常用的
UI
元素,也可以自定义元素和样式。
Axure还提供了丰富的
交互
和协作功能,
设计
师可以通过链接和条件设置实现页面之间的跳转和流程控制,通过注释和说明来解释
设计
细节和说明功能,还可以与团队成员进行实时协作和反馈。
Axure
原型图
设计
源文件
UI
的优点在于可以将
设计
想法快速呈现出来,并提供给项目的相关人员进行演示和评审。同时,通过Axure的
交互
和动画功能,可以更加真实地模拟用户的
交互
体验,帮助评估和改进
设计
。
设计
师还可以导出
原型图
为HTML文件,方便在各种设备和平台进行展示和测试。
总之,Axure
原型图
设计
源文件
UI
是
设计
师用于创建互动
原型
的界面,用来展示和演示项目的功能和流程,具有高度的灵活性和可定制性,是
设计
师在界面
设计
中的重要工具。