欢迎您访问南京安优网络官方网站,本公司专注于:网站制作、小程序开发、网站推广。 24小时服务热线:400-8793-956
当前位置:南京网站制作公司 > 资讯中心 > 网站知识
单击导航:思考实验
来源:南京网站制作 时间:2019-01-05 06:21:21

有许多方法可以满足最终用户的需求以及网站所需的功能。如果人们需要轻松访问特定页面,可以在主页上创建一个标注,或者将其添加为标题中的快速链接。当用户最初到达网站时,可能会出现一个弹出窗口,其中包含指向该页面的链接。您甚至可以在用户滚动的任何地方跟随用户按钮。但是,对于任何方法都存在利弊,并且许多变量可以影响哪种方法对于给定情况最有效。除非您的网站仅用于发送消息,否则“哟!” 网站有许多潜在的用户故事。通过Web现在的方式,这些用户也来自许多不同的设备,浏览器和操作系统。所有这些案件的会计处理都变得非常困难,甚至可能无法实现。最好是尝试对选项进行比较,以了解哪些选项涵盖了最广泛的受众。所有这一切都让我想到了今天的思想实验:网站导航的哪种方法显示最大用户数量最多?用户可以通过多种方式与网页进行交互,但让我们关注您在线看到的主要两种方式......悬停并单击。


随着所有这些设备的增加,对网站的设计和功能的心态发生了许多变化。我相信由于这种转变,你已经听到了很多新的方法和想法。改变旧方法也有一些犹豫,我已经通过切换点击看到了它。我现在承认,正如你可能从标题中猜到的那样,我对一方有点意见,但那是因为我在开发网站时已多次进行这种思想实验。让我们来看看导航菜单的问题和需求,你也可以判断“点击”是否是一个很好的互动选择。

想要阅读快速的优点/缺点?

导航布局选项
为了让我们通过思考,最好先确定我们将使用哪种导航布局。有许多类型的菜单布局,但每种菜单布局都有各种站点地图的不同优点。您可以采用Apple的方法,并且没有子导航。这是最简单的点击导航。但是,一个可能的缺点是您必须经过多个页面才能到达目的地。您可能遇到过Jeffrey Zeldman撰写的关于设计原则的三次点击规则。我经常听到基于悬停的功能的论点,从表面来说它是有道理的。该规则在2001年左右流行,但到2003年已经有了测试结果来自用户界面工程,不支持该理论。用户的满意度并没有随着所涉及的点击量而发生变化,并且无论如何都可能完成它。我会更多地使用3次点击规则作为指导。是的,如果您只需点击一下即可轻松访问某个页面,很棒,但如果用户想要获取他们愿意点击的信息,那么就可以访问该页面。如果人们没有将您的网站级联起来,那么由于逐步披露,您的内容可能不仅仅是可用性。现在,让我们排除这种交互方法,因为它不会突出显示点击或悬停的差异。要注意的主要是用户可以点击。

好的,子菜单免费导航不是一个好选择,那还有什么呢?有英雄菜单占据导航栏的整个宽度,并有垂直堆叠的下拉菜单。后者将具有所需的最多交互,因为子菜单通常具有子子菜单,等等具有这些导航。因此,让我们为实验选择垂直堆叠的子菜单。我们还应该记住我们的站点地图,在确定站点地图之前不应该选择导航选项,但我认为了解我们的导航选项会很好。你有登陆页面吗?或者网站地图是否像Comcast一样例如,将主层导航用作类别而不是链接。因此,我们可以展示导航中更困难的方面,让我们一起使用登录页面,以便有一个页面用于所有主要层和子层链接。

现在,故事是什么?
现在我们知道正在使用哪个导航以及我们正在使用它的站点地图,让我们想象一下用户的故事将如何发展。假设您有一个电子商务网站,只销售90年代文化中最好的产品。一个特定的用户想要购买只有最亮的霓虹绿色Hammer裤子钱可以买。在您的站点地图中,该页面位于“Hip Clothes” - >“Awesome Pants” - >“Hammer Pants”中。因此,用户需要转到主要层项“嘻哈衣服”然后打开子菜单列表以找到“真棒裤子”,然后打开其子菜单以找到“锤子裤子”。我们还要说同一个用户想要在新标签中找到“Awesome Pants”,以防“Hammer Pants”无法解决。这个用户在Microsoft的Surface Pro上完成所有这些工作,因此他们可以用手指点击网站或使用他们的鼠标。我正在使用这种特定情况,因为它允许同时在一个设备上同时使用两种输入类型。

