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

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

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

  图1

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

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

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

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

  图2

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

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

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

  图3

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

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

  图4

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

交互设计(8)—深广度平衡相关标签:企业做网站网站建设方案网站推广建设网站
相关热点推荐
交互设计(8)—深广度
响应式网站在企业网站中
DIV+CSS布局网页
网站首页所应该达到的几
网页设计的审美需求
向细节挖掘灵感:网站设
提升网站排名应如何在关
网站更换如何保护好我们
个人建站流程全接触
建网站必备六步
如何从零学习网络营销推
如何设计有效的布局?
怎么处理内容相似的条目
支付宝5秒开具发票
网络营销不要忽视流失的
浅谈网站运营的四点黄金
网站域名需要实名制认证
日志中的HTTP状态码
网站描述怎么写?
中国网页设计没有特点
关于网站优化五大技巧
提高在google中排
提高页面显示速度的秘技
高品质的网页设计:实例
闲言碎语:设计师的可悲
百度权重降低了怎么办
漫谈网站改版的必要性下
SEO网站权重,Pag
如何创建一个用户体验良
网站内容如何做到伪原创
什么才是最好的网站推广
优秀站长必备思路上
网站做哪些友情链接能提
网上开店的过程全攻略之
青岛网站设计时网页上必
旅游网站建设特点分析
企业网站推广经验介绍
网站文化与网页设计
导入链接的应用与误解
建站新手必读文章:个人
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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