梳理交互设计创意-XMind应用基础-备课笔记

编号19-01【App产品交互设计开发前期】编号19-01学习任务三、梳理交互设计创意-XMind应用基础一、课程说明与要求1.课程说明本次课程主要讲解xmind软件的功能描述以及xmind在交互设计流程中的应用这两方面内容，XMind是非常实用的思维导图软件，简单易用，功能强大。在进行产品规划，头脑风暴，任务分析等工作时，都可以借助XMind来完成。2.工具材料准备说明本课的实践需要同学们提前准备一些软件和素材，教师将以下关于xmind的应用基础部分需准备软件及素材发到微信群中。软件工具/案例备注Xmind8Pro每台电脑安装甘特图素材文件每人下载一份二、学情分析与课程导入1.学情分析本课程授课对象为艺术专业学生，关于思维导图及思维导图在交互设计中应用等方面的知识，了解的不多，普遍认知不强，为此我们强调进行引导教学，融入市场多元化理念。另一方面，学生对新兴的事物接受比较快，对所选择的专业感兴趣，获取知识的主动性较强。2.课程导入我们讲xmind软件，那么xmind主要应用哪些领域？它在交互设计流程中起到什么作用？实际在我们交互设计的各项管理、团队协作、项目进度把控等等都可以使用xmind来进行梳理，让我们的思路更加清晰，后续的原型制作提供基础。三、理论知识讲解（一）XMind功能描述………【重点】思维导图就是以层次感的方式展示我们想法的图像式思考辅助工具。编号19-02XMind是一款非常实用的商业思维导图软件，应用全球最先进的软件架构，全力打造易用、高效的可视化思维软件强调软件的可扩展、跨平台、稳定性和性能，致力于使用先进的软件技术帮助用户真正意义上提高生产率。编号19-02XMind能与用户其它的Office软件紧密集成，可以被导出成Word/PowerPoint/PDF/TXT/图片格式等，XMind不仅可以绘制思维导图，还能绘制鱼骨图、二维图、树形图、逻辑图、组织结构图。1.xmind的应用（1）用于交互设计在交互中它可以用来进行思维管理、项目管理、信息管理、计划和时间管理、企业决策分析等（2）思维交流在设计领域，它通常被用于会议备案、项目规划、头脑风暴等团队协作为团队提供纵向深入和横向扩展两个维度的选择，这样用团队在协作时，可以根据用户反馈及时调整（4）项目进度把控编号19-032.常用的几种主题编号19-03（1）右侧主题：适用于单向逻辑的表达，结构明确，易于理解（2）双向主题：适用于比较型的逻辑表达方式（3）交叉主题：表现循环因果关系或分支情况罗列3.版本对比XMind8Pro拥有更多的专业功能，比如甘特图，演示模式，头脑风暴等，相对来说功能更全面；XMind2020更加简洁美观，操作体验更加流畅，由于是后开发的，增加了插入数学方式的功能。4、使用xmind8pro制作甘特图可以将xmind用于项目管理。（1）点击“窗口”中的“甘特图”，xmind8pro的下方就会出现甘特图面板。选中想安排任务的那个分支。点击“插入”菜单栏或“窗口”菜单栏下选择“任务信息”。编号19-04编号19-04在“任务信息”中，设置负责人，设置任务的优先级（1级是最优先的），设置这个子项目的开始时间，预计完成时间，结束时间以及任务的完成情况。设置完成后，左侧可以看到各个子项目的开始时间，结束日期，负责人，优先级和进度。（3）自动添加编号格式设置面板；点击除了中心主题之外的其他主题会有所不同，多出了编号一栏。·点击可以给导图自动添加编号。编号19-05编号19-05创建新画布插入-新画布，就是创建了一个新的主题；插入-从主题创建新画布功能，可以根据选择的主题另起一个画布，对该主题进行详细画图。这样可以对内容进行细化和方便查找；这时原画布会出现显示链接主题的图标，进行主题间切换。编号19-06编号19-06（二）XMind在交互设计流程中的应用………【难点】1、遵循设计思维的流程交互设计的创意流程其实就是设计思维的流程，这里值得一提的是，无论是做交互设计，还是工业设计，还是服务设计，我们都应该遵循着设计思维的流程。在交互设计流程中有效利用好思维导图软件Xmind，许多相关的问题就可以迎刃而解。交互设计的创意流程其实就是设计思维的流程，这里值得一提的是，无论是做交互设计，还是工业设计，还是服务设计，我们都应该遵循着设计思维的流程。设计思维流程如图中的步骤，首先，发现问题阶段，也就是我们在产品制作过程中的需求阶段。然后，我们要挖掘和探索问题，也就是剖析现象、定义问题的过程。然后到创意阶段，在这一阶段，我们根据对问题的定义，和对现象的剖析后，会产生新的概念或者想法，也是提出解决方案雏形的过程。编号19-07有了想法和创意后，进入原型制作，就是想法或者概念的深化，在这个阶段我们要更加注重具体和细节去呈现概念和想法。编号19-072、交互流程中哪些环节可以用到xmind（1）需求阶段在我们制作项目的前期，思维发散的时候，我们往往对一个问题（或者是一个现象）有不同的想法或者创意，这时我们可以用XMIND进行创意上的梳理，这样能很好的记录我们的思路。使用Xmind也可以为我们养成好的习惯，将好的创意点保留下来不会在我们的脑海中消失。另外用简单的词语来做快速的记录也是我们在制作app产品过程中必不可少的部分，尤其是项目制作的前期。（2）创意阶段在我们在确定方案后，开始搭建APP的框架时，Xmind软件也是很好的选择。我们可以用Xmind思维导图软件来整理APP的功能构架图（功能结构图就是以功能模块为类别，介绍模块下其各功能组成的图表。）这样可以让我们保持思路的清晰，为我们的APP梳理清楚各个层级的功能，也方便我们自己来检查APP的框架是否完整。在做用户调研时，我们还可以通过Xmind整理用户的信息，从而获取有用的数据，而不是毫无目的且毫无针对性的收集材料，这样才能让我们的用户研究结果切合到我们的设计创意过程当中。

