如果设计让网站的导航菜单更加有效,更加人性化

日期:2016/4/9 / 人气:

当创建一个网站,用户界面友好  ,直观,重点领域之一,必须是网站的导航。让我们来看看一些重要的注意事项和最佳做法,以铭记设计有效的导航网站时。

想想布局

一个网站的导航的位置是非常重要的。大多数网站目前使用放在靠近页面顶部在这些网站的大屏幕布局导航链接水平行。

本次配股的普及创造了一个标准的网站访问者是熟悉和适应。因此,当用户访问一个新的网站,他们从来没有到过之前,他们寻找那些网站的导航,他们最经常看,他们期望这些链接, – 呈现在靠近页面顶部的水平行。

如果你试图打破的设计和你的网站的导航放置在模具,那么你没有得到这种立即熟悉的优势。

建立约定可以用于你的优势,尤其是当它涉及到导航的放置在自己的网站设计。请记住,新的访问者到你的网站必须能够快速确定如何使用该网站。在短短的4-8秒,他们需要了解谁该网站是为你做什么,而他们下一步应该做什么。通过将网页链接正是游客期望的那样,你避免丢失这些游客,因为他们长大失望与困惑他们在某些方面还是没有工作,他们预计它的工作方式的网站。

限制选项的数目

更多选项你给别人,就越难将是他们做出选择。这就是为什么它是非常重要的,你积极的编辑将出现在网站的顶级导航项目。

内容不太重要的页面应该划归网站时适当的子部分的链接。

例如,在许多网站上常见的网页/链接为“客户见证”,但在审查数百个网站,其中许多包含这些推荐页面的流量分析,我可以告诉你,这个内容是最少的访问的一个在任何站点。因此,要证言内容的链接往往是更恰当地划归类似“本公司”比在主导航部分,尤其是如果你正在寻找减少在导航链接的数量。

试试你的网站的导航限制在最多7或8个项目,但如果你可以编辑它归结为5或6,这是因为选择较少甚至更好将使它更容易为游客扫描那些选项,并作出选择相关到其当前的需要。

使用清晰的标签和图标

当谈到帮助游客做出选择,限制了选择的数量之前他们是不会拿的唯一重要的一步。此外,还必须确保任何标签,您使用的这些链接或图标清楚地让人们知道以后如何这些点击。

像“我们的博客”的标签可能不是性感,但它给出了明确的指示,什么是该网页上- 公司的博客。未来与该博客/链接一个唯一的名称可能是从营销和品牌推广的角度来看吸引力,但像“工具箱”的链接标签不立即传达,有是页面上的博客(这已被称为“工具箱“)。这可以混淆谁正在寻找迅速做出决策,谁不想点击链接,如果他们不知道什么样的内容,他们将得到的回报游客。

对于许多较小的屏幕设计,文本标签与图标替换以节省空间。这些图标的图形可能是有用的,但就像文本标签必须清楚,所以也必须做的图标直接意义的游客。

印刷术是非常重要的

您在您的网站的导航使用文本链接必须由该网站的访问者阅读。因此,网页排版的最佳做法,在这方面发挥的作用。这些应该标签使用的印刷样式:

有足够的对比度,以确保便于阅读
是一个合适的尺寸,对所有屏幕
使用字体与很容易在其中显示大小可读取字母形式 – 不要太薄或过于华丽,使他们不容易被读取
极限滴唐斯飞出菜单

使用下拉飞出菜单可帮助组织一个大型网站的导航需求。链接是次要的可以放置在更高级的物品。“客户见证”的上述例子中被放置在“我们的公司”下段是这样的一个例子。

通常情况下,这些子菜单提供由当顶层链路悬停所揭示的菜单。这种相互作用并不总是有效,然而,在其他情况下,它变成一个非常困难的相互作用。

记住,“悬停”状态不要触摸屏,因此,如果访问这些子菜单的唯一方法是通过悬停动作,你会被疏远的触摸屏的游客这方面的经验。即使这些菜单可供选择,如果你去太深粉煤灰出局,他们可以成为可怕的具有挑战性的使用。一个好的经验法则使用这些菜单时是要确保选项不止一种方法可用,从不使用飞出不止一个级别深度。

在不同的设备测试

什么工作的大型桌面显示器上不会在手机的小屏幕上工作。这样,你的网站很可能会使用响应的网页设计,以提供基于访问者的屏幕大小不同的布局和导航方案。一定要测试你的设计这些不同的屏幕上,不要忘了触摸的重要性。

采用触摸作为输入比用鼠标点击太大的不同,所以一定要在触摸和非触摸设备进行测试,以确保你设计的导航非常直观,能够有效地使用,无论有人使用到设备访问您的网站。

作者:朋友圈科技


Go To Top 回顶部