在建立一个优秀的网站时,很难低估网站导航的重要性。虽然它不像其他一些主题那样华而不实,但错误的做法可能会使您的企业损失数万美元。

例如,考虑以下错误:

潜在客户没有意识到您提供特定服务,因此他们不会与您联系;

现有客户对您的品牌失去信任,因为您的导航非常混乱;

您的网站导航非常复杂,以至于您的第三个或更多访问者无法理解您的公司甚至做了什么。

想避开这样的错误吗?继续阅读,我将为您提供创建坚如磐石的优秀网站导航手机的6个原则。

网站导航设计
1.选择网站导航中的链接数量
当您的网站导航中有太多链接时,您的访问者很容易被淹没。很多时候,您网站上的访问者都是典型的互联网浏览器:他们的时间有限,他们不想阅读,他们想要快速回答。

太多的导航项目需要更多的精神能量来辨别您公司的所有内容。通过将主题与子菜单分组,使用户更容易理解。例如,可以将“博客”和“常见问题解答”全部置于“关于我们”之下。他们可以拥有7个链接,而不是9个链接。为了降低到6,他们可以修改“制造商链接”,并在其页脚或其网站上的其他位置放置此页面的链接。

这里的原则可以追溯到我早年学到的一种设计理念 – 我们在网站建设公司所说的话 :“当一切都是大胆的,没有什么是大胆的”。或者更好的是,“当一切都很重要时,没有什么是重要的”。

2.优先考虑可用性

看,我明白了。您的网站需要看起来不错。

但是,您的网站美学永远不应该与您的用户实际使用您的网站的能力竞争。例如:

不久前看到一个高尔夫网站,该公司决定使用他们的一个高尔夫球场的漂亮照片。不幸的是,他们选择的照片导致其网站导航的可读性问题。在这种情况下,最好选择不同的照片。

另一个糟糕的可用性的例子是使用瘦的弹出菜单……你知道,菜单如果你只是快速停留整个菜单消失了吗?

我无法用图像完美地说明这一点,但是当我在浏览上面的网站上时, 如果没有恰到好处的话,很容易意外地切换到不同的菜单 或完全丢失菜单。

您的导航菜单不应该是您的用户精细运动技能的测试。如果他们很难使用,你的网站就是失败的。

您的导航菜单不应该是您的用户精细运动技能的测试。

3.考虑使用实用工具栏

实用工具栏或“辅助导航栏”是导航的另一部分,您可以在其中放置重要但辅助的链接。例如,在网站右上角放置他们的新闻,常见问题和联系链接。

使用实用工具栏可以让您拥有更多链接,同时使一些突出的和其他人不再强调。此技术允许用户自然地了解某些主题在您的网站导航中具有更高的优先级。

实用工具栏非常有用,但对于许多公司在设计网站时仍然相对不常见。

4.在您的网站导航中使用简单命名

关于创建有效网站导航的第四个提示,我建议您为导航项使用简单的命名约定。

如果可能,请使用一个或两个单词并删除不必要的单词。例如“关于”与“关于我们”。“我们”这个词真的添加了什么吗?以下是更多示例:

“联系”而不是“联系我们”

“工作样本”而不是“查看工作样本”

“地点”而不是“我们的地点”

“融资”而非“融资方案”

现在提醒一下:目标是删除不必要的单词而不是关键词。如果在您的网站导航中删除一个单词导致用户心中的混乱,那么您已经走得太远了。

请记住,您添加的每个单词都有机会添加混乱。如果您有一个更长的单个导航项,请考虑更少的导航选项作为一个整体。

5.专注于正确的页面

有时,当公司在他们的网站上工作时,很容易犯错误,这些错误会产生明显的后果。我们这样做是因为通常情况下我们“无法阅读我们自己的标签”。这是一个简单而有力的原则:优先考虑最重要的页面。

您销售产品或服务吗?那么,你应该把这些信息页面放在你公司的传记内容面前。

你想让你的访客做什么?你的前2或3个目标是什么?在布置导航层次结构时,请务必关注这些目标。

Cars.com就是一个很好的例子:

Cars.com为其客户提供的三大优先事项是什么?

浏览列表(“销售汽车”)

卖掉他们的车(“卖你的车”)

为您提供汽车服务中心(“服务与维修”)

他们也想帮助你进行研究,并且他们推销他们的博客,但是当涉及到他们的最高目标时,这些优先级较低。

6.创建一个明确的号召性用语

最后,对于我的最后一个提示,考虑在您的网站导航中创建一个号召性用语,它反映了您网站的首要目标。这将因各个行业而异,但以下是一些示例:

专业服务公司:“ 索取报价 ”

电子商务商店:“ 登录 ”

屋顶公司:“ 安排估计 ”

软件服务:“ 创建一个免费帐户 ”

通过创建一个简单易懂的“下一步”,帮助您的潜在客户理解这一重大创意。虽然对您来说很明显,但您的潜在客户并不像您那样了解您的业务。您需要告诉他们下一步该做什么。

结论

那么你按照这6个直接提示,便可以创建有效的网站导航。

