18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 网络营销 > 基于用户体验的网站可用性策划建议

基于用户体验的网站可用性策划建议

时间:2022-05-29 06:30:01 | 来源:网络营销

时间:2022-05-29 06:30:01 来源:网络营销

关于网站的可用性策划,我想应该是每位站长都首先要考虑的因素了。因为网站的可用性是你这个网站能否受欢迎的一个重要判定方面了,无论你进行的是企 业网站、网购网站还是其它类型的网站,亿企邦觉得让你的网站界面变得容易操控,使用时令人舒服是关键,近几年已经有很多针对网站界面优化的研究,而且这些 研究的成果对于提高网站可用性也都是非常有价值的。在此我想借助亿企邦的平台再跟大家分享10个超实用的可用性设计经验,这些建议会极大地提高你网站 的用户体验度。

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

一般来说,当访客打开一个网站时,会本能地关注网站上人物图片中的脸和眼睛,关于这点倒是为我们提供了一个想法,是不是可以用人物配图吸引访客的注意力呢?根据眼球追踪的研究,我们先会关注这个直望着我们的小萌孩,当然,这仅是第一步:

我们还可以在此基础上进一步的改进,现在,小萌孩是仰望着右边文字的,与此同时,你是不是也把注意力转移到右边的内容呢?你瞧,是不是大不相同!如下图所示)

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

二、表格的最理想位置

一个来自UX Matters的研究发现,最理想的表格置放应该是由上至下,因为人们通常会适应垂直的表格,这样通常易于阅读与填写。同样关于字体的要求大家可以看下亿企邦上的《如何才能让页面文字阅读起来更舒适?》一文的详细介绍。

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

一般来说,无论的对人,还是对网站,给人的第一印象很重要的。

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

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

除了网站设计,其他影响用户对你的网站信任度的还有:网站内容的质量、出错的次数、更新的频率和操作的便捷性。对此大家可以仔细的看下亿企邦上的《网站策划必须要注意的可用性设计》一文。

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

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

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

让我们看看优秀范例,如下图:

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

这些内容对于网站主页是至关重要的,所以亿企邦建议大家需要提供的核心要点有:

1、网站的名称

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

3、与用户相关的导航设计

不过也有对立的观点表明,某机构的研究证明用户很喜欢视差滚动的效果,他们宁愿滚动到页面底部而不是翻页,对很多用户来说,最重要的信息也不须置放在首页,所以我们也可以利用留白空间的方式将页面分成几段。

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

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

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

那么链接应该选什么颜色呢?

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

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

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

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

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

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


谷歌的搜索框宽度

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

亿企邦知识点扩展:

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

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

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

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

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

3、最佳的字/行是55——75

根据经典的排版书籍,最佳的字/行应该是55到75,但有的设计师认为现在流行的是75——85(英文字符),对于这点,各位站长们就要自由斟酌了。

关键词:策划,建议,用户

74
73
25
news

版权所有© 亿企邦 1997-2022 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