分享

让你知道什么才叫完美的网页导航设计

 京城客家人老黄 2017-03-01

让你知道什么才叫完美的网页导航设计

从检查电影时间,到阅读Photoshop提示,审查每日新闻,我们可以找到几乎任何信息,我们正在寻找在互联网上。一个网站的一个部分,在帮助我们找到我们要找的是特别重要的是它的导航。

当我们与一个网站交往时,我们使用其导航来帮助我们找到我们正在寻找。不幸的是,许多网站有导航,没有特别好的计划。当然,它可以工作得很好,以获得我们正在寻找的信息,但通常,只是在一些混乱 - 并利用这种经典的搜索方法,称为试验和错误,我们能够这样做。

如果一个网站的导航组织不良,有混乱的文字或链接太多,它降低了我们使用它来快速,轻松地找到我们正在寻找的能力。明显和直观的导航是一个伟大的网站的关键组成部分之一。下面列出的这些做法将帮助您创建更有效的导航作为您的网站的一部分。

1.说清楚

当网站访问者不知道在点击链接时会发生什么,或者如何轻松地找到他们正在寻找什么,混乱的结果。通过设计您的网站导航以方便访问者理解来减少混淆。

Abercrombie&Fitch的网站提供了这个概念的例子。他们的导航从访问者到达他们的网站的第一时间很容易理解。

让你知道什么才叫完美的网页导航设计

使用清楚的标签,一目了然,让访问者知道你的公司做什么。从一开始,他们就会知道他们在正确的地方,以及如何到达他们想要的地方。仔细考虑您用于网站导航的术语,使访问者能够轻松找到他们正在寻找的内容。

避免创建围绕内容格式的导航,例如,而不是有一个视频页面,创建一个“如何”部分,内容由主题分隔。方便用户通过描述他们将使用的术语中的内容找到他们正在寻找的内容。您网站的访问者可能不会查找视频部分,但他们可能会寻找有关如何设置产品或如何使用某些功能的提示。

为访问者清楚哪些项目是导航项目。Subtlety不会帮助您的网站访问者到达他们想要的地方。例如,即使它可能看起来很棒,让链接的灰色比网站文本稍微更深的阴影也不会创建一个伟大的用户体验。不要让访问者使用您的网站。

2.保持一致

我相信你去过的网站,它看起来像他们的导航的一部分是作为一个事后的想法或它只是不属于。这种缺乏一致性的作用是降低对网站访问者的信任,另外,它降低了用户体验的质量。如果有什么东西只是看起来坚持你,它很可能看起来与你的客户相同或更坏。

Bouguessa的网站漂亮,干净的导航是一致的,有助于改善访问者的体验,而在他们的网站。

让你知道什么才叫完美的网页导航设计

另一个倾向于降低导航质量的问题是菜单上的项目不是链接,尤其是当它们出现时。当访问者点击不链接的菜单项时,增加了混乱的程度,从而增加了挫折的程度。使用视觉设计来显示哪些项目是链接,哪些项目不是,例如,如果您的标题是巨型菜单的一部分,使用不同的字体样式,颜色或空格来表示它们是标题而不是链接。

辅助导航也应在您的网站上设计一致。将相同的焦点和考虑应用于您对主导航执行的辅助导航。无论访问者在您的网站上前往何处,您都希望提供一个很好的体验。

如果您的网页最重要,希望更容易访问,请在首页或其部分着陆页上创建一个功能块。网站访问者注意这些块,同时,试图突出导航菜单上的项目可能经常中断菜单。

3.保持简洁

避免创建包含太多项目的菜单。如果您可以将包含在菜单中的项目数量限制为七个,则最好。选择较少的项目对您的网站访问者更好。它对你的访问者产生较少的精神压力,因为他们在做决定,并增加他们向前迈进的机会。

研究表明,人类大脑使用分块作为改善召回的方法。通过将数据分成相关的组或块,它允许我们更好地理解和记住它。对于需要多于七个菜单项的大型网站,这是一种特别有效的技术。通过将菜单项分成组,您将帮助您的网站访问者。

请记住,每次从菜单中删除项目或从页面中删除元素时; 你正在使一切更加一点在视觉上突出。当您删除某些内容时,您可以使其他项目更容易被查看和点击。仔细评估您真正需要作为您的网站的一部分,并愿意删除您不需要简化和改善的体验的项目。

Olson Kundig网站提供了一个具有简化导航体验的网站的例子。

让你知道什么才叫完美的网页导航设计

此外,您需要考虑在导航中使用的顺序。就像在生活的其他领域,在开始或结束的项目将突出给用户。用户注意和保留在列表的开始或结束处是最高的。这是我们的基本心理学的结果。作为人类,我们有线在开始(首要)或结束(新近)记住项目。

利用这种现象,并在菜单的开始或结束放置重要的项目。通过在这些区域放置对您的客户很重要的项目,您可以更方便地访问您的网站。如果您不确定哪些项目对客户最重要,请查看您的分析数据,并查看您网站的哪些网页获得最多流量。

4.使用平面架构

伟大的导航从一个深思熟虑的信息架构(IA)开始。当你考虑你的网站的组织,你会想保持架构尽可能平坦。允许您的网站访问者在一两次点击内访问任何网页。

当你有更少的级别,它是更快,更容易,更少的混乱,让您的客户到达他们想要的地方。限制级别的数量,以帮助为访问者简化导航。

为了帮助组织您的网站,将网页分成组,而不是在组内的组内嵌套组,希望创建尽可能平坦的组织。在合适的情况下合并内容,甚至可能考虑到对网页进行分组的方式与目前为了实现此目的不同,但请确保您的分组与客户如何查看您的产品一致。对用户没有意义的奇数分组不会帮助您,即使他们帮助展开您的网站层次结构。

使用视觉设计帮助用户在查看菜单时了解层次结构。使用字体样式,大小,颜色和空格可以帮助访问者了解导航级别。明确区分次要导航,以一种将它与主导航以和谐方式分离的方式。

-----图片来源于网络

查看上一期文章:【【logo设计】logo中的4个根本要素】

小册子教程 关注微信号 ibooklet

需要软件或者PS素材请加学习群!

官方学习群:69848838

想获得PS/CDR整套软件基础视频可点击查看【阅读原文】

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多