网页设计是一件很麻烦的事情,因为在设计中有很多事情要考虑。为了简化网页设计,本文列出了每个网页设计师应该考虑的行为准则,包括哪些可以做,哪些不能做。请放心,这些准则是简单的原则。

用户可以通过不同类型的设备访问您的网站,包括计算机、平板电脑、手机、音乐播放器,甚至智能手表。无论用户使用何种设备访问您的网页,确保他们有类似的体验是用户体验设计中的一个重要标准。

导航设计是web可用性的基石。记住,如果用户在你的网站上找不到导航,那么不管你的网站有多少导航功能,它都不起作用。这也是导航设计应遵循以下原则的原因:

很简单。每个网站都应该有一个尽可能简单的结构。

明白了。导航的每一项对用户都应该是清晰的。

协议。系统的导航页面应该在每个页面中都是相同的。

用户可以用少的点击次数尽快到达他们想要浏览的网页。这就是导航设计的目的。

链接是导航中的一个关键因素。如果用户单击的链接没有更改颜色,则很可能导致用户多次单击同一链接。

如果用户知道他们过去访问过的链接和他们还没有访问过的链接,那么他们就更容易决定下一步要单击什么。

当用户浏览我们的网页时,他们不会阅读所有内容,而是快速扫描整个网页。因此,如果用户来此网站查找特定内容或完成特定任务,他们将首先浏览整个网页,直到找到他们想去的地方。因此,作为网页设计者,我们应该通过设计网站可视化的层次结构,帮助这些用户尽快实现自己的目标。视觉层次结构意味着网页上的每个元素都有一个权重

在设计网站时,应确保网页标题、登录按钮、导航栏或其他同等重要的元素放置在用户容易看到的地方,以减少用户搜索的时间。

当用户点击网站上的某个链接,但界面上出现404个错误页面时,用户很容易受挫。当用户在网站上查找内容时,他们希望他们单击的每个链接都是他们要查找的链接,而不是404错误页面或单击后要查找的页面。

确保可单击的元素使用户看起来能够单击

对象的外观告诉用户如何使用它。视觉元素看起来像按钮或链接,但不能点击,很容易混淆用户。这些视觉元素包括:文本下划线不表示链接,具有动画效果的元素不是超链接。用户想知道界面的哪些区域是纯静态内容,哪些区域可以单击。

使可点击的元素更加明显。

如上图所示,你认为橙色的盒子是一个按钮吗?我相信很多人认为它像一个按钮,但它不是。

网站用户的耐心和关注度很低。根据nngroup的说法,10秒是用户集中精力完成任务的限制。

当用户等待内容加载时,他们可能会感到沮丧。如果加载速度很慢,用户很可能会离开网站,即使是一个相当不错的加载动画设计也无法改变这个结果。

在新选项卡中打开链接的设计防止用户使用“上一页”按钮返回上一页。这是一个非常糟糕的设计。

促销和广告会掩盖网站的内容,让用户很难集中精力完成任务,更何况那些看起来像广告的东西往往被用户忽略(这种现象被称为:标志盲点)。

滚动劫持是指:网站的设计者或开发者控制滚动条,让用户在滚动鼠标时看到网站上不同的效果,包括动画效果、固定滚动点,甚至是重新设计的滚动条。滚动劫持是用户不喜欢的设计之一,因此用户有权控制滚动条。当你设计一个网站或用户界面时,你应该让用户决定他们正在浏览的网页或应用程序的位置。

如上图所示,此设计效果应用于此页。它使用单页并行布局,用右边的点替换每一页。

在后台自动播放视频、音乐或声音文件是用户无法接受的设计方法。用户很少使用这些元素,除非它们已经就位。

Facebook自动在网络上播放视频,但它是静音的。但当用户意识到他们正在观看视频时,他们可以点击屏幕来确定声音是否可用以及大小。

网站或用户界面的设计不应因为内容而影响用户的消费能力。后不要在文本后面使用浓重的背景,或者使用让用户难以阅读的配色方案,或者颜色对比度不明显。