第四章2app思维导图设计原则-备课笔记.doc

编号18-01【App产品交互设计开发前期】 编号18-01 学习任务二、App思维导图设计原则 一、课程说明与要求 1.课程说明 本次课程主要讲解App思维导图设计原则、信息架构的各个组成部分以及各部分之间的关系这几方面内容，思维导图是为我们制作信息架构做准备的，那么我们后面基本围绕App产品的架构设计涉及的组织系统、标签系统、导航系统、搜索系统在App产品中的合理规划进行详细讲解，对我们系统性理解信息架构有很大帮助。 2.工具材料准备说明 本课的实践需要同学们提前准备一些软件和素材，教师将以下关于思维导图设计原则的部分需准备软件及素材发到微信群中。 软件工具/案例 备注 xmind 每台电脑安装 思维导图素材文件 每人下载一份 二、学情分析与课程导入 1.学情分析 本课程授课对象为艺术专业学生，没有接触过关于思维导图及信息架构体系等交互设计方面的知识，普遍认知不强，为此我们强调进行引导教学，融入市场多元化理念。另一方面，学生对新兴的事物接受比较快，对所选择的专业感兴趣，获取知识的主动性较强。 2.课程导入 我们讲思维导图的设计原则以及产品信息架构，那么什么是信息架构？思维导图的设计原则有哪些？思维导图注重逻辑性以及它本身的开放性等特征，对我们知识体系的架构以及产品的信息架构，以及拓宽视野方面具有一定的指导意义。 三、理论知识讲解 （一）App思维导图设计原则………………………………………【重点】 编号18-02app思维导图的设计原则是用来促进而不是阻碍大脑的自由发展，自由经常被误解为混乱和没有结构。事实上,真正的自由是从混乱之中创造秩序,思维导图规则正好能帮我们实现这个目标。了解了这些原则和技巧可以使我们的思维导图做的更好。 编号18-02 1.首先确定中心主题 将主题布局在画面的中心，保证注意的焦点集中在中心主题上； 2.四周放射 以线条上的词或图作为分支，从中央向四周放射 3.层级结构 层次分明：分清结构的主次脉络，理清相互关系 编号18-03 编号18-03 4、要点总结 首先、主要内容在中心位置，内容依据重要程度由近及远放射分布 其次、精简，使记忆效果更佳 第三、以印刷体书写 第四、关键词写在线上，同一分支须相连 第五、多用颜色（3种以上，更有活力，生动） 第六、尽可能让大脑保持自由（思维导图的设计原则是用来促进而不是阻碍大脑的自由发展） 举例说明（素材文件夹“校园app思维导图”）…………………【思政融入 （以人为本的教育理念）】 我们举例来看一个校园APP的思维导图，它基本遵循了思维导图的设计原则的一些要点（放射分布、关键词写在线上，多种颜色等等）； 在“互联网+”的大背景下，持续发展的校园APP也成了高校教育中教学沟通的关键手段和途径，我们的交互设计工作也要以此为参考进行创新。 作为产品的设计者，我们“必须不断吸收新观念，增强及时发现、运用新载体的敏感性。”包括产品在交互设计方面的预见性和实效性。 现代教育强调以人为本，把重视人，理解人，尊重人，爱护人，提升和发展人的精神贯注于教育教学的全过程、全方位； 通过校园App思维导图我们可以看到，它在功能结构上有包括学生考勤、教师考勤、访客管理等功能模块，展现了这种民主、平等的师生关系，实质上可以看作是教育现代化的重要组成部分。 对于思维导图的运用，是见仁见智的。对于知识性较强、有逻辑层次、或者故事性连贯的内容，比较容易制作成思维导图。而有些难理解的知识内容或产品，需要很好地理解和消化才能理清结构，是需要花时间对具体需求进行有针对性的研讨才能完成的。 编号18-04（二）App产品信息架构-组织系统 编号18-04 1、什么是信息架构 可以定义为： 是一种共享信息环境的结构化设计； 是App产品的组织系统，标签系统，导航系统以及搜索系统的组合。 2、信息架构分类 ●重架构 信息架构比较复杂，比如大多ToB产品，像运维类产品、客户关系管理系统、业务支撑系统等。 ●轻架构 架构比较简单，例如大多ToC（面向用户端）产品，微信、QQ音乐等； 3、信息架构意义 （1）满足用户目标 “找到某种信息”或“完成某个任务” “找到自己想要的东西” （2）满足产品目标 以用户为中心，以及“培训引导用户的任务” 4、组织系统 组织系统，故名思义，就是指如何组织信息，如何向用户展示信息，通俗一点说就是指信息的分类。 编号18-05广义的组织系统应该包括组织体系和组织结构。 编号18-05 组织体系：定义内容条目之间的共享特性，而且会影响这些条目的逻辑式分组方式，组织体系让我们获取信息时更方便。 组织结构：定义内容条目与群组之间的关系类型。 组织体系就是找到对象内容的共性，给对象分类、排序，给搜索、浏览提供便利；而组织结构就是找到分类与分类的关系，分类与内容的关系。 组织体系分为：精确