悬停有什么问题?
我们有我们的设置,选项和故事,所以现在我们可以进行基于悬停的导航。请记住,用户可以使用触摸或鼠标为“桌面”90年代的纪念品网站。想象一下,用户当前没有或正在使用鼠标。触摸用户无法获得真正的悬停,但有些设备会在触摸时执行悬停功能。像Superfish这样的Javascript库为非悬停用户设置点击功能以扩展菜单。因此,我们确实有选择在这些情况下悬停工作。但是,这些并不能完全为这些用户提供完美的界面。该用户目前正在尝试打开“Awesome Pants”页面以查看完整列表。她或者他点击“Hip Clothes”来扩展菜单,好像他们徘徊一样。然后用户点击“Awesome Pants” 但它有一个子菜单,所以它也打开了一个菜单。如果他们用鼠标徘徊,他们只需点击链接,然后转到“很棒的裤子”。那么触摸用户应该做什么?他们可以再次点击它,但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗?也许用户认为它就像Comcast,“Awesome Pants”只是一个类别,而不是一个页面。当我们考虑触摸用户时,悬停只是不再削减它。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。如果他们用鼠标徘徊,他们只需点击链接,然后转到“很棒的裤子”。那么触摸用户应该做什么?他们可以再次点击它,但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗?也许用户认为它就像Comcast,“Awesome Pants”只是一个类别,而不是一个页面。当我们考虑触摸用户时,悬停只是不再削减它。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。如果他们用鼠标徘徊,他们只需点击链接,然后转到“很棒的裤子”。那么触摸用户应该做什么?他们可以再次点击它,但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗?也许用户认为它就像Comcast,“Awesome Pants”只是一个类别,而不是一个页面。当我们考虑触摸用户时,悬停只是不再削减它。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗?也许用户认为它就像Comcast,“Awesome Pants”只是一个类别,而不是一个页面。当我们考虑触摸用户时,悬停只是不再削减它。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。但这也可能会关闭菜单。他们可以按下并最终显示设备弹出菜单。但你能安全地假设用户甚至会知道他们可以做任何这些吗?也许用户认为它就像Comcast,“Awesome Pants”只是一个类别,而不是一个页面。当我们考虑触摸用户时,悬停只是不再削减它。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。当我们考虑触摸用户时,我就不再削减它了。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。当我们考虑触摸用户时,我就不再削减它了。我们可以实现变通方法和修复,以便设备了解悬停的作用,但我们无法解决触摸和指针设备发生的断开连接。

让我们暂时排除触摸,只关注悬停。为桌面用户悬停是好的,因为他们有鼠标吗?实际上,这与基本原则并不遥远。但是,有一些可用性方面也可能存在悬停问题。鼠标用户(取决于导航布局选项)会使项目更难点击,或者用户必须通过悬停隧道,这样他们就不会丢失菜单。用户不会意外地将鼠标移动太远,或者他们会关闭菜单等。因此,对于鼠标用户,您还需要记住许多潜在的问题。

“点击”桥接所有用户的功能
让我们让同一个用户通过完全基于点击的菜单。由于我们专注于触摸屏用户的悬停功能,让我们首先从鼠标用户的角度看一下“点击”。我松散地使用术语“点击”,因为从技术上讲,触摸/点按和“点击”之间存在细微差别,但最后它们都调用相同的功能。用户首先在“嘻哈衣服”上盘旋,没有任何反应。这是我听过的常见问题,但如果再次查看Apple网站示例,您会记得用户也习惯于简单点击导航和渐进式披露。所以,如果没有任何反应,你真的想要一些“很棒的裤子”,你或任何用户会做什么?点击。现在菜单已经扩展,用户刚刚了解到导航以这种方式扩展。他们将为“令人敬畏的裤子”做同样的事情并得到相同的回应...一个扩展的菜单。但是我们遇到了与悬停导航相同的问题。我们如何进入裤子登陆页面?

这与以前的问题相同,因为我们没有进行切换点击所必需的强制调整。那一个调整将是站点地图。我们需要在其子菜单中包含“Awesome Pants”链接。用户可以尝试再次单击相同的链接,但这只会关闭菜单。但是,如果您在子菜单中再次使用“Awesome Pants” - >“All Pants”或甚至只是“Awesome Pants”文本,则用户仍可以进入登录页面。就像网站上的表单或许多其他内容一样,当用户继续执行任务时,他们将专注于显示的新元素,并将从上到下和从左到右(英文)处理内容。如果你很容易理解新的措辞或甚至相同的措辞,用户可以识别出那里的登陆链接。这与悬停菜单示例之间的区别在于,有一些视觉效果可以指示要做什么,这是主要的。

