9、探索Web应用导航、布局与移动设备支持

探索Web应用导航、布局与移动设备支持

1. Web导航方式

在Web应用中，有多种导航方式可供选择，每种方式都有其适用场景。

1.1 弹出式和下拉菜单

弹出式和下拉菜单在层次较深的网站中非常有用，用户可以通过它们深入到更低层次的内容。这种菜单为用户提供了一种便捷的方式来访问网站的不同部分。

1.2 分面或引导式搜索

分面或引导式搜索常见于电子商务网站。用户可以从产品的多个“方面”进行选择，从而在产品目录中筛选出较少数量的产品。这可以看作是一种自定义搜索，能帮助用户更精准地找到他们想要的产品。

1.3 页脚导航

页脚导航是将导航功能集成到网页的页脚部分，可作为主要导航的补充或替代。不过，在某些特定的Web应用中，页脚导航可能并无太大作用。

1.4 组合导航

组合导航允许将两种或更多的导航方法结合使用。例如，许多Web应用同时采用垂直和水平导航。在设计Web应用的导航功能时，需要关注整体的导航方式，同时结合特定平台提供的顶层导航，以充分发挥导航的优势。

以下是一个简单的导航方式选择流程图：

graph LR
    A[网站类型] --> B{层次是否深}
    B -- 是 --> C[弹出式/下拉菜单]
    B -- 否 --> D{是否为电商网站}
    D -- 是 --> E[分面/引导式搜索]
    D -- 否 --> F{是否适合页脚导航}
    F -- 是 --> G[页脚导航]