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

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

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

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

第一点 需求分析

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

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

第二点 架构与流程设计

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

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

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

第三点 方案设计

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

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

第四点 方案验证

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

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

评审会是妥协的艺术。

第五点 设计跟踪

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

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

第六点 其他

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

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

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

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

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

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

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

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

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

(0)

相关推荐

  • 自我驱动,如何构建个人的技术思维?

    关于斜杆,有这么一群人: "设计师/WEB前端工程师/自媒体人", "前端攻城狮,略懂一点设计,饮四季茶,写八九行代码,十全大补书中达", "产品经理 ...

  • 干货丨高考政治《经济生活》知识体系!

    ▐ 来源:综合自高考政治.网络,转载请注明出处,谨致感谢,如有侵权,请联系删除!

  • 被一个新人设计师骑在头上,是我这五年设计生涯中最开心的一段时光!

    他比我晚来公司整整三年,却用了不到三个月的时间成了我的顶头上司,我就这样成为了他的绘图员,刚开始我很不服,凭什么一个毕业没多久的小孩能踩在我的头上?但是当他签下一个又一个的客户的时候我是真的震惊了. ...

  • 不会访谈的交互不是好设计师

    "有时候我们走的太远,以至于忘记了为什么出发",作为一个产品设计的参与者,你是否有过这样的感慨?这时候不妨把目光重新回到用户身上找答案. 用户研究是一项"磨刀不误砍柴功& ...

  • 交互深耕-B端设计师要懂的信息架构

    信息架构这篇是本人在现阶段觉得较难学习与阐述的知识点,网上关于信息架构的知识内容也是参差不齐.在学习与探究的过程中查阅了很多资料,反复修改多次,尽量用直白的语言结合实例来阐述信息架构.目录如下: 大家 ...

  • 设计师为自己设计28㎡小窝,超大的收纳空间吸粉无数,浪漫又温馨

    一位90后的年轻女设计师买了一套28㎡的小户型公寓,并且为自己设计了这个小窝.公寓的户型是一个梯形,只有一面采光.设计师为自己创建了一个简洁而实用的家居空间,在只有28㎡的空间中,她创建了卧室.迷你厨 ...

  • 设计师必备的设计宝典!

    近期别致的广州恒大足球场"莲花"造型火遍设计圈地产圈,你以为这就够奇葩了吗?笑话!那今天让我来揭露设计界的反人类设计!!!只能用一个字形容 ,服!! 设计云线=地上挖洞?坐便池与洗 ...

  • 新人设计师:总监,麻烦给我倒一杯热的冰水!!!

    他比我晚来公司整整三年,却用了不到三个月的时间成了我的顶头上司,我就这样成为了他的绘图员,刚开始我很不服,凭什么一个毕业没多久的小屁孩能踩在我的头上?但是当他签下一个又一个的客户的时候我是真的震惊了. ...

  • 一个猖狂的新人设计师,就你也配踩到我头上?

    他比我晚来公司整整三年,却用了不到三个月的时间成了我的顶头上司,我就这样成为了他的绘图员,刚开始我很不服,凭什么一个毕业没多久的小屁孩能踩在我的头上?但是当他签下一个又一个的客户的时候我是真的震惊了. ...

  • 案例分享丨疫情大数据平台的设计

    南航疫情大数据平台采用敏捷开发模型.协同开发模式,在微服务架构的支持下,多项开发工作并行开展.通过正确的技术选型.合理的模块划分,最大程度发挥微服务优势. 2020年初新冠肺炎(COVID-19)疫情 ...