ux.

侧边栏是否通过了日期使用的使用?

Marc Schenker. 经过 Marc Schenker.  |  可能。 17,2016

在新设计趋势的这一天和年龄,网站速度越来越快,移动支配地位,一个经典的页面元素仍然坚持,尽管许多人可能会忽略它。周围自网络的早期和不同网站上的主干,侧边栏已经长寿了。

然而,许多人只是通过内容扫描或撇去内容,而不是每个人都要注意它,特别是对于F形阅读模式,建立人们通常在网页的左侧启动,并在页面上扫描。添加至于越来越多的页面加载时间的需求,可以轻松忽略侧栏。

这引出了问题,是今天仍然需要的侧边栏吗?它不是主要导航手段,以及社交媒体按钮等其他设计元素变得更加重要。

 

侧边栏的目的

侧边栏永远不会成为网站的主要导航手段。导航栏或菜单通常会在页面顶部水平,传统上总是将侧边栏留在辅助栏中的更多内容。

尽管如此,侧边栏应该帮助用户使用导航,主要取决于站点的类型。例如,博客将在这方面的侧边栏中有更好的用途,比如约会网站。

侧边栏通常用于要包含要突出显示的内容,就像希望用户采取特定操作,让他们进一步与您的网站交互。例如,博客可以在侧边栏中舍入其最流行或最近的帖子,然后在侧栏中的功能链接。这不仅可以帮助用户更有效地导航网站,但它也会提示用户读取内容,否则他们会错过侧边栏中未突出的话。

 

安置侧边栏

侧边可以放在页面的左侧或右侧,以及在页面两侧的某些独特的情况下。

您放置侧边栏的位置应由用户体验决定,如所有页元素一样。

左侧侧栏

当您将侧边栏放在页面左侧时,知道它基本上必须用作您的网站的主导航栏。这是因为建立的经典可用性研究 F形阅读模式 在互联网上确认用户大部分时间都在俯视页面的左侧。因为这是他们的眼球的地方,如果你要在这里定位侧边栏,那么应该是主要导航的地方,只是为了帮助他们的用户体验。

还考虑在您的页面顶部的水平菜单栏可能太狭窄,以适应您的所有导航标题或类别,如果您正在设计大商店,组织或新闻网站。页面左侧的垂直侧栏/导航菜单可以是解决方案。

维基百科 说明了TEE的这种设计选择:它没有水平,顶级导航,而是将其导航栏在其页面的左侧作为一个非常长的边栏。

001

右侧侧栏

右侧侧栏绝对更常见;当它位于页面右侧时,它不起作用作为主导航,而是作为辅助导航。同样,这回到了F形阅读模式以及您的网站访问者如何先或突出地看一下页面的右侧。这就像用英语阅读一本书;我们从左到右阅读。

这意味着您的右侧侧栏中的内容将被遗漏或者不会被视为左侧侧栏中的内容所示的内容。由于此内容是次要的,因此您不应该在此处放置太多重要信息。

右侧栏的次要状态解释了为什么某些网站的页面(例如Match.com)实际上在此处放置广告,无论是与相关匹配达相关的广告,也是完全来自其他品牌的广告。这里的广告也没有页面上的其他地方的广告也没有货币价值。

当然,其他网站以不同的方式使用右侧侧栏,例如用于突出显示该站点读取器的流行和相关内容。 nascar.com的 右侧栏栏具有当天的顶部标题和与页面上的文章相关的任何内容。

003

双侧巴

某些网站实际上将使用两个侧边栏,在页面的左侧和右侧。这种方法的关注是在页面上呈现过多的信息,从而提高了在随机播放中丢失的基本信息的风险,特别是如果该信息呈现在右侧栏杆上。另一个问题正在互换页面左侧和右侧之间的重要信息,而不会给予足够的思考应该优先考虑什么。

但是,有一种方法可以让这个仍然工作。您必须在左侧侧栏上放置最重要的内容,因为这是您的访问者将首先看起来。这意味着导航,主Web应用程序等。然后,在右侧,这在您可以放置​​辅助导航项的位置,如最流行的文章,社交媒体按钮,搜索栏等元素。

 

露背栏杆

这是从网上看看各种类型的侧边。

linkedin.

linkedin.的侧边栏位于页面的右侧,它为您可能知道的网络提供了建议。

004

推特

推特有双边栏发生:左侧的一个显示您的个人资料和图片,而右侧的一个展示次数显示展示次数,建议跟随,以及全球趋势。

002

 

福克斯新闻

福克斯新闻展示其附加和相关的内容及其最热门,右侧侧栏的趋势故事。

005

 

在2016年仍然有意义

你有它。侧边栏在今天的设计世界中仍然是相关的,这些世界似乎是一个新的设计趋势之后的新闻统治。它只是向您展示,当某些东西以ux中心为中心作为侧边栏时,它可以享受良好的长寿,并且长时间仍然是网络设计的核心主食。

然而,这是一个无名的分类元素,也许是它的最佳证明,这是它的高效性。用户已被视为理所当然,因为他们只是期望它在那里,因为它是一个经典的元素,这些元素已经存在于网络上几十年。

如果没有侧边栏,任何网站都将难以导航和使用,这将扼杀UX。这从来没有任何设计师的立场!