交互设计师到底是需要做什么?
尽管很多谈及交互的书上都已经回答过了: ~~~~发现用户需要,建立明确需求 ~~~~提出设计方案 ~~~~制作设计原型 ~~~~用户测试和评估 还是有很多对交互设计有兴趣的朋友会问我这个问题,并希望我能回答得详细,具体到我工作中的每个细节。
其实交互设计需要做什么,会随每个交互设计师的工作内容差异而不同,具体到每个项目也会有区别。
下面分享下我是怎样做交互,方式不一定是最合适,希望大家多指点,共同学习进步。
发现用户需要的方式有很多种,我们可以在用户反馈里收集到许多用户提出的想法,他们希望我们能提供帮助解决问题的产品;我们也可以主动去观察一些生活中的信息,为灵感的迸发做储备。
比如说日程管理项目,有不少用户跟我们的邮箱反应说,他们忙碌的时候会忘记一些重要的事情,比如一些会议或者约会,所以希望网易邮箱能提供一个专业的日程管理功能,能够帮助他们有效的管理和安排每天的日程。
确认了用户的这一需要,我们的产品同事就会组织立项,把用研和设计组的同事呼唤过来一起进行调研,确定我们的目标用户。
用研组会通过问卷调查等方式尽可能多的去收集信息,交互设计师也会参与分析调研,组织会议帮助用研组完善信息,我们会采取一些有趣的方式,比如一堆人在一起头脑风暴,大家回忆各种相关的生活场景,然后把一些关键词记录下来。
这一步我们的目的是要知道:用户想要什么? 通过这些步骤我们提炼出一些最重要的功能需求,接着产品组会整理出需求文档,设计师就位。
通过调研,我们得到了大量数据信息,并建立了明确的需求,下一步就是开始提设计方案。
这个阶段我会做一些概念设计,类似于做实物产品时设计一个水杯,我会描述它说:我要设计一个旅行用的水杯,它能叠成一个小圆盘,喝水的时候只需要把小圆盘的圆心部分往下按,就能变成一个杯子。
互联网产品也是这样,需要赋予它一个概念,例如日程管理:这是一个专业的日程管理功能,通过使用它,我们可以有效的管理自己每天的日程和时间,以提高工作效率,并且不会再错过每个重要的约会! 这些文字并不一定非是交互设计师所总结,但是交互设计师必须要做到对产品心里有数,明确我们要做什么。
同时需要进行的还有初稿设计,在这里我所谓的初稿,并不一定是严格要求中的交互原型,可以是用Axure把主要的页面流程做出来,也可以手绘草图,只要能清晰表达设计构思的,什么样的方式都可以。
制作设计原型,也就是常说的交互稿,区别于做设计方案时的初稿,这份交互稿我会尽可能细致的把流程和具体操作形式表达出来。
考虑到做交互是一个迭代过程,我会在设计稿的首页为设计的产品做一份交互更新日志,记录下交互更新时间、版本名称、更新类型、更新内容、参考需求文档与交互负责人。
这份更新日志的意义在于: ~~~~更新时间-便于全程跟踪记录项目,掌握每个时间点 ~~~~版本名称-便于项目参与人员查找上一版本的交互稿 ~~~~更新类型-了解每次更新需求的性质 yixieshi.com ~~~~更新内容-清晰呈现每一次更新的内容,并提供一个直接去到更新页面的链接,这样在进行迭代时我们的伙伴不用一页页去寻找更新点 ~~~~参考需求文档-便于项目参与人员查找对应的需求文档 ~~~~交互负责人-记录每次迭代的交互负责人,并能方便工作交接 yixieshi.com 交互稿的制作过程,一般是用Axure做原型,像邮箱这样视觉比较成熟且相对稳定的产品,我会偏向做高保真模型,我们会整理一个控件库,这样能提高制作效率;做一个全新项目时,黑白稿线稿都是可用的方式,如果交互设计师能对大概的视觉效果有把握,也能做得精致些。
这些我想大家都很了解,所以不多说了。
之所以把这部分内容提出来单独写一段,是因为之前和很多做交互的朋友讨论过该怎样做好交互说明,大家各有看法,很难找到这部分工作的衡量标准。
交互说明书在整个设计过程中,也许只会占用小部分工作量,但是作用不小,它能帮助我们减少沟通成本,辅助交互稿描述设计理念,表达交互流程,更细致的展现我们的设计。
与做设计稿不同,个人认为,交互说明这部分工作,需要我们更多了解它作说明的对象,即产品经理、视觉设计师、开发人员的需求,从而达到真正的“辅助”效果,而不是盲目凭自己主观去长篇大论,否则我们要为此花费时间,而且这部分工作只能沉积为一堆我们自己欣赏毫无意义的文字。
yixieshi.com 为此我曾与合作过的各组同事进行沟通,提炼出一些他们对交互说明的需求,不求全面,但求能说明一些问题。
互联网的一些事 1.交互说明最好是图文并茂(all) 便于阅读和理解。
2.页面跳转的说明(产品&程序) 页面跳转是涉及多个页面关系的操作,产品人员在看交互稿时,会更多去关注多个目的性的任务操作流程,而对页面跳转的记忆是有限的,所以需要页面跳转说明。
3.交互说明能否考虑与产品需求文档结合(产品) 开发文档会涉及产品概念、技术方案、业务执行角色等内容,和交互设计稿有着紧密关联,所以交互说明书与开发文档是可以相互做补充,整理成一份文档,这样也能避免工作内容重复。
4.对交互稿中不明...
交互设计师用到的用户体验软件有哪些
交互设计应该学习Axure RP软件Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。
Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。
作为专门的原型设计工具,它比一般创建静态原型的工具如Visio、Omnigraffle、Illustrator、Photoshop、Dreamweaver、Visual Studio、FireWorks要快速、高效。
它同时支持多人协作设计和版本控制管理。
Axure RP目前已被一些大公司采用。
Axure RP的使用者主要包括商业分析师、信息架构师、可用性专家、产品经理、IT咨询师、用户体验设计师、交互设计师、界面设计师等,另外,架构师、程序开发工程师也在使用Axure。
交互设计师需要具备哪些实在的技能
1 分析需求的能力,一般情况下,你会从产品经理手上得到一堆的需求,还有流程图,你需要把抽象的东西变成实际的页面。
2 软件的使用:xmind的等导图软件,axure等低保真交互制作的软件,axure现在依旧是主流的软件,因为你要在交互旁边写交互文档,所以principle这种写起来很费劲。
3 优秀的UI知识,交互设计师是需要排版的,你可以理解为一个不规范尺寸、没有颜色的效果图。
4 逻辑思维能力,实际是1的小分支,要从众多功能点和展示点中找到主次关系,少做子级分类。
初级UI设计师需要学会什么软件
UI设计师常用的软件有:Ps(Adobe Photoshop)图像处理软件Ai(Adobe Illustrator)出版、多媒体和在线图像的工业标准矢量插画软件Ae(Adobe After Effects)图形视频处理软件An(Animate CC)动画制作软件Id(Adobe InDesign)一个定位于专业排版领域的设计软件Dw(Adobe Dreamweaver)网页编辑软件CorelDRAW:矢量平面设计软件手绘原型工具有:Axure RP是一个专业的快速原型设计工具墨刀工具:最好用的原型设计工具,快速构建移动应用原型与线框图,Adobe XD是一款轻便的矢量+原型绘制软件。
Mockplus:一款简洁快速的原型图设计工具。
做UI设计师需要学哪些软件?
UI设计学习软件知识主流的软件: PS AI AE ARPUI设计学习理论知识理论知识:素描、色彩、管理、运营、文案、演讲、作品集、创意、审美、动效、版式设计、规范、切图、心理学、沟通学、了解程序、适配、竞品分析、 UE交互逻辑、思维导图、原型图、互联网思维、网络营销等知识!
目前UI交互设计常用的软件有哪些?UI处理软件有哪些?
目前市面上确实蛮多的,建议学好一个,够用就好——学多而不精其实就是浪费时间!1. Adobe After Effects AE这个软件我想大家都知道,火得一塌糊涂,如果没猜错的话,它目前属于设计师学动效的首选。
它的特点就是强大且牛逼,基本上要的功能都有。
UI交互设计其实只是用到了这个软件很小的一部分功能而已,要知道很多美国大片都是通过它来进行后期合成制作的,配合PS和AI等自家软件来说,更是得心应手。
dribbble上炒鸡多的大神都是用这个软件在show哦,毕竟这个软件做demo那是很厉害的~ 但是有些效果程序猿不见得能够帮你实现出来, 因为实际的项目产品受太多的制约,木有那么多程序猿会没事给你做动效的!2. Adobe Photoshop 可能很多人都认为ps只用来作图和处理图像的,并不知道ps可以做gif~然而当AE没有火起来的时候,我们这些老ui设计师们都是用ps做gif,用flash做demo(过去我们只需要做PC桌面的动效)。
如果没记错的话,ps从cs6之后开始进一步加强了动效的模块,现在的版本能够实现很多相对复杂的动效~ 而笔者喜欢用ps来制作简单的表情动画,逐帧动画用得居多。
3. Adobe Flash Flash可以说是过去的王者,也是由于时代的发展原因,现在基本被淘汰了,这里不多做解释,具体可以百度——据说特别耗费cpu和占用内存,软件里面有都爆卡~不淘汰才怪,现在很多很low的网页游戏还在用这种技术~4. Pixate 这个软件被大牛Google收购了,然而被收购一年后,Pixate Studio宣布于10月31号被停止更新了~凄凄惨惨戚戚。
Pixate是图层类交互原型软件,优点是可交互,共享性强,和Sketch结合相对高,同时对Google Material Design的支持比较好,有许多MD相关预设;缺点是没有时间线,层级管理不是很明确,图层一多就会非常的繁杂。
5. Origami 这个软件可以用一句话来形容——超强大的高难度原型工具,要是没点代码知识做压惊~~建议远处观望就好~6. Hype 3 hype 3也算是火了一小段时间的,号称无代码动效神器,像AE一样使用时间轴就做可互动的动画。
PC、手机、pad端都可以直接访问(以web的形式),也可以导出视频或者GIF。
3.0版还有物理特性和弹性曲线,可以发挥更强大的动画效果。
对中国人来讲,它原生支持中文这一点也非常棒!配合sketch效果也是杠杠的!7. Flinto 界面跟Sketch很像,如果会用sketch那么上手很快。
它能够快速实现各种滚动、转场、点击反馈效果,手机和电脑端的预览都非常的流畅,貌似现在用的人不少~8. Principle 这个软件的和上面的flinto有点类似,界面和sketch类似,同时配合sketch也是非常方便。
它主要是做2个页面间过渡专场特效,元素切换,细节动效的工具。
优点很明显,效率高,质感好,缺点就是不能做整套原型。
9. CINEMA 4D 说到C4D或者大家第一反应是它是三维软件啊~没错!但是它做起动效来也是帅破天际的~~下面是网络上用C4d做的一些demo。
10. keynote keynote相当于windows的powerpoint,是个幻灯片软件。
但是!或许你并不知道,据说苹果的UI交互设计师都是用keynote做交互演示的......只要能够熟练掌握这个软件,目前app里的绝大多数动效都是可以做出来的~但是相对复杂一点的动效实现起来就有点不够.......但是已经很屌了好吧~~笔者经常为了省事直接都是用它做个简单demo给程序猿看的,快捷方便啊~要知道时间就是金钱啊!好啦~由于笔者也并不是全部了解目前市面上的动效软件,按照自己的理解基本上一些相对主流的动效制作软件就是上面这些,如有漏或者不对的地方还请指正~ 总结:1、AE属首选。
2、PS制作简单动效比较方便。
3、Flash被ADOBE爸爸抛弃了。
4、Pixate优点是可交互,共享性强,和Sketch结合相对高;缺点是没有时间线,层级管理不是很明确,图层一多就会非常的繁杂。
5、Origami,使用此软件还是有点代码知识为好。
6、Hype3配合sketch效果很好。
最近也比较火7、Flinto界面跟Sketch很像,能够快速实现各种滚动、转场、点击反馈效果。
8、Principle,优点很明显,效率高,质感好,缺点就是不能做整套原型。
9、C4D攻可三维,受可动效。
10、keynote相当于windows的PPT,相对复杂一点的动效实现起来就有点不够。
成为UI设计师,需要哪些必备工具及技能
一个好的交互设计对产品的成功起着很关键的作用。
UI所做的就是用户最先接触到的东西,也是一般性的用户唯一接触到的东西。
用户对于界面视觉效果和软件操作方式的易用性的关心,要远远大于他对底层到底用什么样的代码去实现的关心。
但是大部分公司对UI设计岗位的要求也有很大的共性;一般包括三个方面,一是,会做图,需要用到的工具是PS、AI、sketch等;二是,懂代码前端知识,html、css、javascript、JQ框架等;三是,会原型工具,Axure、Visio(流程图工具,微软)、xmind(思维导图工具,收费)、mindjet(MindManager思维导图工具)等等;
转载请注明出处51数据库 » 交互设计师需要用什么软件