上海网页设计培训班 让您的美工 前端 开发样样精通

首先要分析理解自己的设计内容，设计初期可以先收集一些同行、或竞品相关的网页设计、或者图片素材做参考。

1.1 信息架构

人们经常将网站上的内容列表作为“信息架构”。不对， 虽然它是信息架构的一部分，但它们只是其中的一个方面。信息架构是以一种清晰和合乎逻辑的方式组织信息。信息架构有一个明确的目的：帮助用户浏览一组复杂的信息。好的信息架构会创建一个符合用户期望的层次结构。但良好的内容层级和直观的导航并不容易，需要通过用户研究和测试才能实现。

有很多方法可以研究用户需求。通常情况下，信息架构师会采用用户访谈或卡片分类的方式来获知用户的期望，或者找出潜在用户是如何进行信息分类。信息架构师还需要了解可用性测试的结果，以便查看是否能够高效导航。

1.2 全局导航

导航是可用性的基石。如果用户在网站迷失了方向，那你的网站内容有多好也无用。因此网站的导航应该遵循几个原则：

简单的导航。导航应该让用户以较少点击的方式来访问期望内容。

清晰。不应该让用户猜测导航选项的意义；每个导航选项都应该是明确的。

一致性：导航系统对网站上的所有页面都应该是一致的。

在设计导航时需要考虑的一些事情：

根据用户的需求选择导航模式。导航应该满足大多数用户的大多数需求。若目标群体期望与网站进行某种类型的互动，那么就满足他们的期望。例如，如果大多数用户不熟悉图标的含义，请避免使用汉堡菜单导航。

设置优先的导航选项。对导航选项进行优先排序的一种简单方法——将不同的优先级选项分配给用户测试，然后将高优先级和频繁使用的路径在导航中突出。

导航要一直可见。正如说，见到什么比记得什么更容易。通过让所有重要的导航选项可见，可以较小化用户的记忆作用。较重要的导航选项应该随时可见可用，而不只是当我们期望用户使用它们时才可见。

显示当前位置。“我在哪里？“这是一个基本问题，用户需要一个答案，以便有效地导航。不显示当前位置是许多网站常见的问题。

1.3 链接和导航选项

链接和导航选项是导航过程中的关键因素，直接影响用户的体验。遵循这些交互元素的规则：

认识内部和外部链接的区别。用户期望内部和外部链接有不同的行为。所有内部链接应该在同一个标签页中打开（这样，用户就可以使用“后退”按钮）。如果想在新标签页中打开外部链接，则应在打开之前告知用户，比如添加一段文本到链接文本中，显示“（在新标签页中打开）”。

更改访问链接的颜色。当已访问的链接不改变颜色时，用户可能无意中重新访问同一页面。让用户知道哪些链接已访问过，避免无意中重新访问。

1.4 浏览器的返回键

“后退”按钮可能是浏览器中使用率第二高的按键（在输入地址之后）。确保“后退”按钮按用户期望运行。当用户访问页面上的链接，然后单击“后退”按钮时，他们希望返回到原始页面上的退出位置。避免点击“后退”将用户带到原始页面的顶部，而不是在页面关闭的地方。如此一来，用户需要滚动他们已经看过的内容，用户会因为没有合适的“返回位置”功能而感到失望。