WEB 分层信息架构

对信息的整体处理,一般可以分成两种。并列和分层

并列 这类信息一般只有一个层级 ,以用户浏览为主
分层 主要是了处理复杂的信息,这类信息有着一定的层级关系,,将信息进行分层整理使之更具有条理,方便用户浏览和操作
分层主要包含   递进关系    相关关系    继承关系

并列

·  信息的性质基本一致
·  有一定相关性
·  一个信息可以有一个或多个标签

设计时
·  用户浏览要轻松、切换方便
·  可运用不同的设计方法突出重点内容   (可参考  视觉设计中如何突出关键内容

可见于   购物分享社区   大量商品展示   搜索结果页  等

分层 · 递进


·  信息量较大
·  将信息按照一个规则进行分类(如商品属性)
·  整体成线性 漏斗状分布

设计时
·  引导用户一层层的往下走 并发现他想要的信息
·  并要容错,让用户方便的返回

可见于   电子商务网站商品类目导航   复杂数据结构展示  等

分层 · 相关

·  这类信息可按照一个的规则进行分类和层级递进,使之更有条理
·  这类信息用户在浏览操作是会相关联到不同类别的信息

设计时
·  避免用户不停的切换
·  避免操作时的视觉游离(页面不应过长,信息切换的交互,容易看到当前相关的层级)

可见于   音乐欣赏   图片浏览  等

分层 · 继承

·  信息之间有一定的依赖性,单一显示会显得不完整
·  有一种从模糊到精确的递进层次

设计时
·  将被依赖的信息作为背景
·  采用适当的动作交互使得信息在一个页面上展示
·  保持整体性

可见于   地图检索  信息匹配   等

©小F(ue-ui.com) 版权所有,转载保留链接