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

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


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

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

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

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

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

第一点 需求分析

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

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

第二点 架构与流程设计

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

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

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

第三点 方案设计

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

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

第四点 方案验证

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

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

评审会是妥协的艺术。

第五点 设计跟踪

设计跟踪是很多设计师都会忽略的知识点,但是,其相当重要。不管你的设计方案多么优秀,如果开发实现的不好,那就要功败垂成了。设计跟踪是保证交互设计方案的贯彻是否彻底的杀手锏。设计跟踪的形式有很多,展示形式也有很多,包括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

相关推荐

  • 交互设计的用户行为模式十二项

      安全探索 方便用户进行探索和尝试,支持多级撤销, 即时满意 让用户立即完成一个任务,给他们信心。 满意即可 人们不愿意付出哪怕一点点多余的思考,给他们他们熟悉的模式元素,让他们熟悉环境,可已立即上…

    2015-01-21
  • 用户体验设计师必须知道的52个科技术语

    原文链接:https://uxplanet.org/60-tech-terms-you-need-to-know-as-a-ux-designer-a01166074ae1通俗易懂的A-Z科技术语列表在刚开始用户体验设计师的工作时,我如同离了水的鱼一样。我所知道的科技术语很贫乏。在会议中我总是能听见这些词汇,但是完全不知道是什么意思。然后我回到自己的办公桌前,偷偷摸摸的开始查我刚才听到的是什么,并希望没有人发现!一段时间后,我发现很多对...

    2018-04-09
  • 澳洲科学家完成时间旅行模拟

    2009 年 6 月 28 号,世界闻名的物理学家史蒂芬霍金在剑桥举办了一场趴体,香槟美酒应有尽有。霍金邀请了每一个人却无人出席。对此,霍金并不意外,因为他在趴体结束后才寄出邀请函。他说,那是 " 对未来时间旅行者…

    2014-09-05
  • UI设计师最该考虑微交互的设计

    前言什么是微交互?微交互是用户在完成某个小任务时产生的交互体验。例如,解锁手机就是一个微交互,手机调成震动模式时会震一下也是一个微交互。为什么称为“微交互”呢?所谓的“微”其实就是指的产品的细节设计。微交互正在成为产品设计中越来越重要的部分。正如同Charles Eames曾经所说,“细节并不只是细节,它是构建起整个设计的基本元素。”你的UI和交互设计中的每一个元素都是至关重要的,一个又一个细节设计让你的产品最终脱颖而出,而真正让人难忘...

    2018-04-20
  • 【译】为什么要在绘制线框图之前画草图

    我们在设计的过程中都会有意无意忽略掉很多步骤,大部分原因是我们都不了解这些步骤。当有人问你,交互设计的价值在哪里?会不会觉得很难回答出来,就算答了也觉得很虚。因为本质上我们都不懂。当你了解了整个流程…

    2015-08-19
  • 从1.2亿次的点击中,苹果学到了这个提高用户体验的方法

    从iOS 9改版到iOS 10之后,锁屏页面的音乐控件变大了,用户体验 明显提高。那么最佳的按钮触摸大小应该是多少?经过1.2亿次的实验后,这个结果被微软/苹果等顶级公司采用,强烈推荐学习。

    2017-05-04
  • 用户体验才是真正的“一句顶一万句” 安徽燕之坊食品公司用勤哲软件实现生产、经营和管理数据的互联互通

    统计数据显示,截止2017年底,国内食品工业企业超过4万家,主营业务收入占全国工业的比重十分之一强。在实施制造强国战略和推进健康中国建设中,食品工业作为传统的“以食为天”的民生产业占据着不可或缺的重要位置。当前,食品行业在实现快速发展的过程中,面对城乡居民安全、多样、健康、营养、方便的食品消费需求时,与其他行业一样面临着转型、升级的动能和压力。尤其是在食品质量安全水平和高品质食品有效供给方面,利用现代信息技术创新消除安全和质量隐患等领域...

    2018-02-13
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 一个产品小白如何理解尼尔森交互原则的?

    上完培训课,又开始投入忙碌工作中,由于目前公司是做汽车后市场服务,并且近期在准备新产品开发事宜,因此每天跟产品经理、研发同事少不了一些探讨。与之前有所不同,现在工作过程中,可能会下意识地用Blues老师讲解的一些知识来思考、理解、验证产品。

    2017-06-01
  • 泡泡UI英语:交互设计精髓1

    最近在读《About Face 4:交互设计精髓》,他全面系统地讲述了交互设计过程、原理和方法,涵盖内容广,刨析知识深,被奉为交互设计指南。也正因为如此,大量的专业词汇给阅读造成了不小的难度,推荐大家双语共读,…

    2017-08-01