现在我非常愿意反驳这个实验中的论点,例如“我们不能在悬停示例中添加子菜单链接并保持悬停状态吗?” 是的,你可以,但悬停用户现在有两个链接到同一个地方,所以可能会有一些混乱。再次,我们在用户之间断开连接。切换到“点击”的美妙之处在于它在所有设备,浏览器和操作系统中无处不在。您曾经使用的每个程序最有可能都有一个点击菜单,因为它是最简单和最友好的选项。如果我们记住Surface Pro用户的故事,他们可以同时访问触摸屏和鼠标。如果您创建了一种通用的体验,他们甚至可以使用不同的设备/计算机并确切知道如何使用它。从悬停切换到点击,从这个意义上讲,创建了一个易于学习和可重复的UI。我还可以了解所有悬停库如何与最新版本的Windows手机有问题,并且必须返工才能匹配。点击功能不需要调整。然而,这可能是另一天。

 

只是想快速比较一下?
好吧,也许这个思想实验还有一段时间,但这只是我们在开发优秀网站时必须考虑的一小部分。但为了帮助巩固利弊,我们来看看:

徘徊:
PRO:   鼠标用户可立即获得的信息,无需点击
该即时选项对触摸用户不起作用,因此他们仍然需要点击
CON:   触摸用户无法轻松识别登录页面
CON:   触摸屏和鼠标用户之间最终断开连接
CON:   对于鼠标用户而言,鼠标悬停通常也存在可用性问题
CON:   随着新设备和浏览器的发挥,悬停Javascript库最初可能会失败,就像他们使用Windows手机一样
点击:
PRO:   使用点击而不是悬停导航不需要额外的学习或解释
PRO:   到目前为止,所选择的“点击”互动在每台设备上均可用,并且很有可能在未来可用
专业版:   触摸用户将有一种易于识别的方式来登陆页面
CON:   您需要在登录页面的站点地图中添加额外的链接
具有子导航的项目将始终是类别而不是着陆,因此您需要为其创建登录页面
误区:   用户不应点击三次以上才能到达网站的任何位置。
这不是骗局,因为正如信息所示,用户可以点击更多。
您应该将该规则视为3页规则,而不是3次点击。只需点击几下即可获得一个页面可能比必须加载多个页面更好。
正如您所看到的,hover对于一种类型的受众只有一个非常具体的专业版,但对于绝大多数用户来说都包含很多缺点。点击菜单实际上只有一个弱点,即有更多的站点地图规划。但是,即使您使用基于悬停的菜单,也可能需要执行此操作。这个思想实验是为了确定哪个用户拥有最多的用户,并且点击一直为我所工作的每个网站赢取。

本文地址:http://www.njanyou.cn/web/2232.html
Tag:
专业服务:南京网站制作,南京网站制作公司,南京网站建设公司
联系电话:025-65016872
上一篇: 在开始DMS策略之前需要了解的5件事
下一篇: 挣扎于客户参与?观众角色可能是成功的关键
最新案例
泰杰赛
泰杰赛
苏派教育
苏派教育
全国大学生公共卫生大赛
全国大学生公共卫生大赛
南京德普筒仓建安工程有限公司
南京德普筒仓建安工程有限公司
中国非金属材料南京矿山工程有限公司
中国非金属材料南京矿山工程有限公司
你可能感兴趣
让您的网站更易于访问
使用SEO和内容来增加您的酒店网站
每个企业应该知道的7种视频类型
没人告诉你关于PPC的事
10个保护品牌的声誉管理策略
为什么从头开始创建网站可以改善您的SEO策略
如何为您的大型网站提供未来证明
为什么视频是现代网页设计的必要条件
最后更新
南京网站制作阐述10个应该将百度搜索广告外包的理由 南京网站建设公司一直强调维护您网站的重要性 如何计算自己的获客成本 南京网站制作解析你的网站是如何赶走你的客人的? 南京APP开发公司说说APP营销基础 南京网站建设公司让你知道电商自建站不求人:8大电子商务平台测评(2019篇) 南京网站制作说说建立商业网站的提示 SEO初学者问答 - 第1部分
服务项目
南京网站制作 营销型网站 微信营销 IDC网站 精品案例