深圳网站设计：简化网站导航的提示

一旦错误的道路开始，项目会发生什么事情，即使我们对我们前进的方向感觉不太正常，我们通常也不愿意回头。这个问题会产生更多的时间或金钱。被投入到追随错误的道路。深圳网站设计

克服这种犹豫是至关重要的。 如果糟糕的导航结构会引入可用性问题（例如本文示例站点中的情况），我们需要修复错误的结构，而不是继续开发站点。

如果我们不这样做，以后修复损坏会更加困难。 在设计或重新设计导航时，我们需要先记住用户的需求。

很少需要复杂的导航结构。 我们只是认为它们是我们第一次创建它们的时候。 你需要经常做的是问自己是否有更简单的方法来实现相同的目标。深圳网站设计

如果有一种更简单的方法，你需要使用它，因为无论它看起来多么令人印象深刻，其他任何东西都会比你从长远来看更有利于你。 在本文中，我们将使用实时网站示例来简化复杂的导航结构，以提高可用性。

步骤1：检查现有设计

我们开始的问题是现有的导航设计具有过多的复杂性。 对于我们为此项目重新开发的示例站点，这种复杂性 似乎 必要的，但只是因为更好的方法并不是立竿见影的。

首先，它将有助于理解为什么原始导航首先是复杂的。 主题站点是一个教程站点，教程的主题是一个相当复杂的系统。

由于该网站使用主题系统的实时模拟器供学生学习，这意味着我们不能（或不应该）在页面之间导航。 我们需要通过内联插入来显示内容，以避免不断重新加载系统并且必须保存系统状态。

因此，导航链接并不总是重定向到物理页面，并且大多数将重定向到虚拟页面。 在这种情况下，导航可以被视为分为课程，章节和主题。

顶部导航栏已经足够简单，虽然它可以使用更新的外观。 当用户第一次到达网站时，他们将看到左栏中的菜单。

使这种结构过于复杂的原因在于不需要以这种方式分割导航（用户无法在没有额外导航步骤的情况下选择顶级导航项），并且数字分页不适合选择主题。

但是，很容易理解为什么导航最初以这种方式设计的逻辑。 首先创建模拟设备，并且具有由SVG代码确定的特定大小。

在对CSS3 Zoom功能进行通用完全浏览器支持之前，使用代码更改其大小意味着更改所有JavaScript代码（通过10,000行），这本来就是浪费。深圳网站设计

因此，原始导航设计是为了节省水平空间，以便课程和模拟设备可以同时适应屏幕。

现在我们已经了解了现有导航结构中的缺陷，这使得在下一步中更轻松地规划新的导航设计。深圳网站设计

步骤2：规划新设计

由于现在对最流行的桌面浏览器中的CSS3 Zoom提供了更加一致（但仍然不是很好）的支持，因此模拟设备可以缩放到更小的尺寸，而无需大量重新编码。

如果这样做得当，左边会有更多的空间，让我们在中间有一个额外的列。

真正明显的变化是课程体已完全远离导航区域，这正是它应该的样子。

此更改将使导航系统具有更大的灵活性，并将为课程主体提供更多空间。

步骤3：实施计划

请记住，每节课可以有多个章节，每个章节可以有多个主题。 我们该如何处理？ 最简单的方法是制作一组可折叠的菜单项。 扩展课程揭示了它的章节，扩展章节揭示了它的主题。

在图4中，您可以看到左侧菜单中显示的未展开课程列表。

深圳网站设计