深圳易捷网络科技财税咨询网-neatmaster518.com 返回首页

网站优化:10个提高网站可用性的经验指南

信息来源:深圳市易捷网络科技有限公司
信息发布时间:2024/11/8

我想每个人都会赞成,网站的可用性是它能否受欢迎的一个重要方面,无论你进行的是公司网站、在线商店还是其他,让你的界面变得容易操控,使用时令人舒服是关键,近几年已经有很多针对网站界面优化的研究,而且这些研究的成果对于提高网站可用性是非常有价值的。现在这里有10个超实用的经验分享,相信我,这些建议会极大地提高你那个网站的用户体验,让用户爱上你的网站!

这是一篇09年的老文章咯,但是这些技巧和经验并没有过时,所以我们依然翻译出来,推荐您仔细阅读。

一、善用人物配图,使用户专注于你想呈现的

当进入你的网站,我们会本能地关注网站上人物图片中的脸和眼睛,这倒是为我们提供了一个想法,是不是可以用人物配图吸引小伙伴的注意力呢?当然,但这仅是第一步,我们还可以这样做,你瞧,是不是大不相同!(见下图)

这是第一步:

「根据眼球追踪的研究,我们先会关注这个直望着我们的小萌孩」

「现在,小萌孩是仰望着右边文字的,与此同时,你是不是也把注意力转移到右边的内容呢?」

这里是原始的研究报告 → usableworld.com,实践证明,如果其他人往某个方向望,那么人们也会跟着望同一个方向(参照脑筋急转弯:大街上有,有一个人仰着头站着。旁边的人以为天空中有什么好看的东西,都跟着往天上看,可天空中什么都没有。你猜那人怎么说?答案附最后..)基于这个特点,我们可以利用人物配图来呈现你想要让用户关注的内容。

二、表格的最理想位置

一个来自UX Matters 的研究发现,最理想的表格置放应该是由上至下,因为人们通常会适应垂直的表格,这样通常易于阅读与填写。

三、人们对网站的信任度取决于设计质量

第一印象很重要!栗子:

这是一个展示手机应用的网站,可能我们不知道这个名为fever的APP究竟怎么样,可是看到一个这么干净圆润的用户界面,对它的好感理应大大提升了。

一个有趣的研究发现,人们判断一本书的根据往往是它的封面…同样的,一个网站的布局、一致性、配色、排版等都在影响你的用户,他们会以此判断你将提供的东西。因此,你要确切保证网站的风格不仅要干净漂亮,更要适合你的受众用户。

除了网站设计,其他影响用户对你的网站信任度的还有:网站内容的质量、出错的次数、更新的频率、操作的便捷性和网站站住的人品。

四、大多数用户不会滚动浏览

一份来自Jakob Nielsen的研究显示(研究在此 → nngroup)仅仅有23%的用户第一次进入网站时会滚动浏览,这意味着有77%的用户只会看那个区域(无须滚动的可见页面),更重要的是,只有16% 的用户会在第二次访问时继续滚动浏览。该数据突显出,将关键的内容放在首页的突出位置是多么的重要!

不过,这并不意味着你要填满页面的上部区域,全部塞在那儿只会让内容难懂,当用户看到太多的信息时,他们不知道该从哪里开始看。

让我们看看优秀范例:

basecamp 在这折叠线以上(768px高),网站显示了一个巨大的截图,标语、价值主张、呼吁行动、客户列表、视频以及显示特点的小图。

这些内容对于网站主页是至关重要的,所以我们需要提供的核心要点有:

网站的名称

网站的价值主张(即用户能得到什么,有什么好处,如何使用它)

与用户相关的导航设计

然而,自那时以来,用户习惯发生了很大的改变,最近的研究证明用户很喜欢视差滚动的效果,他们宁愿滚动到页面底部而不是翻页,对很多用户来说,最重要的信息也不须置放在首页,所以有个好主意,我们可以利用留白空间的方式将页面分成几段。

