新闻中心

网站设计规范:该做什么,不该做什么

发布时间:2017-10-09  来源:本站
皇姑区网站建设,铁西区网站制作,和平区网站制作公司,大东网络公司,沈河区网站建设,于洪网站建设,东陵网站建设,浑南网站建设

网页规划是一件很繁琐的工作,由于在规划时要考虑许多工作。为了简化网页规划这件事,本文列举了每个网站规划者都应该考虑的行为准则,包含能做什么,不能做什么。定心,这些准则都是一些很简略的准则。

规划网站时,应该做什么

1. 在不同设备上选用相似的规划

用户能够经过不同类型的设备拜访你的网站,这些设备包含:电脑、平板、手机、音乐播放器、乃至是智能手表等。

不管用户运用什么设备拜访你的网页,保证他们具有相似的体会,这是用户体会规划中的一条重要规范。



2. 导航的规划要简略易用、明晰明了

导航规划是网页可用性的柱石。

记住:如果用户在你的网站里找不到导航,那么不管你的网站有多流弊都没用。这也是导航规划要遵循以下准则的原因:

简略。每个网站都应该有尽可能简略的结构。
明晰。导航的每项对用户而言,都应该是清楚的。
共同。体系的导航页在每一页中都应该是相同的。

用户以最少的点击次数,最快地到达他们想要阅览的网页。这才是导航规划的意图。

3. 改动拜访过的链接的色彩

链接是导航的一个关键因素。假设用户点击过的链接没有改动色彩,很可能导致用户屡次点击同一个链接。

如果用户知道自己过去拜访的链接和现在还未拜访过的链接,那么用户会更简单决议自己下一次要点击什么。



4. 让页面阅览变得更简单

用户阅览我们的网页时,并不是通读一切的内容,而是快速地扫描整个网页。

因而,如果用户来到这个网站,是为了寻觅特定的内容或许是完结某个使命,那么他们会先阅览整个网页,直到用户找到了自己想要去的当地。

因而,作为网页规划者的我们,应该经过规划网站可视化的层级架构协助这些用户赶快达到自己的意图。

可视化的层级架构意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的规划决议了用户先看到哪个,再看到哪个,最终看到哪个)。

我们在规划网站时,要保证网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很简单看到的当地,以减少用户寻觅的时刻。



用户的视野是Z字形的。

5. 仔细检查一切的链接

当用户点击网站上的一个链接,界面上却呈现404的过错页面时,用户很简单变得懊丧。

当用户在网站上寻觅内容时,他们希望自己点击过的每个链接都是自己正在寻觅的那个,而不是呈现404的过错页面、或许点进去后,却发现不是自己寻觅的那个页面。



6. 保证能点击的元素让用户看起来就能点击

一个物体的姿态会通知用户怎么运用它。

看起来像按钮或链接的视觉元素却不能点击,很简单困扰用户;这些视觉元素包含:文字下划线并不代表链接、具有动画作用的元素也不是超链接。

用户想要知道界面上哪些区域是纯静态内容,哪些区域是能够点击的。

让能够点击的元素显着一点。



如上图,你以为那个橙色的框是个按钮吗?信任许多人都觉得它看起来像个按钮,但其实它并不是。

规划网站时,不该做什么

1. 不要让用户等

网站用户的耐性和注意力是十分小的。依据NNGroup的研讨,10秒是用户会集注意力完结一个使命的极限。

当用户在等候内容加载时,他们很可能会变的懊丧。如果加载速度很慢,用户很可能会脱离这个网站,即使是满足美丽的加载动画规划也无法改动这个成果。

2. 在新标签页打开链接

在新标签页打开链接的规划让用户无法运用“回来”按钮回来之前的页面。这是十分不好的规划。



3. 整个网站充满着广告

促销和广告会掩盖网站里的内容,也会让用户很难会集注意力去完结使命,更不用说那些看起来像广告的工作常常会被用户忽略(这种现象被称为:旗号盲点)。

4. 翻滚绑架(Hijack scrolling)

翻滚绑架是指:网站的规划者或开发者操控翻滚条,然后使得用户在翻滚鼠标时,会在网站上看到不同的作用,包含动画作用、固定的翻滚点、乃至是从头规划过的翻滚条。

翻滚绑架是用户最不喜爱的规划之一,因而,它夺取了用户操控翻滚条的权利。

当你规划网站时或规划用户界面时,你应该让用户自己决议自己阅览的网页或APP的位置。



如上图,这个页面就选用了这个规划作用。它运用单页面平行布局的方法,用右边的点来替代每个页面。

5. 自动播放视频(有声响)

在后台自动播放视频、音乐或声响文件,都是用户难以承受的规划方法。

用户很少运用这些元素,除非是在恰当的时候。



Facebook会在网页上自动播放视频,可是在静音状态。可是当用户意识到自己在看视频时,用户能够自己点击屏幕决议声响的有无以及巨细。

6. 为了网站的漂亮献身网站的可用性

一个网站或用户界面的规划不应该由于内容影响用户的消费才能。最好不要在文字后运用繁重的布景、也不要运用让用户很难阅览或色彩对比不显着的配色计划。



如上图,低对比的配色计划很难看清楚界面上的字。

7. 运用闪耀的文字或广告

闪耀的内容或闪耀会导致易感人群的癫痫病。这样的规划不仅能引发癫痫,并且还会因招引用户的注意力而惹恼用户。


不要运用闪耀的文字


客服
客服