编号19-08编号19-083、使用步骤首先，用基本的纸笔来画规划草图，找出和确定项目的核心主题，这个核心主题就像是写作文的中心思想，以此为主干，延伸出一系列的相关分支。相关的分支就是一个个子话题，以此便可梳理出清晰的逻辑。然后，通过Xmind给这些关键词不同的颜色和图标，来生动的表达各自的意义和确定它们之间的关系或关联，逐层的来分析拓展每一个分支（或者分支的分支等）。第三，可以依据制作的项目思维导图来开始我们的设计制作，比如用Xmind来搭建App的工作框架（可以理解为写作文时列的大纲），可以更加直观的来分析我们所要做的App，它的功能是否满足用户的需求，它的框架是否符合用户的使用行为等等。第四，当确定了APP工作流程之后，就可以开始搭建APP信息框架图了，也就是我们常说的线框图。第五，有了线框图，也就是常说的低保真，就可以进行用户测试，为后面制作高保真来收集更多的用户反馈资料。编号19-09编号19-09我们看到，Xmind的使用过程，就像对我们一层层思考思维的具象化记录，同时也是对设计思维模式体现的最好记录，利用好Xmind将会使我们的设计过程事半功倍。【互动，引导学生对各个步骤的理解，教师做总结】四、实践技能训练（一）布置训练任务任务1：利用手机、电脑等工具，搜集不同思维导图的主题方式，并进行分类任务2：使用xmind8Pro的专业功能应用于App项目管理（二）实战项目案例运用所学的xmind8pro的功能操作，绘制甘特图……………【重点】教师重点指导：xmind软件的基本操作；及甘特图的一些功能选项的使用。【实训指导：学生初次接触xmind8Pro，进行思维导图设计制作实践，教师应多引导，帮助学生完成甘特图的制作】编号19-10五、课堂总结编号19-10今天，我们主要学习并了解了xmind软件的功能描述以及在交互设计流程中的应用等相关理论，也结合相关理论做了一些练习，想必同学们通过练习对xmind软件的基础和扩展功能有了一定的了解和掌握。希望同学们课后继续对你所接触到的App产品，分析思维导图在交互设计流程中的作用，这样有助于你们对知识点的更深入的理解。六、课后思考前面我们讲到了思维导图工具xm