用户体验设计86课件.pptxVIP

用户体验设计USEREXPERIENCEDESIGN授课教师：李佳黛

如何着手？产品的界面流程方案第十五节基础框架怎么做技能二

信息架构表现层框架层结构层范围层战略层构建信息架构作为产品概念设计的初始步骤在交互设计五层次中处于结构层，因而所设计的UI界面则是信息架构的可视化成果。(知识回顾：结构层指的是框架范围的具体表现方式，结构层决定用户从哪来到哪去，是页面间的层级关系以及逻辑推理)

信息架构信息资源用户信息空间信息架构（informationarchitecture）是关于信息的结构重组、梳理、设计与界面展示，中心思想是为了让信息便于阅读、访问和理解。

产品功能结构图此过程仅强调功能之间的逻辑关系

信息架构图信息架构图可以对产品的信息结构进行分析，其目标在于协助用户成功地发现和管理信息，同时降低用户的认知成本。突出的信息、清晰的引导和简便的操作，可以帮助用户高效顺利地完成目标。优先级快速引导导航分类呈现明确必要信息

信息架易斯·罗森菲尔德（LouisRosenfeld）等将信息架构分为了以下四个类型：组织系统标签系统导航系统搜索系统

信息架构1.组织系统战略层产品目标用户需求

信息架构战略层产品目标用户需求组织方案定义特征受内容、条目逻辑和分组方式的影响，以发掘内容信息之间的共同特性进行分类和排序；组织结构作为信息的结构化表达方式，信息与信息之间通过不同的结构形式连接起来。

信息架构苹果商店首页的主题组织方案组织方案组织方案可以从不同角度划分，比如按字母顺序、时间顺序和地理位置等。不同产品所适合的组织方案也会不尽相同，需要按照实际的案例需要搭配使用，常见的信息型产品和网站的首页大多使用的是混合式组织方案。

信息架构卡片分类是指用户将类似的事物组合在一起进行卡片分类组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构层级结构：卡片分类法矩阵结构自然结构线性结构

信息架构微信里查看好友朋友圈的不同进入方法组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构矩阵结构

信息架构微信里查看好友朋友圈的不同进入方法组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构矩阵结构

信息架构微信里查看好友朋友圈的不同进入方法组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构矩阵结构

信息架构隔空挥手翻页刷视频演示组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构自然结构（随机结构）将信息的节点进行随机连接，以此模式增加用户体验的趣味性，维持产品的新颖感。

信息架构滨湖公安“反诈虎Knows”校园学习测试小程序组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构线性结构指节点会按照顺序排列，且节点之间存在明确的先后关系，用户在此进行的是线性的体验。

信息架构滨湖公安“反诈虎Knows”校园学习测试小程序组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构线性结构

信息架构滨湖公安“反诈虎Knows”校园学习测试小程序组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构线性结构

信息架构滨湖公安“反诈虎Knows”校园学习测试小程序组织结构当信息内容按组织方案分组之后，便可以形成信息节点，设计师将这些节点按照某种方式链接起来。常用的信息架构的组织结构可分为：层级结构矩阵结构自然结构线性结构线性结构

信息架构2.标签系统标签可以通过压缩信息减少页面的混乱，同时保证了系统逻辑的清晰性。设计师通过组织方案将信息分类到一起之后，通过标签来提示用户、引导行为。常见的标签类型分为文本标签和图标标签

信息架构3.导航系统导航系统顾名思义要指引用户到达目的地，决定了起点到终点的路线，而互联网产品的导航系统就是跳转路线的构建工具。信息的组织与分类是导航系统的基础，成功的导航系统可以自我解释，让用户