交互设计:给新人设计师的交互设计知识体系

一篇完整阐述系统交互设计知识体系的文章,希望能够对新人设计师建立的设计知识体系有帮助。


一篇完整阐述系统交互设计知识体系的文章,希望能够对新人设计师建立的设计知识体系有帮助。

交互设计:给新人设计师的交互设计知识体系

到目前为止,已经写了关于交互设计的十几篇文章。但是,越来越发现自己写的没有章法,东一棒子,西一榔头,都把自己打晕了。最近刚好有一些小伙伴,希望能够看到系列化的文章。所以,就整理了一下自己的交互设计知识体系,一方面对自己的知识查缺补漏;另一方面给大家竖一个靶子,希望大家批评指正,共同进步。

一个人的知识体系可以看做一个人的格局,知识体系越广,越能看清楚各个知识点之间的关系,明确自己的缺陷;知识点越深,则能体现出你的专业。交互设计也是一样,在对交互知识深入学习的同时,也要加强自己知识体系的构建,弥补弱势。这样,既能有效的辅助其他知识点的学习与应用,同时也能够保证交互设计质量在较高的水平,而不会出现较大的起伏。

交互设计是一门交叉学科,从广义的角度上来说,涉及到多个学科,包括心理学、设计学、人机工程学等等,但是从狭义的角度来说,交互设计的核心知识体系,应该包括需求分析、架构与流程设计、方案设计、方案验证/设计跟踪与其他六方面内容。

第一点 需求分析

交互设计工作是从拿到产品需求开始的。需求分析的主要目的是来明确产品的目标定位以及产品想要实现的功能。需求分析有若干方法,包括目标人群分析、竞品分析、已有的产品版本分析等等。除了各种的分析方法,还有一点就是需求评审。需求评审可以面对面的交流,得到产品经理想要的,同时能够将交互设计师大概的页面框架以及形式快速反馈给产品经理,以确定思路的正确与否。最终,需求分析要得到的结论是:产品的主要功能、特色功能、用户人群、使用场景、用户期望等等。

总之,需求分析的目的在于明确交互设计的方向和目的。

第二点 架构与流程设计

架构又称信息架构,是产品页面的逻辑骨架,是产品功能的横向梳理。好的信息架构能够进行合理的功能分类,符合用户心智模型,帮助用户快速有效的找到目的地。

流程设计是基于产品的功能来进行的,是对产品功能的梳理,是产品功能的纵向梳理。用户在使用场景下进行的目的性操作,能够保障功能使用的流畅以及交互界面的完整性,便于检测产品功能是否能够走通以及其合理性。

信息架构的梳理方法多用卡片分类法,让目标用户对产品的功能卡片进行分类,并对类别进行概括,得到相应的功能集群,功能集群即是产品页面功能模块的大致分类。流程设计能够确定交互设计过程中关键点与关键页面,能够保证在原型中,保障功能过程的完整性。

第三点 方案设计

方案设计即是对上一步流程设计与架构设计的视觉化表现。原型设计,是交互设计师的核心能力。这一点大家都有自己的心得,而且很多交互设计师的经验都集中在这一块,在这里就不在赘述。但是,其中有一些不被大家关注的知识点需要注意一下,比如交互稿的规范性、交互稿的注释、页面的响应式问题等等。这些知识点是“有”和“优”的问题。如果没有考虑到这些内容,交互稿也能表现出产品的大致功能,但是,其在视觉表现上与设计思路传达的效率上面就会有所欠缺。

因此,我们在完成交互稿的同时,也要尽可能的提高交互搞得质量,提升其视觉与传达效率上的舒适度与准确性和高效性上。

第四点 方案验证

交互设计方案的验证包括两个方面,一方面是交互设计师自身的设计检测,即产品的可用性测试。可用性测试是一个较为专业的领域,交互设计师需要掌握相应的方法,来评测自己的交互方案的合理性,以及是否解决了产品需求中提出的问题。

另一方面是交互稿的初稿、中间稿以及终稿的评审,是在整个团队中进行的,一般是以会议的形式进行。与会人员包括项目经理、产品经理、交互设计师、视觉设计师、开发、测试等,这样交互稿要在整个产品开发过程中的人员之间进行评审,既要满足产品需求,也要满足开发资源的需求。

评审会是妥协的艺术。

第五点 设计跟踪

设计跟踪是很多设计师都会忽略的知识点,但是,其相当重要。不管你的设计方案多么优秀,如果开发实现的不好,那就要功败垂成了。设计跟踪是保证交互设计方案的贯彻是否彻底的杀手锏。设计跟踪的形式有很多,展示形式也有很多,包括Word、PPT以及JARA等产品线管理软件等等。但是,其基本构成都是一样的,包括设计效果与开发效果的对比,描述出其间的差异,提出修改的地方,参考样式以及可替代性的方案等。

设计跟踪的难点在于对开发效果与设计效果之间差异的把握。在时间成本、人力成本等的限制下,如何达到产品的最优化,是考验设计师设计能力与沟通能力的试金石。

第六点 其他

交互设计是一个交叉性的工种。其知识点很难用几个点来清晰的概括出是与非。因此,将其他对交互设计师更高的要求归纳在其他门类下面。主要包括沟通能力、交互设计时间预估能力、前端开发知识了解等等。不能详尽罗列,大家可以自由扩展。

交互设计过程中免不了团队之间的沟通,优秀的沟通能够极大地提高设计效率,融洽交互设计师与团队中其他成员之间的关系,便于开展后续工作,让自己在团队中游刃有余。沟通的重点在于明确对方想要的,表达清楚自己能够提供的,做到这两点,沟通就是顺畅的、高效的。至于其他的方面就要看设计师的情商了。

