Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/user-interface/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 在网页上显示额外信息哪个更好?单击或悬停时弹出?_Html_User Interface_Usability - Fatal编程技术网

Html 在网页上显示额外信息哪个更好?单击或悬停时弹出?

Html 在网页上显示额外信息哪个更好?单击或悬停时弹出?,html,user-interface,usability,Html,User Interface,Usability,我喜欢在网页中显示某些关键字的更多信息。我不想把访问者发送到另一个页面,我更喜欢在当前页面的顶部显示额外的信息 关键字在html列表中。这基本上是一个功能列表,我想提供更多关于这些功能的信息。因此,我有两个想法是基于“更多信息”或“?”超链接 用户将鼠标悬停在链接上,一个弹出窗口显示信息,当用户将鼠标悬停时,该窗口将消失 他们点击链接,弹出一个带有“X”的窗口,然后点击X关闭 哪一个提供了更好、更友好的用户体验 我喜欢ා1,因为它们不必点击打开并单击关闭,但缺点是当他们在页面上鼠标时,窗口可能会

我喜欢在网页中显示某些关键字的更多信息。我不想把访问者发送到另一个页面,我更喜欢在当前页面的顶部显示额外的信息

关键字在html列表中。这基本上是一个功能列表,我想提供更多关于这些功能的信息。因此,我有两个想法是基于“更多信息”或“?”超链接

  • 用户将鼠标悬停在链接上,一个弹出窗口显示信息,当用户将鼠标悬停时,该窗口将消失
  • 他们点击链接,弹出一个带有“X”的窗口,然后点击X关闭
  • 哪一个提供了更好、更友好的用户体验


    我喜欢ා1,因为它们不必点击打开并单击关闭,但缺点是当他们在页面上鼠标时,窗口可能会无意中打开。

    这两个都很烦人,但如果我不得不选择两个邪恶中的较小者,我会使用正确的鼠标


    您可以在页面上设置Javascript来处理意外鼠标悬停,并在显示弹出窗口之前等待几秒钟。

    您的用户会期望什么?尽量不要打破这些期望

    也许可以尝试一下走廊的可用性研究,在用户经过办公室时抓住他们,让他们告诉你他们会期望什么

    询问堆栈溢出也是一个好主意,但是您不会获得上下文的优势,这对于可用性测试非常重要

    作为一个用户,我发现当我移动鼠标时会意外地弹出一些东西,这很烦人。即使有javascript延迟(这更好),我仍然认为,当我没有显式单击它时,会出现一些东西是出人意料的


    但是,这可能会根据应用程序的上下文而有所不同。

    人们不希望鼠标悬停时出现弹出窗口-我肯定会选择单击

    编辑/添加:想想你每天访问的网站——文本和图片(通常)是静态的,最多悬停会改变颜色或给链接添加下划线,或者显示一个可点击链接的小菜单

    当点击一个链接时,你期望发生一些事情——重定向到另一个页面,一个包含信息的弹出框,一个正在提交的表单,等等

    我并不是说这是做事情的最佳方式,但它是99%的网络工作方式,让用户处理悬停或类似的弹出框是一个很好的方法。我知道我个人不读任何带有双下划线链接的页面;这是一个很好的迹象,在阅读内容的滚动过程中,一次意外的中断可能会导致我的鼠标停留在一个链接上,链接上有一则广告

    在可点击的文本旁边有一个小的图形,或者表示点击将导致更多的信息,这是一个提供上下文信息而不会让人沮丧的好方法。对于世界上大多数地方,没有点击的弹出窗口==广告或间谍软件


    编辑/澄清:我不是指新窗口中的弹出窗口,只是一个lightbox样式的javascript弹出窗口。不要让用户离开页面,给他们一个非常明显的按钮来点击关闭弹出窗口。我想我说的是,人们不希望没有点击就发生什么事情,特别是如果点击会占用更多的屏幕空间。

    就个人而言,我会选择点击选项。网络上有一种标准的工作方式,即鼠标悬停是为了获取有关链接本身的信息,以及点击链接将执行的操作(“查看更多评论”、“单击以获取帮助”等),而点击则是实际执行操作的方式


    如果您决定使用悬停选项,请确保对其进行编码,以便用户可以在弹出窗口中选择文本。如果你只是想把一些有用的信息复制到某个地方,而GUI却在你到达之前就把它隐藏了,这真的很烦人。

    除了其他人所说的之外,我更喜欢单击选项


    我使用悬停选项的问题是,可能这只是我,如果可悬停区域在小的一侧,我很难让鼠标保持足够的静止来保持悬停。在阅读过程中,光标往往从链接中移开,而我的漂亮的帮助文本消失了。

    作为两个额外的先例要考虑,您可能需要考虑HTML标记和HTML标记的功能。两者都允许您提供页面中特定文本的额外信息,并且都遵循“悬停”原则。

    思考要点:

    • 如果项目是如此密集,无论你在哪里移动鼠标的东西弹出悬停然后不要做悬停
    • 你能让悬停显示非常简短的信息,并点击显示更多细节吗?如果对你有效,这可能是两个世界中最好的
    • 你能有一个当你悬停时显示信息的专用框吗?这可能比任何弹出窗口都好。众说纷纭

    最后,从用户的角度来看,这才是适合你的应用程序的。

    防止意外鼠标滑过是一个好主意,我希望更多的网站实现这一点!好主意,但时机必须恰到好处。太长,用户可能会认为功能已损坏。我是一个用户,我说了我喜欢的。您是一个用户。如果你是一个访问者,你希望它是什么样子?假设它是一个像电子邮件这样的网络托管功能的列表,你想知道“电子邮件转发”是什么意思。我没有权利要求任何人活着!这就是我提到“更多信息”或“?”链接的原因。您故意单击以获取更多信息。我知道那些恼人的双线链接,但那不是我正在做的。这些链接在文本的侧面而不是中间。我的想法是不要打开全新的页面,因为额外的信息是多余的