专注于企业

广告宣传

网络推广

恒拓动态

公司新闻

恒拓动态

公司新闻

网站建设中9个提高网站可用性的经验

更新时间:2017-11-16 19:36:35点击次数:2703次
每个人都会认同,网站的可用性是它能否受欢迎的一个重要方面,无论是公司网站、在线商店还是其他,让你的界面变得容易操控,使用时令人舒服是关键,近几年已经有很多针对网站界面优化的研究,而且这些研究的成果对于提高网站可用性是非常有价值的。现在恒拓科技小编在这里分享9个超实用的经验,相信这些建议会极大地提高网站的用户体验,让用户爱上你的网站!  

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

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

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

二、表格的最理想位置

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

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

第一印象很重要!

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

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

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

一份来自Jakob Nielsen的研究显示仅仅有23%的用户第一次进入网站时会滚动浏览,这意味着有77%的用户只会看那个区域(无须滚动的可见页面),更重要的是,只有16%的用户会在第二次访问时继续滚动浏览。该数据突显出,将关键的内容放在首页的突出位置是多么的重要!不过,这并不意味着你要填满页面的上部区域,全部塞在那儿只会让内容难懂,当用户看到太多的信息时,他们不知道该从哪里开始看。在这折叠线以上(768px高),网站显示了一个巨大的截图,标语、价值主张、呼吁行动、客户列表、视频以及显示特点的小图。

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

 网站的名称

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

 与用户相关的导航设计

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

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

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

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

 链接该选什么颜色?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

想了解更多信息可以持续关注恒拓科技:www.htkj88.cn 无锡网络公司|无锡网站建设|无锡网站优化|无锡百度优化推广|宜兴网络公司|江阴网络公司|无锡网络推广|无锡网站seo优化|无锡宣传片|无锡三维动画|微信小程序 15251615736

(编辑:admin)

网站建设中9个提高网站可用性的经验

更新时间:2017-11-16 19:36:35点击次数:2704次
每个人都会认同,网站的可用性是它能否受欢迎的一个重要方面,无论是公司网站、在线商店还是其他,让你的界面变得容易操控,使用时令人舒服是关键,近几年已经有很多针对网站界面优化的研究,而且这些研究的成果对于提高网站可用性是非常有价值的。现在恒拓科技小编在这里分享9个超实用的经验,相信这些建议会极大地提高网站的用户体验,让用户爱上你的网站!  

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

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

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

二、表格的最理想位置

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

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

第一印象很重要!

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

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

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

一份来自Jakob Nielsen的研究显示仅仅有23%的用户第一次进入网站时会滚动浏览,这意味着有77%的用户只会看那个区域(无须滚动的可见页面),更重要的是,只有16%的用户会在第二次访问时继续滚动浏览。该数据突显出,将关键的内容放在首页的突出位置是多么的重要!不过,这并不意味着你要填满页面的上部区域,全部塞在那儿只会让内容难懂,当用户看到太多的信息时,他们不知道该从哪里开始看。在这折叠线以上(768px高),网站显示了一个巨大的截图,标语、价值主张、呼吁行动、客户列表、视频以及显示特点的小图。

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

 网站的名称

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

 与用户相关的导航设计

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

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

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

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

 链接该选什么颜色?

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

想了解更多信息可以持续关注恒拓科技:www.htkj88.cn 无锡网络公司|无锡网站建设|无锡网站优化|无锡百度优化推广|宜兴网络公司|江阴网络公司|无锡网络推广|无锡网站seo优化|无锡宣传片|无锡三维动画|微信小程序 15251615736

(编辑:admin)


公司总部
电话:0510-82855660
邮箱:sales@htkj88.cn
地址:无锡市梁溪区联东U谷总部商务园26#4F整层
成都服务中心
电话:18200323182
邮箱:sales@htkj88.cn
地址:成都市成华区羊子山路68号6#2018室
备案号:苏ICP备17044179号-1 ©2020 Copyright Reserved 版权归恒拓科技所有

备案号:苏ICP备17044179号-1     版权归恒拓科技所有

关注我们