五、可以独特,但不要难懂

有一个独特设计的网站当然是好样的,但当你需要提高网站的可用性时,建议你最好遵守大多数网站采取的方式。因为当人们浏览一个新网站时,他们会启动自身的「经验模式」去理解这个网站的使用,例如:蓝色是链接的颜色,网站LOGO的位置、导航标签的下拉行为等。

谷歌之所以所有的链接都是蓝色是由缘由的,这个颜色适合大多数用户,也便于辨认。

链接该选什么颜色?

颜色够深/浅,能够与背景色有强烈地对比,易于区分

不能与文字颜色相同,所以你可以看到,没有链接是黑色的

研究证明,选用蓝色的链接是最好的,因为浏览器默认的链接是蓝色的。选择其他颜色也没问题,但可能会影响用户找到它

六、理想的搜索框宽度是27个英语字符

什么是理想的搜索框?有的,Jakob Nielsen针对可用性进行了一个搜索框宽度的研究,发现大多数搜索框都太短了,搜索框太短带来的问题是尽管你可以输入足够长的字符,但只有一部分文本字符可见,这导致你很难检查或者编辑。

这项研究发现搜索框的平均长度是18个字符,27个字符的搜索框可能会太长而很难适应,不过,它能满足90%的搜索。记住,你可以用像素和点设置宽度,而不仅仅是em。小技巧,一em的宽与高对应一个英文字符m,所以你可以以此来检测搜索框是否有27个英文字符的宽度。

谷歌的搜索框宽度绰绰有余

相对而言,苹果就力不从心了。

通常来说,搜索框稍长比稍短好,因为用户可以随时查看、核实、修改。这条经验非常简单,但是很不幸的是经常被人们忽略。其实在输入区域的一点改进也会带来更好地用户体验

七、留白设计带来更好的阅读

大多数设计师都知道白色空间在段落、图片、按钮以及其他项目中的价值,白色空间可以让各个项目自由地呼吸。当然,我们也可以通过空间的排列(组合、减少)来制造白色空间。对于在页面展示内容间的联系、建立层级关系非常重要。

注意:文本的边缘,段落的间隔这些细节都给阅读带来了舒适的感受。

白色空间让页面内容的可读性相应提高。一个04年的研究表明,如果在段落与左右边缘间能够卓越地地利用留白,至少提高20%的阅读舒适感。读者可以更加容易地专注于阅读。

八、不必进行广泛的用户测试

Jakob Nielsen的研究显示仅需要5个用户就可以发现你的网站85%的问题,如果有15人就能找出接近全部的问题。

第一或第二个用户会发现最大的问题,其他人会确认这些问题并且发现其他小问题,只有2个用户能找到你网站50%的问题,这意味着其实你不需花很多钱去得到一个好的结果。当你开始测试时,你已经有巨大的收获了。任何小小的测试都比没有好

九、有多少信息,就有多少青睐。

大多数介绍产品的页面总是缺少足够多的信息,有些仅仅能让用户扫一眼。这是个必须正视的问题,因为产品的信息将帮助人们忖度购买的决定。在可用性的研究中,贫乏的产品信息这个失败的案例占据了8%甚至10%的网站。

Apple提供了详细的产品介绍页面,包括产品特点及规格等。请注意,不要让一点难懂的技术细节停留在介绍页面,给消费者看的懂的。

参照:如何写新闻类的软文

提供关键的信息,而不要臃肿,让你的文案易于吸收。通过段落间隔和副标题使介绍能够一扫明了,给你的添加足够的图片,且不要使用行话,否则你的用户看不懂。

十、大多数用户会无视广告

Jakob Nielsen的研究表明大多数用户会直接无视广告的存在,如果他们在全神贯注地阅读文章,他们不会被广告转移注意力。

这条经验要告诉你的是,人们会无视广告,并且与任何看起来与广告类似的东西,即使它不是广告。一些颜色风格强烈的导航会让他们误以为是广告,所以请仔细注意这个经验。

