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

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


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

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

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

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

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

第一点 需求分析

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

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

第二点 架构与流程设计

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

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

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

第三点 方案设计

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

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

第四点 方案验证

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

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

评审会是妥协的艺术。

第五点 设计跟踪

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

相关推荐

  • 如何提高用户体验

    不同复杂的需求需不同的设计例如:一个非常简单的优化,不会涉及太多修改和分析,就不需要过多冗余的内容;一个复杂庞大的需求,需要复杂的分析和展现。设计前,需要对需求的复杂度有认知,明确该采用什么方式来展现设计内容。绿色区域很容易触及、黄色代表需要展开,而红色代表用户需要改变设备手持方式将视觉简化,隐藏一切不必要的操作,注定用户认知成本的增加,不利用各个模块的跳转:突出某些功能的同时,也不必避免其他的内容被感知。不同的方式,可视化的表达,体验...

    2018-03-21
  • 分屏式设计正在逐渐流行,常见的玩法有哪些?

    不论如何,内容为王,而形式服从于内容,谨慎选择。

    2017-05-06
  • 鱼和熊掌——关于产品更注重功能还是更关注体验?

    “你从来不会因为产品功能而赢得用户,但他们会因体验慕名而来——关于快速使用最小可行化产品MVP(注:国内通称为‘试错’)快速进入市场指南”——by Lee Dale 基于这样一个背景,你需要重新考虑你的产品设计——摒弃罗列功…

    2015-07-18
  • 移动端设计模式的误用

    如果你是一名经验丰富的设计师,你一定会认同一点,受他人启发并不是在抄袭UI设计。这是一种最佳的研究实践。它也要运用各种设计模式,也要遵循设计规范,也需要确保选择用户熟悉的模式来建立可用的界面。

    2017-06-01
  • 在网页设计中如何少让用户费脑筋,保持操作流畅

    除了引导用户,还要减少他们的认知流程,以保持流畅状态。千万别把计算这种事情丢给用户,让计算机来处理。

    2017-05-23
  • 移动APP中各种类型的导航设计

    即使是移动应用界面的原型设计,导航的形式也可以多种多样。尽管尺寸小,又必须紧凑排列大量数据,它们似乎受到了紧密的约束,但依然有着形形色色的选择。 人们曾经一度只会考虑一种形式——流行且广泛使用的垂直导航…

    2014-11-06
  • Axure教程:实现类网易云音乐APP播放效果

    整体效果截图首页:视频播放:我的音乐:朋友:音乐识别:音乐播放:实现本原型实际效果可以在预览地址查看,本文将重点讲述播放器界面的实现过程。1.原型共有11个独立页面:依次为:首页,排行榜,FM,视频,我的,朋友,账号,音乐识别,音乐播放,每日推荐,歌单页面。2.音乐识别界面效果实现分析:1.音乐识别效果由首页左上角麦克风图标点击后触发,进入识别页面时开始识别同时效果自动开始。由于音乐识别和首页分别在两个不同页面,所以可以考虑通过全局变量...

    2018-03-24
  • 用户行为的“及时”理论 【UXRen译#184】

    作者:Jeff Atwood   |  翻译:露露,校审:Chen Jing   我一直认为软件设计对用户在使用该软件时的行为有着深远的影响。 从两方面来讲: 有意地让“正确”的操作容易操作。 有意地让 “错误”的操作不容易操作。 无论…

    交互专题 2017-11-01
  • 你不知道的交互验收:定义、问题和如何解决

    工作中才发现,交互设计师的职责,不仅是在前期的产出物交付完成即可,更多的任务是在后期的交互验收和优化推动截断。

    2017-05-15
  • 符合用户直觉的设计,才能更快地获得用户信任

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。

    2017-05-15