交互-12月第五课十字交叉导航微软xbox索尼PS3

2020/11/2712

2

2

2

2

2

2111交叉导航_微软xbox/索尼PS3Cover

flow导航单方向导航，视觉冲击力强，单屏信息承载有限2020/11/27二级导航…….二级导航…….二级导航…….二级导航…….二级导航二级导航…….二级导航…….二级导航双层列表导航视觉冲击力弱，单屏信息量大导航标题一级导航一级导航一级导航一级导航左侧导航右侧内容容器_TV2020/11/27区块化导航框架_三星TV类似widget，既可呈现信息，又可做 导航Search卡片式框架导航win8_Metro风格，单卡片布局, 灵活，信息承载较少80%

阅读 20%

切换类不停的下拉刷新沉浸式内容平行空间大数据信息其他展示抽屉结构大部分时间在浏览首页的内容将切换放入下一级别中完成特点不影响内容，导航隐藏沉浸式内容平行空间大数据信息其他展示内容浏览为主切换放到下拉界面中沉浸式内容平行空间大数据信息其他展示工具类

日历、计算器、

、沉浸式内容平行空间大数据信息其他展示2020/11/27沉浸式：活动任务和频率集中在消费信息或任务本身。辅助性任务退居其次。经典Tab

滑动切换内容，可以平滑的浏览多

系多个内容体系，重要程度相似时沉浸式内容平行空间大数据信息其他展示当tab有了子集，可以过滤

的信息沉浸式内容平行空间大数据信息其他展示竖向的Tab

和卡片式结构沉浸式内容平行空间大数据信息其他展示沉浸式内容平行空间大数据信息其他展示容量很大用户80%的行为是寻找九宫格罗列下拉列表一堆导航的罗列沉浸式内容平行空间大数据信息其他展示淘宝淘宝淘宝淘宝淘宝淘宝淘宝对于呈现信息的条目的训练每个人找十组1分析这些条目都带有什么信息2每个条目占据的空间多大3可视屏幕能容纳多少个条目（4找出交互规则）2020/11/27交互规则多个导航内容的排布方式沉浸式内容平行空间大数据信息其他展示多个内容多个模式更像是开发流程愿意照成的优点可以无限扩展内容模块沉浸式内容平行空间大数据信息其他展示多个内容多个模式更像是开发流程愿意照成的优点可以无限扩展内容模块沉浸式内容平行空间大数据信息其他展示Pop

up慎重使用，很影响用户的沉浸式体验还会打扰用户的当前操作沉浸式内容平行空间大数据信息其他展示上拉界面沉浸式内容平行空间大数据信息其他展示最美应用属于什么？

沉浸式Web平台展示类：个人展示特点：信息少，展示空间大，大 ，灵活布局、艺术感度更高。结构：简单、随意、艺术化严重企业类平台类特点：自定义属性强，强化品牌形象，弱化流程逻辑。垂直 类特点：信息相对单一

导航信息简单，展示空间大、内容的拥有空间展示，视觉效果更好电子商务类平台类特点：信息大，布局规则

展示空间有限，横排竖列布局，逻辑严谨而复杂

导航分布清晰、

跳转。垂直 类特点：信息相对单一

导航信息简单，

展示空间大、内容的拥有 空间展示，效果更好门户

类特点：信息量极大，导航众多、布局规则

展示空间有限，1屏幕黄金位置被导航占据、 跳转。结构：导航驱动型、信息呈现体、美感较弱个人企业门户内容信息个性化设计感逻辑性复杂度Blog类|

人人 豆瓣

瘾科技36kr

知乎平台类特点：信息量大导航简单，跳转少，内容为王，阅读为王干扰视觉的要少符合人阅时间属性工具类

|baidu

bing平台特点

功能性强明确

操作集中