网页设计中应该知道的规则和禁忌

发布时间:2020-06-09 09:38:00

网页设计是个棘手的话题。当你创建一个网站时,你需要考虑很多事情。为了简化这项任务,我在这里准备了一份清单。每个网页设计师在设计网页时都应该考虑这些因素。好消息是这些都是简单的设计原则。

网页设计是个棘手的话题。当你创建一个网站时,你需要考虑很多事情。为了简化这项任务,我在这里准备了一份清单。每个网页设计师在设计网页时都应该考虑这些因素。好消息是这些都是简单的设计原则。

做什么:

1、无论设备如何,都应提供相同的用户体验

用户将使用不同的设备访问您的网站:他们可以通过台式机或笔记本电脑、平板电脑、手机、音乐播放器甚至手表访问您的网站。用户体验设计的一个关键部分是确保用户拥有类似的用户体验,无论他们通过什么方式访问你的网站,也不管他们使用什么设备。

如果用户通过手机访问你的网站,他们应该能够毫无困难地找到他们所需要的一切,就像他们可以在家里通过桌面看到你的网站一样。

2、设计一个简单易用的导航

导航是可用性的基石。记住,这不是一个网站的设计有多好,而是要确保用户能够以自己的方式浏览它。这就是为什么你网站上的导航应该这样设计。

简单(导航选项必须清晰易懂)

一致(主页的导航系统应在每个页面上相同)

设计导航模式,尽可能减少点击次数,帮助用户访问他们想要访问的网页。同时,它应该很容易浏览和找到他们想去的地方。

链接是导航过程中的一个关键因素。当访问的链接不改变颜色时,用户可能会无意中重复访问同一页面。

知道用户访问过哪些页面可以防止他无意中重新访问同一页面。

当用户访问您的站点时,他们更可能快速扫描屏幕,而不是阅读页面上的所有内容。因此,如果访问者想要找到内容或完成任务,他们将浏览,直到找到他们需要的内容。作为设计师,您可以通过设计可视化层次结构来帮助他们。视觉层次结构指的是元素的排列或呈现方式暗示着重要性(例如,他们的眼睛应该专注于第一个、第二个等)

突出显示重要内容,如屏幕标题、登录表单、导航项或其他重要内容,以便访问者可以立即看到。

当用户点击网站上的链接并收到404错误页面时,他们很容易感到沮丧。当访问者在搜索内容时,他们希望每个链接都能将其指向要点,而不是404错误提示或其他他们不想去的地方。

对象的外观告诉用户如何使用它。视觉元素看起来像链接或按钮,但不能单击(即下划线的单词没有链接,带有文本操作的元素,但不能单击超链接),这可能会让用户感到困惑。用户需要知道页面的哪些区域是静态内容和可点击的。

橙色的盒子是个按钮吗?答案是:不。形状和标签使它看起来像一个按钮,但它不是。

不应该做的事情:

网络用户的注意力和耐心往往很差。根据nngroup的研究:

10秒是将用户注意力集中在该任务上的最短时间

当访问者不得不等待你的网站加载时,如果你的网站加载速度不够快,他们会感到沮丧,并可能离开你的网站。如果加载时间太长,即使你有一个设计良好的加载指示器,它可能会迫使用户离开网站。

这种粗鲁的行为会禁用后退按钮,这是用户返回上一个站点的正常方式。

促销和广告可以屏蔽旁边的内容,让用户更难完成任务。不要说任何看起来像广告的东西通常都会被用户忽略(这种现象被称为标志盲点)

劫持滚动是设计师和开发人员如何操纵滚动条,使网站的行为有所不同。包括动画效果,固定滚动点,甚至重新设计滚动条本身。劫持滚动对许多用户来说是最烦人的事情之一,因为它不受用户控制。在设计网站或用户界面时,您希望用户通过网站或应用程序控制其浏览速度和移动。

MacPro页面使用了一些烦人的滚动效果。它使用单页视差布局,其中点表示页面的每个部分。

在后台自动播放视频、音乐或声音会刺激用户。这些元素应谨慎使用,并仅在适当和预期的情况下使用。

Facebook视频设置为自动播放,但除非用户有意以某种方式观看视频(例如通过视频通信),否则不会出现声音。

网站或用户界面的设计不得影响用户在屏幕上阅读内容的能力。重要的是要避免繁琐的内容和不均匀的颜色,这可能会妨碍网站的可读性或造成色彩对比不足(例如,下面的例子)。

低对比度字体总是一个坏习惯。

闪光的内容可能会触发敏感个体的癫痫发作。它不仅会导致癫痫发作,而且对普通用户来说,它可能会令人恼火或分心。

学习工具,但不限于某些工具。Mockplus速度更快,更易于原型化。现在下载mockplus来体验一个免费和快乐的原型设计之旅。


17742004931 联系我们,谈您的需求

立即咨询 立即建站