青岛网站建设公司,青岛网站制作公司-奈薇建站网
建站咨询热线:0532-8878113113165158935 
知识普及 » 交互设计(8)—深广度平衡

交互设计(8)—深广度平衡

网站工程师 2020-06-11 19:55发表
阅读次数 1134
  相信大家对街边林林总总的房产中介并不陌生,那么我们先看看下面这张图片。

  图1

  从右侧这家店的橱窗里,我们能迅速分清哪些是租房信息哪些是售房信息。因为店家很贴心的将房产信息进行归类,并且在视觉上做了一些划分,让我们对信息能一目了然。借这个小案例引出我们今天要分享的话题:深广度平衡。

  1.什么是深广度?其实“深广度”本身并不是一个单一的概念。在网站的信息架构中,有一种组织结构叫做树形结构:网站首页视为链接层级中第一级,与其有从属关系的页面视为链接层级中的第二级,一般称其为二级页面。通过二级页面又可以继续得到第三级页面,依此类推可以得到一个完整的树形链接结构。这样一个完整的链接结构,我们称它为树形结构。

  在整个树形结构中,链接的层数被称为网页链接的【深度】(depth)。而在树形结构里,最底层页面包含的页面总数被称为网页链接的【广度】(breadth)。

  我们可以通过下面这张图来理解深度和广度的概念:

  图2

  2.为什么深广度需要保持平衡?我们回到开篇的小案例。左侧那店铺采用的是“只有内容链接的模型”(它们之间没有层级结构;链接没有模式可循;且没有某种导航方案将他们分离开)(注1)在这里每一条房产信息都可以看成一个内容链接,整个橱窗就像一张错综复杂的大网,让人头晕目眩。

  而右侧的店铺采用的是“结构化浏览模型”(只有一组链接,作为获取网站信息的途径;导航区域与布局中其他内容有视觉上的分隔;要到达另一区域的某个页面,必须沿着树向上导航,再沿着另一个分支向下)(注2)店家将信息进行了规整,在房产信息上增加了一个分类,并且对不同类型的信息使用了不同的颜色,高效的将租房信息和售房信息区分开来。

  一个网站的链接深度和广度最好有一个合适的均衡关系,深度过大的网站不利于用户快速获取信息,广度过大的网站则容易让用户在无数并列的超链接面前不知所措。

  图3

  图3的上图说明了又窄又深的层级系统,用户必须点击6次才能到达最底层的内容。对又宽又浅的层级系统而言(相对而言),用户必须从6个类别中选择,才能找到6个条目。就像图3的下图所示,用户会面临主菜单上太多选项,而当他们选了一个选项,却没看到什么内容时,就会产生不良的观感。(注3)

  我们再来看一张用户对于不同层级结构所需反应时间的图表(注4),图4:

  图4

  总共512项内容,组成了三种不同的分级方案,X轴是分级,Y轴是反应时间(秒)。可以很清晰看出,在过深和过广的分级方案上,用户所需要的反应时间都比较长。因此我们在组织网站信息的时候,需要仔细平衡深度和广度之间的关系。

交互设计(8)—深广度平衡相关标签:建网站制作网页开发网站网站注册
相关热点推荐
如何创建内容丰富的企业
2019年的网页设计流
网站建设经验谈
优化过程中如何快速收录
网站发布软文更容易被收
更新网站,提高网站权重
网上购物网站的用户体验
网站建设的误区
巧妙性设计之UI按钮设
如何做到网站的最佳优化
行业网站的设计心得
企业网站建设优化如何凸
企业网站应用
2009年4月2日,G
优质的内容才是提高网站
响应式网页你了解吗?
企业网站建设各阶段的注
H5和HTML5是一回
网站用户体验是网站发展
发布的高权重文章被转载
网站建设的基本原则
如何维护SEO效果
进一步掌握网页设计艺术
网页设计配色应用实例剖
网站建设中的12大误区
交互设计的8项黄金法则
谈谈什么是优秀的网站设
网页设计中的功能与美化
网站策划的具体内容
HTML中不同的权重标
青岛网站制作支持旧IE
一个好的网站应该同时具
系统化学习SEO技术的
百度每个月的收录时间分
关于网站排名的基本原则
微型博客,专业领域个人
化妆品的网站策划分析
制作网站应选择什么语言
网络三阶段是指的哪三阶
全新角度洞悉网站建设中
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

热点地区:青岛网站建设价格 青岛即墨网站制作公司 开发区信息港 山东在线门户
  • 备案号
  • 鲁ICP备13010283号
建站咨询热线0532-88781131 15166683288 13963906391
版权所有© BangJianZhan.Com & Nev.Cn 青岛网站建设/网站制作公司
青岛雨后网络科技有限公司 - 青岛市市北区福州北路90号,景泰尚都6层
已经为您服务了
162个月 22