在左侧的方块图其实不是广告,但是看起来与广告很类似,所以可能会被一些用户误解。

所以,广告看起来最好能像文章,那样人们才会去点击它,也能给你带来更多的收入,但无疑这将会损失你的用户信任度,当他们点击广告时他们以为会是文章,结果被你欺骗。因此当你决定这样做之前,考虑下这个交易:短期的利益与长期的信任。

干货福利:

在这些年,我们的杂志组为了确定最佳地设计方案,研究了很多案例。到目前为止,我们已经发现了很多有趣的模式,是的,它们可以作为你的下个设计项目的指导方针,希望这些标准能予你方便。

行高(px)÷ 英文字符大(px)=1.48

1.5通常被认为是最经典的排字方式,我们的研究决心为这个方式点个赞。几乎没有网站使用低于它的,那些高于这个标准的也会越来越少,特别是当你看完这篇文章后。

行长(px)÷行高(px)=27.8

行的平均长度是538.64px(排除边缘),对于大多数还采用12px到13px大小字体的网站来说,这是最完美的安排。

最佳的字/行是55——75

根据经典的排版书籍,最佳的字/行应该是55到75,但现在流行的75——85,童鞋们自由斟酌(英文字符)

注册页面通常很简单,是为了避免人们分心

更多网络知识及相关网络服务请QQ咨询深圳网站建设公司QQ:2361277551

相关行业资讯

1、外贸营销网站制作的要点
2、新闻网站设计概念
3、视觉导视如何影响企业网站建设
4、设计干货:9个设计技巧帮助您把网站设计的更专业(一)
5、网站关键字优化关键词上首页第4名
6、网站制作怎样才具有吸引力
7、百度快速排名技术原理是怎样的如何实现快排
8、高端网站建设策划方案包括哪些
9、响应式网站有哪些优缺点
10、未来网络推广怎么做
11、为何辛辛苦苦做的网站的关键词排名会不稳定
12、谷歌优化推广不得不知道的事情_深圳网站制作公司
13、网站建设怎么做可以增加访客量
14、站内长尾关键词的优化
15、 好的企业官网建设对企业有多大帮助
16、SEO教程网页中标题标签的优化技巧
17、深圳企业网站建设如何才能发挥作用
18、一个好的网站如果超出预算那就肯定会达到满意
19、在网站建设的过程中有哪些注意事项
20、谈“搜索引擎优化”5步曲的具体操作方式
21、网站打开速度慢的原因解析、及优化策略
22、如何使用canonical标签优化非规范网页
23、如何使您的网站设计更具特色
24、企业网站制作必须要注意的三点要求
25、网站功能最容易记住的东西是什么
26、百度与谷歌两大搜索引擎的比较
27、企业网站建设如何将流量转化为订单
28、搜索引擎的重要性
29、页面内容除了原创与相关性之外的注意点
30、专业网站设计需要做好的工作
31、360浏览器站长工具插件初体验
32、将海量的长尾词提升到首页
33、网站建设中导航设计有哪些准则
34、影响网站制作空间费用的因素有哪些
35、软件公司网站建设有哪些功能模块
36、新网站怎么才能快速获得排名
37、企业采用网络营销的十大优势
38、网站seo优化工作者需要具备哪些知识
39、网站SITE不在首页解决方案
40、SEO怎样选择要优化的关键词
41、网站优化:如何将内容营销有效植入SEO中
42、企业建网站图像格式的处理
43、网站优化怎么做效果才好
44、强扭的瓜不甜投诉得来的快照并非真实的
45、你必须了解一下SEO优化的重要性
46、对建设的网站进行宣传时有哪些不正当的方式
47、千万不可忽视这些建设企业网站的重要事项
48、企业做好SEO推广的关键,正确认识和大胆尝试
49、网站排名优化:数据、用户和点击
50、关于seo优化的整合技巧你了解多少呢
深圳市易捷网络科技有限公司版权所有    粤ICP备2022153140号