数极客首页

导航设计中的信息结构

在进入今天的主题之前,我们先来讨论
导航的重要性,并剖析
一下门户网站中导航的表现。

导航直接影响到公司的财政收入

导航会给我们带来哪些益处
?导航不光只是提供信息获取的途径,它的设计优劣会直接影响到整个公司财政收入。下面我们看一个例子(以下内容来自alibaba李凡的《设计师的商业认识
》):

alibaba大致的广告价钱

上图反映了阿里巴巴网站大致的广告价钱

其实页面上方大量的空间都被导航占领
了,见下图:

导航设计中的信息结构

能够
看出,上方的导航十分
庞大,在一屏之内,用户简直
看不到搜索结果。

用户是来找信息的,第一屏完整
看不到结果!!!

下面我们要为导航减肥:

导航设计中的信息结构

导航减肥后的页面

这是减肥之后的导航,搜索结果在更高的位置呈现,同时每个产品位的价钱
也增加了很多,第一个位置的广告位由9.5万增加到12万

导航的改动
,直接带来了网站的财政收益。

导航在Web设计中占领
着十分
重要的位置,但是我们在设计网站时,常常会疏忽
导航的重要性,特别在门户网站中,这种现象愈加
普遍。以下为网易财经频道的页面导航:

导航设计中的信息结构

财经频道页面

第一幅图是财经频道的首页、第二幅为二级频道股票的首页,第三幅图是大盘的首页。

从上图能够
看出:

  • 三张图对比

    主导航有了显然
    的变化
    ,且这个变化是推翻
    性的,我们完整
    没法找出一些关联性的东西。当看到首页时我在想,操盘是股票下面的二级页,但是到了股票的页面,却没有操盘这个导航项了。

  • 同一页面上不支持多级导航,导航能表现
    的层级有限。
  • 翻开
    大盘页面用户愈加
    手足无措
    ,我到底在哪,导航上没有当前选中的导航。
  • 简直
    每点击一次导航,都会在新窗口翻开
    页面,这样给阅读
    器构成

    了很大压力。

总览各大门户网站,由于信息内容庞大,结构

复杂,前期规划不当,信息需求
快速迭代等要素
,导航上面都会有很多问题。处置

导航问题曾经
刻不容缓。

在研讨
导航问题时,阅读了《Web导航设计》这本书,对书中的内容中止

了一些总结归结
。今天主要分享一下“导航设计中的信息结构

”这一方面。

什么是信息结构

结构

能够

细致

的涵盖页面和内容的特定位置。信息结构

指的是网站上页面的规划或是架构图,它是你网站的骨架。信息的结构

类型包括:

线型结构

、网状结构

、层级结构

、分面结构

、逐步
显露的结构

信息结构

的细致

剖析

1、线性结构

如下图,在此页面能够
限制淘宝买家按线性结构

完成置办

流程。上方的1,2,3,4的步骤很好的引导用户一步一步完成任务,并告知用户所在流程中的位置。

导航设计中的信息结构

普通
的面包屑导航,也是一个线性结构

导航设计中的信息结构

2、网状结构

如下图,这是能够
用户设置产出的页面。

网状结构

的导航没有起点也没有终点,以至
是没有层级或是序列。

导航设计中的信息结构

3、层级结构

大多数的网站可能都是采用这种结构

。以上下级关系排列节点,以展开其层级。

导航设计中的信息结构

以下为网易数码频道的导航:

导航设计中的信息结构

4、分面结构

分面结构

中,一个项目的定位由它的属性类别给出:项目1属于类别a,b,c,但不属于d、它有多个访问点。

如下图九天音乐,歌手林宥嘉同时能够
在歌手或是排行榜中找到。人们能够
从任何次第
取值,从而支持了同一个目的
的多种完成方式:

导航设计中的信息结构

5、逐步
显露的结构

它不是一个事前
树立
好的信息结构

,而是自发构成
的,
这就是逐步
显露的结构

。例如维基百科,它是由每个贡献

者参与构建了网站的内容,范围
,以至
是方向。

从上面的结构

类型能够
看出,不同的网站类型需求
不同的信息结构

,比如

音乐类的网址,就是需求
经过
“音乐”、“歌手”等分面结构

来呈现。

了解
和控制
这些结构

类型有助于我们更好的把握导航的设计。

肯定
了信息结构

以后,我们要思索
的就是怎么组织信息。

比如

汽车频道按字母排序的例子:

导航设计中的信息结构

卡片分类引见

在中止

网站信息结构

和组织设计的时分
,我们会用到卡片分类法,卡片分类需求

  • 制造
    一些我们事前
    预设好的分类,交给用户中止

    排列;

  • 用户能够
    说出自己

    的想法,也能够
    修正
    分类的称号

  • 鼓舞
    用户遇到难以了解
    的分类,大声说出来。

在中止

卡片分类时,普通
会有两个阶段:

  • 开放阶段,大约
    需求
    15个用户,给用户足够的自由

    度来中止

    信息分类。

  • 封锁
    阶段,大约
    需求
    8名用户,对之前开发阶段的结果中止

    考证

导航设计中的信息结构

卡片分类在实践
过程中的应用

卡片分类定量结果

在中止

卡片分类时,会用到两个软件usort和ezsort,usort用于导入用户卡片分类的结果,ezsort能够
将一切
结果都导进去,并产出统计图。

导航设计中的信息结构

卡片分类统计结果

这次分享,主要是我关于
“web导航设计”这本书部分

内容的总结和一些感悟,希望大家在今后的设计中,愈加
注重
导航的设计,在导航设计中找到一些有效的办法

当然导航设计不光只是信息结构

或是组织办法
,还与导航的交互方式,导航的视觉表现,导航的扩展性,导航的均衡
等有很多联络
。针对门户类网站,也有它特殊的导航需求,这是我下面需求
研讨
的内容。

源地址:http://uedc.163.com/3546.html

给大家引荐
我国新一代大数据用户行为剖析
与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析
用户行为数据和业务数据,能够
自动监测网站、APP、小程序等多种渠道推行
效果剖析
,是增长黑客们必备的互联网数据剖析
软件。数极客支持实时多维剖析
、漏斗剖析
、留存剖析
、途径
剖析
等十大数据剖析
办法
以及APP数据剖析
网站统计网站剖析
小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析
模型,是用户行为剖析
范畴
首款应用定量剖析
与定性剖析
办法
数据剖析
产品

发表评论

评论已关闭。

相关文章