ux. 案例对主页按钮

Mira Brody. 经过 Mira Brody.  |  2015年8月24日

多年来,“家庭”按钮提供了一个指南针玫瑰,北方明星,一个导航员重新组合的能力,以熟悉的主页舒适,无论我们走到网站多么深。当用户更流利地迈出了导航网络的复杂性,因此具有突出的家庭按钮正在成为不必要的导航拐杖 - 网络设计师越来越估计的视觉障碍。

通过剔除主页按钮...我们能够提供改进的用户体验。

由于主要导航代表我们要求用户的一系列选择,因此只有提供最重要的内容类别作为选项很重要。通过从该列表中剔除主页按钮,简化了决策过程,我们能够提供改进的用户体验。

在一个越来越多的技术娴熟的人口中,家庭按钮与轻松导航平均网站的用户无关。当其他地方存在相同的功能时,您的网站主要导航中的空格是浪费有价值的房地产。

 

没有像家按钮一样的地方

在设计网站时,主要考虑是网站层次结构中的用户体验。如果他们无法轻易导航您的网站,您的客户可能会失去他们的位置,感到沮丧并完全休假。如果您在线销售产品,这意味着降低转换率和可能收入。它不仅需要用于更重要的信息的房间,而且它通常会增加一个不受欢迎的选择。

客户有不同程度的经验,可以很容易分散注意力,可能需要许多背景提示来帮助他们在导航您的网站时保持其位置;无论多么小或组织。因此,在对您的网站进行更改之前,您必须彻底考虑用户群的人口统计数据及其对网站的理解程度。例如,如果您的用户主要是婴儿潮一代,他们可能需要额外的指导,年轻用户将没有问题。尽管删除了主页按钮,但您必须相信这样做会缓解他们的用户体验,而不是阻碍它。

那么你如何让跳跃远离家庭按钮的舒适?我们如何创造足够的便利性,游客不需要返回家庭,同时仍提供主页按钮提供的安全感?有一些网络设计策略可以轻松地用于为所有人提供住宿:

 

可点击的徽标

它已成为一种标准化的Web设计模式,可以使公司的标志可点击,因为这可能是用户对主页按钮的最熟悉的替代品。

因为大多数网站都在标题中突出的徽标已经突出(通常在左上角或中心),这使得返回家庭方便的快捷方式。当公司的徽标始终存在于页面上时,设计模式更有用,作为永久的“家”按钮。

敬上
mikiyakobayashi.
Studio_one.
银行博兹曼
Fraher.

 

面包屑

如果您的网站更大或具有复杂的层次结构,则可以考虑“面包屑路径”以提供用户在网站组织内的位置的指示。面包屑可用于以多步骤形式,深度分层导航显示您的位置,甚至在通过各个类别组织或过滤的商店项目浏览时。面包屑通常是网页顶部的链接,它以不引人注目的方式描述您在网站的层次结构中的位置。当您从页面到页面时,他们透露了您在网站的位置,并提供一种方法来移动您希望的步骤 - 即使是家庭,如果需要。

非常传统的面包屑导航的一个很好的例子是 GOV.UK网站。当你深入了解他们的网站时,它们的面包屑也会出现在页面顶部,让您轻松返回回家。如果您的网站具有密集的组织结构,这是一个很好的考虑因素。

但这不仅仅是利用面包屑的复杂网站: 露杉.com. 使用其徽标和部分标题作为面包屑,以提供备份文档树的路径。

Gov_uk.
露杉
绿地

 

页脚

网站页脚是另一个可靠的备用;该页面的底部是所有级别的网络熟悉的地方都知道要转到有价值的信息。网站的完整视图可以放置在页脚中,或者只是初级导航提供的站点导航的更大子集 - 通常包括主按钮。这种方法提供了回退:即使您的用户正在寻找在主要导航中明确和简单的选择中没有提供的东西,则页面底部的网站结构提供。

迷你现场 2015年安格纳的设计会议  包括一个主页按钮,而不是迷你站点的头版,但是 Aiga的主要 主页。 威尔逊季刊洋葱 都使用徽标标记从他们的页脚链接到主页,但是 redesignd. 将其与其他有用的链接混合在一起。

AIGA.
wilson_quarterly

 

洋葱
redesignd.

 

专注于用户体验

良好的用户体验设计侧重于创建成功的用户旅程,以创建订婚和返回访客,并在电子商务网站购物者的情况下。虽然有许多工具来帮助更频繁地进行转换,但消除了家庭按钮等不必要的导航选项是简化访问者通过您的网站的旅程的重要途径。

减少用户的决策和认知负载将有助于鼓励更多的转换

亚马逊,Apple,Twitter和维基百科等巨型组织已经与他们的家庭按钮一起完成,因为家不是主要互动的主要来源,但仅仅是特色优惠,促销或目录的位置。

当他们失去的路时,游客最有可能回家。消除导航中的主页按钮应该只是沿着您的网站直观和令人沮丧的用户旅程的一步。减少用户的决策和认知负载将有助于鼓励更多的转换,购买,视频,阅读文章或您网站帮助访客完成的任何任务。

 

特色图片, 2015年AIGA设计会议