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

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

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

  图1

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

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

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

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

  图2

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

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

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

  图3

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

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

  图4

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

交互设计(8)—深广度平衡相关标签:网站规划网站制作公司网站推广网站建设
相关热点推荐
如何让网站排名靠前?
青岛网站建设之前应该做
建设网站的十大误区
网页艺术设计初步探讨
给新站长和意志不坚定的
网站关键词的排名怎样才
搜索引擎蜘蛛理解相关性
企业建站的重要性及作用
HTML5的发展趋势与
局域网常见网络故障及排
网页的审美需求
即兴创作需要有效的设计
通过网站SEO软件优化
网站盈利的两种模式
网站改版时的顺序问题
网页的视觉设计要点
提高企业网站声誉的SE
SEO网站权重,Pag
花卉行业网站建设
网站关键词摆放的四个关
数据分析的原则
博客推广秘笈之如何推广
网站描述怎么写?
网页设计中的版式原理-
网站设计的思考之如何配
网站功能的适用性评价
8个实用的友情链接技巧
DW制作网页的基本步骤
春意盎然的三种网页设计
建站小技巧-js禁止右
搜索引擎收录机制
设计兼容性好的Web页
新闻营销 推波助澜
如何使网页的字体和颜色
页面空白空间的魅力
如何生成eot文件
青岛网站设计公司哪家好
网页设计中“面”的视觉
Web设计中的黄金分割
做优化犹如做体操 平衡
奈薇建站网青岛网站建设公司/青岛网站制作公司,专业提供"气质"型网站建设及精美网站制作服务,同时欢迎各地网站建设公司、网站制作公司代理我们的奈薇建站系统共同发展

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