树形结构的模型被称为树状结构是什么模型( 三 ) _结构

思维导图是基于树状结构的最原始的应用方式，思维导图是一种将思维形象化的方法。从结构本身而言，这种场景较为简单，更加注重节点的编辑、删除等功能，可归为组织的编辑状态。
四、交互方式根据不同的作用对象，树形结构的交互方式也有所不同。树形结构的交互方式树形结构的交互分为两大类，宏观操作与微观操作。
4.1 宏观操作宏观操作，是对树形结构本身的行为与交互，主要包括滚动、选择、排序、搜索等。一般情况下，该类操作不会对树形结构本身变更，往往树形结构的不同展示形式。
宏观操作多属于一级操作，用户通过宏观操作为后续的微观操作做铺垫。同时，宏观操作多属于常规操作，用户对这些交互方式也较为熟悉。
4.2 微观操作微观操作，又可称为二级操作，通过宏观操作后，用户找到相应的目标子节点，从而进行下一步操作。其主要包括有展开/折叠、选中态、导航、编辑、单击、拖放等。
五、键盘操作基于Web端的B类产品，更多的场景是鼠标操作，树形结构也多为鼠标操作，但也应该充分考虑键盘操作，以满足特殊场景下的功能实现及体验。
基本操作应该包括：
→（右向箭头）进入下一级节点
↑（上向箭头）在同一级节点，向上切换同级节点，顺序进入已展开一个同级子节点
↓（下向箭头）在同一级节点，向下切换同级节点，顺序进入已展开一个同级子节点
←（左向箭头）返回上一级节点
??（回车键）选中子节点时，点击回车键进行切换折叠与展开
上文给出的是基本操作，但设计师可以定义自己产品的键盘操作，但不要与用户的认知有太大差异，否则会造成不必要的误解
六、设计应用经验经过多年的B端产品设计沉淀，在树形结构方面有一些共性的应用经验分享。
6.1 树形结构的横向扩展与纵向扩展由于树形结构为多层嵌套形式，因此会存在横向与纵向的扩展，横向扩展决定了树形结构的高度，深度则决定了树形结构的宽度。
原则上，树形结构的横向扩展不受限制，而纵向扩展不应该超过四级。因为在页面中，树形结构区域的宽度是一定的，通常状态下，由于层级缩进，随着深度的增加，节点字段的显示空间会受到挤压，更有甚者会出现横向滚动。过深的层级结构，一方面会增加用户的操作成本，另一方面也会造成字段显示不全，对用户的识别增加负担。
6.2 数据加载数据加载可分为两种加载方式：同步加载与异步加载，即同步树与异步树。数据加载要考虑树形结构的整体加载与部分加载，要明确用户当前的加载节点，加载完成后应该立即删除加载状态指示。

树形结构的模型被称为 树状结构是什么模型( 三 )

猜你喜欢

树形结构的模型被称为树状结构是什么模型( 三 )