XMIND对交互设计究竟有多大帮助?
在交互设计过程中,复杂而繁琐的流程往往让设计者心力交瘁,更何况一些瞬时激发的灵感和想法若不及时得到应用便会稍纵即逝,但实际上在交互设计流程中有效利用好思维导图软件XMIND,许多相关的问题便可以迎刃而解。
接下来我们将逐步介绍XMIND与交互设计流程的应用关系和使用方法。
1.什么是交互设计流程?
图片来源:https://www.justinmind.com/blog/design-thinking-process-ux-design/
上图所展示的就是一个完整的交互设计流程。交互设计的创意流程其实就是设计思维的流程,这里值得一提的是,无论你是做交互设计,还是工业设计,还是服务设计,还是任何设计,我们都应该遵循着设计思维的流程。
设计思维流程如图分为5个步骤,第一个步骤叫做empathize(发现问题或社会现象的阶段),也就是我们在作品集的创作过程中的开题阶段。
第二个步骤叫define(定义问题阶段),我们要挖掘和探索问题及现象的缘由,也就是定义问题,剖析现象的过程。
第三个步骤叫做ideate(创意阶段),在这一阶段,我们依据着对问题的定义,和对现象的剖析后,会产生新的概念或者想法,也是提出解决方案雏形的过程。
第四个步骤叫Prototype(原型机制作),原型机制作,就是想法或者概念的深化,在这个阶段我们将更加注重具体和细节地去呈现概念和想法。
第五个步骤叫test(原型机测试阶段),是检验原型机的过程,许多学生都会忽略这一重要的步骤,因为学生往往认为,做完了界面效果图就万事大吉了,但实际上名校在审核时更看重作品集的每一个步骤和细节。
2.什么是XMIND软件?
图片来源:https://www.xmind.net/blog/en/category/new-version/
XMind是一款结合思维导图和辅助头脑风暴的软件,由于它具备强大的管理功能,以及对所做项目进行高效的梳理规划和分析,所以经常被用作商业管理范畴中。
而除了传统的商业项目外,XMind还可以辅助管理其他项目范畴,例如同学们的作品和作品集。在我们制作项目的前期阶段,尤其是思维创意阶段,我们可以用思维导图软件来梳理我们的思路和想法,比如我们可以把发现的问题或者有趣的社会现象放在中间(核心),并围绕这个核心,将发散出来的想法一一展示出来。
3.交互流程中哪些步骤可以用到XMIND?
上面我们介绍了交互的设计流程,在整个流程中,Xmind可以在empathize(发现问题或者现象的阶段)和ideate创意阶段大展拳脚。例如下面这个树状图。
The Tree Model(树状图)
图片来源:https://medium.muz.li/mind-map-within-the-walls-of-ui-ux-cf16e594ca12
首先,在我们制作项目的前期思维发散的时候,我们往往对一个问题(或者是一个现象)有不同的想法或者创意,这时我们可以用XMIND进行创意上的梳理,这样能很好的记录我们的思路。使用XMIND也可以很好的为我们养成好的习惯,不让好的创意点在我们的脑海中消失。此外用简单的词语来做快速的记录也是我们在制作作品集过程中必不可少的部分,尤其是作品集项目制作的前期。
APP设计框架图
图片来源:https://medium.muz.li/mind-map-within-the-walls-of-ui-ux-cf16e594ca12
而在我们在确定方案后,并开始搭建APP的框架时,XMIND软件也是很好的选择。我们可以用XMIND思维导图软件来整理APP的功能构架图,这样可以让我们保持思路的清晰,为我们的APP梳理清楚各个层级的功能,也方便我们自己来检查APP的框架是否完整。
好的APP设计不仅仅需要友好且实用的UI(界面),更需要清晰有条理的逻辑框架,这就是XMIND被大量使用的原因和意义。
此外,在做用户调研研究时,我们还可以通过XMIND整理用户的信息,从而获取有用的数据,而不是毫无目的且毫无针对性的收集材料,这样才能让我们的用户研究结果切合到我们的设计创意过程当中。
4.XMIND如何加持在交互作品集申请中
汉艺W同学获伦艺offer交互设计作品-旅游APP
上图所示的mindmap都是W同学用XMIND软件来制作的。该同学用XMIND来整理旅游过程中,一些用户最关心的问题点,通过不同的颜色和大小来区分了用户的关注点大小,为后面产品(APP)的定位和产品功能打下了很好的基础。
其中旅游过程中,用户比较关注的景点拍照(网红景点)等均采用高亮度表示,这也是对用户深入研究的体现,而作品集审核官也可以一目了然地找到作品的得分点,从而获得审核官的青睐。
实际上大部分落榜的学生,并没有让自己作品的用户研究体现出来,但如果我们能清晰的做出汇总和highlight,便可让审核官在极短的时间内获取有用的信息。
5.具体使用步骤
第一步,我们要用基本的纸笔来进行我们的项目规划,简单说就是打草稿,找出和确定我们项目的核心主题,这个核心主题就像是我们写作文的中心思想,以此为主干,延伸出一系列的相关分支。相关的分支就是一个个子话题,我们以此便可梳理出清晰的逻辑。
第二步,我们可以通过XMIND给予这些关键词不同的颜色和icon,来生动的表达各自的意义和确定他们之间的关系或关联,就像剥开onion(洋葱)一样,逐层的来分析拓展每一个分支(子话题,子子话题,子子子话题等)。
第三步,我们可以依据制作的项目思维导图来开始我们的设计制作,这里我们以APP设计为例子,用XMIND来搭建APP的工作框架(可以理解为我们写作文时列的大纲),可以更加直观的来分析我们所要做的APP,它的功能是否满足用户的需求,它的框架是否符合用户的使用行为等等。
第四步,当我们确定了我们的APP工作流程之后,我们就可以开始搭建我们的APP信息框架图了,也就是我们常说的线框图。
第五步,有了线框图,也就是我们常说的低保真,我们就可以进行用户测试,为后面制作高保真来收集更多的用户反馈资料。
总结而言,XMIND的使用过程,就像对我们一层层思考思维的具象化记录,同时也是对设计思维模式体现的最好记录,利用好XMIND将会使你的设计过程事半功倍。
精选课程
【解读】 广东省工程系列工业设计专业职称评定标准
设计论文写作:如何将实践案例转换为可发表的文本
玩转行为设计 高效提升产品业绩(中文字幕)
Joris Groen
Buyerminds 联合创始人,创意总监
用研基础:网易专家教你即学即用的用户研究课
韩晓燕
(前)网易 杭研产品开发部负责人,用户研究经理
独家 | 中文版《2023 科技中的设计报告》