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

2016/11/26 5570

interaction-design-starter-knowledge-hierarchy-1

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

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

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

第一点 需求分析

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

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

第二点 架构与流程设计

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

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

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

uisdc-jh-20161126

第三点 方案设计

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

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

第四点 方案验证

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

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

评审会是妥协的艺术。

uisdc-jh-20161126-2

第五点 设计跟踪

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

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

第六点 其他

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

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

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

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

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

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

目前,已经完成了相关知识点的文章阐述,由于刚开始写作随意,没有侧重知识体系的概述与方法介绍,再加上有些知识点没有涉及到,因,此在后续的文章中,会尽可能的补齐那些遗漏的知识点。

相关的知识点编者已经整理了一份交互设计的自学导图,想要的同学私信主编@3年2班程远 「交互设计」即可自动获取。

编者注:交互设计行业由于国内相关专业少,发的干货知识人气一直不高,比如下面这几篇,聊的全是交互中的知识点,建议学交互的人阅读收藏:

  1. 消灭空状态:《帮你消灭「空状态界面」的5个常用方法》
  2. 优化交互流程:《3个方法帮你优化交互设计流程的“闭环”问题》
  3. 可用性测试:《零基础也能学!超详细的可用性测试方法经验总结》

欢迎关注作者的微信公众号:UIUX-HUANG

2016uisdc-classroom-new

【优设网 原创文章 投稿邮箱:yuan@uisdc.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量180万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:http://www.uisdc.com/interaction-design-starter-knowledge-hierarchy

界面设计 HTML5 素材 交互设计师 好文 UI 用户体验设计 转场动效 设计师专访 设计师 排版布局 扁平化设计 设计规范 素材下载 视觉设计 职场 产品设计 设计趋势 配色 web前端开发 海报设计 AI教程 字体下载 设计理论 动效设计 神器下载 图标设计 psd下载 logo设计 神器推荐 ICON 职场规划 App设计 酷站推荐 字体设计 交互设计 ui设计 用户体验 设计师职场 优秀网页设计 酷站 ps技巧 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里