交互设计时间预估能力,是在需求与与设计方案胸有成竹的情况下,对交互稿进度的把控。好的时间预估能力,既能满足团队的开发时间需求,也能让自己在低强度的工作压力下完成。

至于,前端开发知识的掌握,就看个人兴趣以及知识背景了,这里就不在赘述。但是,其在设计过程中的辅助作用也是相当明显的,在于前端开发沟通过程中就能清晰的体会到。

交互设计的知识的外延很模糊,也很难用简单的几个知识点将交互设计的知识体系概括清楚,所以更多的是一家之言,仅仅是自己的成长轨迹。

交互设计的学习与能力提升,应该从核心功能开始,在增强核心功能的能力的同时,再向交互设计知识体系的外延延伸,提升整体的设计能力与素养。

 

作者:黄红艺Designer

来源:http://www.chinaz.com/manage/2016/1129/619971.shtml

本文来源于人人都是产品经理合作媒体@站长之家,作者@黄红艺Designer

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/26497/

(0)
CatherineCatherine
上一篇 2017-05-14 18:49
下一篇 2017-05-14 21:50

相关推荐

  • 作品集 | 交互设计大师的成长轨迹

    致奋斗的你:又是一年花开时,中公教育优就业送走一批批优质学员的同事,又迎来了一群渴望高薪就业,改变现状的U学员。优就业学员在朝九晚九的学习作息中、六大福利的助学保障中、高配的教学设备下、高标准的食宿环境下学习IT技能......相信中公教育的学员一定可以学有所成,实现高薪就业目标!下面,就随小U妹一起来看看近一期学员“小试牛刀”的作品吧:UI交互设计作品01、UI动效展示(部分)UI动效作品展示·《小球飞》UI动效作品展示·《大憨熊》0...

    2018-04-12
  • 交互设计篇|经历一个产品从0到1我都学会了什么

    好的设计不仅能满足用户需求、提升易用性,还能弥补技术上的短板。在经过一个产品从0到1的实现后,对这一点感受的尤其深刻。下面列出几个我产品设计中的教训和收获。图书馆打印插队如果不给出理由则此行为被接受的概率为60%;如果给出一个理解则此行为被接受的概率为94%;甚至在解释原因时只提供“因为”而无实质原因的情况下,此行为被接受的概率竟然为“93%”。足见,“人就是单纯地喜欢做事有个理由”。那么,产品与用户“交流”时,就需要有个“理由”让用户看到自己行为操作与产品回应之间的解释,从而顺应操作规则从而更好的使用产品。

    2017-05-06
  • 产品插画设计中,都有哪些比喻技巧?

    Shopify是一家位于加拿大渥太华的电商软件开发公司,专门为中小零售商提供建立网店的Saas服务,能对接主流ERP系统,为客户提供打单、发货、运单号自动回传、订单业绩汇总、利润计算、仓储、采购及供货管理等一体化管理流程,按月收取咨询服务费用。
    本文作者对产品插画中“如何利用比喻来找准信息传达的关键,提供有价值的无形体验”有自己独特的见解,在视觉设计角度对大家应该有一些启示。

    2017-05-14
  • 为什么你爱用的 App,都用卡片式设计?

    今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以,界面内容的大小一定不要让用户在交互时感到不适。——译者注注:Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者 API。

    2017-05-04
  • 交互设计师的60日计划之第十一天

    今天又是上下午都有会,下午还感冒了…差点忘记写每日,要睡了突然想起来,就拿用研小总结凑个数吧。 20150806 及时给出反馈结果 用户的一些基本特点比起用户体验更注重功能,期望能有更多的功能。开发人员学习能力…

    交互专题 2015-08-20
  • 你如何设计交互?

    进行界面设计时,很显然我们一上来就会想着画出整个流程。但这真的是最好的方法吗? 我曾偶然进行了编写一个具有想象的人机对话,之后我再继续使用画流程的方式。 编写人机对话的方法改变了我的思维方式,我再也没…

    2015-08-12
  • 用户行为预判的交互设计研究

    #交互原型##预判设计#主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断#用户行为#,缩短行为路径。 作为“剁手党”,闲暇功夫刷淘宝已经是消磨时间的习惯行为。某天看中了一件…

    2016-11-03
  • 做完这5次Axure实操,0基础不仅做出高保真,还能提升产品交互

    众所周知,Axure是产品经理必备的工作软件。BAT对于产品工作2-3年的面试者,均要求熟练使用Axure。别让Axure阻碍你的高薪产品路!别等面试时,才发现自己掌握不够。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期开启报名!从第1期到现在,2000多位同学学习成长,好评如潮。花3-5分钟了解,很快Axure对于你,就不再是问题。(真诚地说)产品思维和交互贯穿全程,学完不仅能画出高保真,同时告别画图经理。具体来看,通过6...

    2018-04-07
  • 沃尔沃自主驾驶概念交互设计欣赏

    沃尔沃自主驾驶的概念交互设计来自设计师Keke Le用户调研 |  HMI设计 |  UE/UI设计 |  HMI培训  |  HMI评测  | 体验咨询

    2018-03-21
  • 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的:

    手机地图  移动交互 数据可视化 移动大潮席卷了你我。 如何利用数据可视化改善移动端的交互体验?来自华尔街日报、Bloomberg 等顶级新闻工作室的新媒体从业者们是这样思考的。 本文的原 po 给几乎每个案例、工具都…

    2016-04-08