数字媒体交互设计（慕课版） 课件 18第四章2app思维导图设计原则.pptx

APP思维导图设计原则天津电子信息职业技术学院 知识要点01APP思维导图的设计原则03App产品信息架构的标签系统02App产品信息架构的组织系统04App产品信息架构的导航系统05App产品信息架构的搜索系统06App信息架构构建流程与方法 APP思维导图的设计原则 APP思维导图的设计原则1、中心主题 APP思维导图的设计原则2、四周放射 APP思维导图的设计原则3、层级结构 APP思维导图的设计原则1、主要内容在中心位置，内容依据重要程度由近及远放射分布小结：要点及原则2、精简，使记忆效果更佳3、以印刷体书写4、关键词写在线上，同一分支须相连5、多用颜色（3种以上）6、尽可能让大脑保持自由 App产品信息架构-组织系统 App产品信息架构-组织系统信息架构组织系统导航系统搜索系统标签系统1什么是信息架构是一种共享信息环境的结构化设计；是产品的组织系统，标签系统，导航系统以及搜索系统的组合。如何组织信息如何引导信息之间如何流动如何搜索和标识信息 App产品信息架构-组织系统2信息架构分类轻架构重架构 2信息架构分类App产品信息架构-组织系统轻架构重架构需要提供功能完备、结构严谨的信息架构；带来一定的学习成本，甚至需要对使用人员进行培训；需要对大量的功能进行整合、灵活布局来聚焦核心用户场景；重架构产品，信息框架更难，且更重要 3信息架构意义1、满足用户目标“找到某种信息”或“完成某个任务”“找到自己想要的东西”2、满足产品目标以用户为中心，以及“培训引导用户”的任务App产品信息架构-组织系统 组织系统组织系统：指如何组织信息，如何向用户展示信息。包括：组织体系、组织结构组织体系：定义内容条目之间的共享特性，而且会影响这些条目的逻辑式分组方式，组织体系让我们获取信息时更方便。组织结构：定义内容条目与群组之间的关系类型。App产品信息架构-组织系统 组织体系组织体系分为：精确性组织体系和模糊性组织体系。App产品信息架构-组织系统精确型组织体系：将信息定义成 明确的互斥区域，适用于【已知条目搜索】 组织体系组织体系分为：精确性组织体系和模糊性组织体系。App产品信息架构-组织系统模糊情况下，需要系统做引导，搜索过程产生一些联想式学习，不断搜寻，帮用户找到最终的信息。 组织体系App产品信息架构-组织系统 组织结构组织结构：描述内容条目与分组的关系。常用的结构：层级结构线性结构矩阵结构自然结构App产品信息架构-组织系统层级结构线性结构矩阵结构自然结构 组织架构标准与“产品目标”和“用户需求”相对应;1234具有一定的延展性；保证分类标准的一致性、相关性和独立性；有效平衡信息架构的“广度”和“深度”；App产品信息架构-组织系统 App产品信息架构-标签系统 App产品信息架构-标签系统1.定义、类型标签是信息分类和标记机制；使用用户语言描述分类目录、选项及链接。图标+文字图标图标+文字可以通过“用户测试”来检验用户对于分类和功能“名称表述”的理解能力。常见的标签形式：文字标签、图标标签、文字+图标+描述 App产品信息架构-标签系统2.标签链接页面类型链接页面以内容阅读为主链接页面以实现功能为主链接页面以次级标签罗列为主 App产品信息架构-标签系统2.标签链接页面类型链接页面以内容阅读为主链接页面以次级标签罗列为主链接页面以实现功能为主 App产品信息架构-标签系统2.标签链接页面类型链接页面以内容阅读为主链接页面以实现功能为主链接页面以次级标签罗列为主 3.标签系统设计原则设计统一的标签系统，而不是分散的标签App产品信息架构-标签系统风格一致2134语法一致粒度一致版面样式一致5理解一致6目标用户一致 App产品信息架构-导航系统 App产品信息架构-导航系统导航系统的目标页面需要提供线索，指出当前位置在哪，下一步能做什么，还能去哪里建立情境在不同内容间自由跳转，带来灵活性的同时也带来了混乱；考虑如何在灵活性和混乱间平衡改善灵活性12导航的主要作用就是协助用户在不同内容间移动，防止用户迷路。 App产品信息架构-导航系统标签式抽屉式跳板式（宫格式）列表式悬浮式App常用导航模式 App产品信息架构-导航系统标签式（顶部标签、底部标签、舵式导航、双导航）App常用导航模式抽屉式跳板式（宫格式）列表式悬浮式 App产品信息架构-导航系统App常用导航模式标签式（顶部标签、底部标签、舵式导航、双导航）抽屉式跳板式（宫格式）列表式悬浮式 App产品信息架构-导航系统App常用导航模式标签式（顶部标签、底部标签、舵式导航、双导航）抽屉式跳板式（宫格式）列表式悬浮式 App产品信息架构-导航系统App常用导航模式标签式（顶部标签、底部标签、舵式导航、双导航）抽屉式跳板式（宫格式）列表式悬浮式 App产品信息架构-导航系