将这些原则付诸行动,您的网站访问者将更清楚地了解您是谁以及您做了什么。忽视这些规则,您可能会发现市场份额或管道不断缩小。唐纳德米勒的引用在这里非常合适: “如果你混淆,你就输了”。

千贝网原创文章,转载请注明:http://www.yokao.net/12497.html

优秀网站导航设计的6个原则相关推荐

  1. 分享30个优秀的网站导航设计案例

    导航是网站最重要的组成部分之一,设计优秀的导航能够引导用户浏览网站中的更多内容.为了能让导航和网页内容完美的融合在一起,设计前需要设仔细分析网页结构.这篇文章收集了30个优秀的网站导航设计案例,希望这 ...

  2. 网络推广专员浅析在网站导航设计排版中应如何深入完成网络推广?

    在企业网站的导航栏设计中,不仅能够为浏览访问网站中的用户找到所在位置还能进一步精确跳转到用户所需求的信息.拥有这一优势的导航栏在众多企业网站中频繁应用,但是千篇一律的导航栏设计已经让用户产生视觉疲劳, ...

  3. 浅析优化网站导航设计的几种常用方法

    一般用户在访问网站时,首先能够看到的就是网站的导航设计,毕竟这是为用户解决检索需求的重要工具.网站的导航工具可以帮助用户迅速访问到自己想要得到的信息内容,不过需要强调的是,好的网站导航设计可以缩短用户 ...

  4. 御用导航提示页面_UI网站导航设计知识与五个知识案例

    导航设计是网站的基石.它确定了至关重要的指标,例如转化率和跳出率,页面停留时间,点击量,并且通常是决定您的访问者拥有良好体验并以比您所说的"用户流量"更快退出网站的决定性因素. 但 ...

  5. 网站建设|网站导航设计超强方法总结

    这是[建站百科]专栏第19篇原创内容,由我在建站行业从业10年.给上万公司搭建过网站的经验总结而来. 一.网站导航简介 用户浏览网页时,是有固定的浏览习惯的,一般会先大概扫一眼首页信息,然后就会寻找导 ...

  6. 浅谈网站导航设计经验

    设计一款良好的.用户友好的网站并没有什么科学之举,除非你懂得利用技巧和策略,方能让用户流连忘返的访问你的网站.这就要求设计师在网站设计上保持洁净.简单,使用正确的色调.清晰度.响应速度以及极易导航功能 ...

  7. 30个优秀的网站导航菜单设计案例

    导航是网站最重要的组成部分之一,一个有吸引力的导航能够引导用户浏览网站中的更多内容.导航需要和网页内容完美的融合在一起,因此设计前需要设仔细分析网页结构.这篇文章收集了30个优秀的网站导航设计案例,希 ...

  8. 超实用!网站导航栏设计方法总结

    导航对于一个网站来说,起到重要的引导作用.一个优秀的导航设计可以让用户快速的找到所需 ,让用户清晰明了的了解到网站的结构框架,起到重要的指引作用.下面跟大家分享下常用的几种网页导航形式: 1.顶部导航 ...

  9. html5导航栏向应折叠,超实用!网站导航栏设计形式总结

    导航对于一个网站来说,起到重要的引导作用.一个优秀的导航设计可以让用户快速的找到所需 ,让用户清晰明了的了解到网站的结构框架,起到重要的指引作用.下面跟大家分享下常用的几种网页导航形式: 1.顶部导航 ...

最新文章

  1. MySQL之无限级分类表设计
  2. Mysql数据字典导出
  3. GDCM:gdcm::Filename的测试程序
  4. centos7 网卡配置vlan_Centos7安装后的一些基础配置
  5. 递归和分治思想及其应用
  6. .NetCore+Jexus代理+Redis模拟秒杀商品活动
  7. js中 style.width与 offsetWidth的区别
  8. Java 面试之技术框架
  9. 【IDEA】Error:java: Compilation failed: internal java compiler error
  10. Nisus Writer Pro for Mac拆分视图和注释技巧
  11. SynchronizationContext笔记
  12. 拓端tecdat|ARIMA模型预测CO2浓度时间序列-python实现
  13. [2018.10.10 T1] 餐馆
  14. Oracle OCP题库变了,052全新题库收集整理-30
  15. android 常用图像密码,这几种Android图形密码最常用
  16. 谎言,统计数据和供应商
  17. SSL1284压岁钱
  18. 创业者如何吸引风险投资商
  19. 【Linux】history用法
  20. 晨星封闭式基金9月21日业绩排行榜

热门文章

  1. LeCo-169. 多数元素
  2. H5页面跳转关注微信公众号页面
  3. 看待FIL能否成功不应该只关注它的币价,而是IPFS能否完全落地应用……
  4. 印刷业的“用户端价值”战争
  5. 云计算机遇与挑战,中国云计算产业发展面临机遇与挑战
  6. uniapp APPH5端获取地理位置信息(百度地图高德地图)
  7. 高通QCS603/QCS605物联网系统芯片介绍,QCS603/QCS605处理器参数比较
  8. 2020年医疗影像行业软镜专题研究报告
  9. 使用经验-深度学习云服务器mist GPU
  10. 性能测试入门,其实很简单,看看这篇,好好学习