安装辽宁十一选五体彩|辽宁十一选五电视版走势图

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

 

设计网站时,应该做什么

 

1. 在不同设备上采用相似的设计

 

用户可以通过不同类型的设备访问你的网站,这些设备包括:电脑、平板、手机、音乐播放器、甚至是智能手表等。

 

无论用户使用什么设备访问你的网页,确保他们具有类似的体验,这是用户体验设计中的一条重要标准。

2. 导航的设计要简单易用、清晰明了

 

导航设计是网页可用性的基石。

 

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

 

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

  • 清晰。导航的每项对用户而言,都应该是清楚的。

  • 一致。系统的导航页在每一页中都应该是相同的。

 

用户以最少的点击?#38382;?#26368;快地到达他们想要浏览的网页。这才是导航设计的目的。

 

3. 改变访问过的链接的颜色

 

链接是导航的一个关键因素。假如用户点击过的链?#29992;?#26377;改变颜色,很可能导致用户多次点击同一个链接。

 

如果用户知道自己过去访问的链接和现在还未访问过的链接,那么用户会更容易决定自己下一?#25105;?#28857;击什么。

4. 让页面浏览变得更容易

 

用户浏览我们的网页时,并不是通?#20102;?#26377;的内容,而是快速地扫描整个网页。

 

因此,如果用户来到这个网站,是为了寻找特定的内容或者是完成某个任务,那么他们会先浏览整个网页,直到用户?#19994;?#20102;自己想要去的地方。

 

因此,作为网页设计者的我们,应该通过设计网站可视化的层?#37117;?#26500;帮助这些用户尽快达成自己的目的。

 

可视化的层?#37117;?#26500;意味着网页上每个元素的摆放或呈现都具有权重(比如说,我们的设计决定了用户先看到哪个,再看到哪个,最后看到哪个)。

 

我们在设计网站时,要确保网页标题、登录注册按钮、导航栏或其它同等重要的元素放在用户很容易看到的地方,以减少用户寻?#19994;?#26102;间。用户的视线是Z字形的。

 

5. 仔细检查所有的链接

 

当用户点击网站上的一个链接,界面上却出现404的错误页面时,用户很容易变得沮丧。

 

当用户在网站上寻找内容时,他们希望自己点击过的每个链接都是自己正在寻?#19994;?#37027;个,而不是出现404的错误页面、或者点进去后,却发现不是自己寻?#19994;?#37027;个页面。

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

 

一个物体的样子会告诉用户如?#38382;?#29992;它。

 

看起来像按钮或链接的视觉元素却不能点击,很容易困扰用户;这些视觉元素包括?#20309;?#23383;下划线并不代表链接、拥有动画效果的元素也不是超链接。

 

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

 

让可以点击的元素明显一点。如上图,你认为那个橙色的框是个按钮吗?相信很多人都觉得它看起来像个按钮,但其实它并不是。

 

设计网站时,不该做什么

 

1. 不要让用户等

 

网站用户的耐心和注意力是非常小的。根据NNGroup的研究,10秒是用户集中注意力完成一个任务的极限。

 

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

 

2. 在新标签页打开链接

 

在新标签页打开链接的设计让用户无法使用“返回”按钮返回之前的页面。这是非常不好的设计。

3. 整个网站充斥着广告

 

促销和广告会掩盖网站里的内容,?#19981;?#35753;用户很难集中注意力去完成任务,更不用?#30340;?#20123;看起来像广告的事情常常会被用户忽略(这种现象被称为:旗帜盲点)。

 

4. 滚动劫持(Hijack scrolling)

 

滚动劫持是指:网站的设计者或开发者控制滚动条,从而使得用户在滚动鼠标时,会在网站上看到不同的效果,包括动画效果、固定的滚动点、甚至是重新设计过的滚动条。

 

滚动劫持是用户最不?#19981;?#30340;设计之一,因此,它夺取了用户控制滚动条的权利。

 

当你设计网站时或设计用户界面时,你应该让用户自己决定自己浏览的网页或APP的位置。

 

如上图,这个页面就采用了这个设计效果。它使用单页面平行布局的方式,用右边的点?#21019;?#26367;每个页面。

 

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

 

在后台自动播放视频、音乐或声音文件,都是用户难以接受的设计方式。

 

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

 

Facebook会在网页上自动播放视频,但是在静音状态。但是当用户意识到自己在看视频时,用户可以自己点击屏幕决定声音的?#24418;?#20197;?#25353;?#23567;。

 

6. 为了网站的美观牺牲网站的可用性

 

一个网站或用户界面的设计不应该因为内容影响用户的消费能力。最好不要在文字后使用繁重的背景、也不要使用让用户很?#35328;?#35835;或颜色对比不明显的配色方案。如上图,低对比的配色方案很难看清楚界面上的字。

 

7. 使用?#20102;?#30340;文字或广告


?#20102;?#30340;内容或?#20102;?#20250;导致易感人群的癫痫病。这样的设计不仅能引发癫痫,而?#19968;?#20250;因吸引用户的注意力而惹恼用户。



YC & 原创官方微信
Contact Us & 联系我们

TEL:0532-68072250

地址:青岛市李沧区中海国际5号楼

Copyright 2015-2017 青岛三联众科信息科技有限公司 All Rights Reserved 版权所有

鲁ICP备14012598号-3

安装辽宁十一选五体彩