151-3895-5886

网站 优化之改善用户体验的小细节

2019年09月22日 维尼网络
  1.加载大图片时,显示loading小图片。

这招是我最常用的。当我们要加载一张比较大的图片时,如果能加载图片的同时,显示loading的小图片,那样看起来就人性化很多。当加载完成时,图片会盖住loading小图片,这是一个很有用的小技巧

解释一下上面的代码,懂CSS的网站管理员可以略去这段。第一行“img”指向页面的全体图片元素(看到样式表的优势了吧,只要一句,就能作用于网站的全体同类元素,不是DIV+CSS的网站网站管理员是不是有想法了?呵呵)。第二行“background-image:url(loading.gif);”是指为图片添加一个以图片为背景的背景(读起来有点拗口)。这个loading.gif是你要你自己上传的加载小图片。不过有些网站的images文件夹里已经有这个图片了,直接用就行,如果你确实不想到处找的话,我这里有一堆,选一个你喜欢的玩玩吧:http://www.82xuexi.cn/html/2008-09/333.htm。第三行:background-position:center;把背景图片居中,这样看起来比较顺眼。第四行:background-repeat:no-repeat;就是让loading.gif小图片只显示一个,如果没有这句,就用出现很多排列起来的loading.gif小图片,这要注意一下。

2.选填表单右边显示“可不填”。

这是我最初在QQ网站的留言本上看到的,当时看到个人信息的一些表单旁边写着“可不埴”的时候,真的是感觉特别舒服,你想想,人家好不容易有空给你留言,你还想人家慢慢看你的留言说明吗?给你留言,当然想简要完事啦。你却动不动跳出个“表单内容不能有空”这不把人家吓跑才怪。这个小技巧可以应用于各大论坛的用户注册,留言本等地方,不要只在必填框旁边加个红*就算了,这样对于熟悉网站的人来说当然没问题,但你要考虑到各种各样的网民。“可不填”三个字,就能大大提高用户体验,为什么不试试呢。

3.保证每个页面都有回首页的连接。

为什么要主这个呢?因为我看到很多网站都没注意到这个小细节,有一次我在一个论坛上登陆,成功后,他跳转到另一个页面提示登陆成功,等了十几秒它都不自动返回,但我又已经顺手把多的页面关掉了,所以,只剩下一个页面了,我又不能返回,他又没有返回首页的链接,一气之下,我就关掉浏览器走人了。所以,建议网站管理员朋友们有空多检查一下自己的网站,看是不是有些页面是孤独的。

4.在执行AJAX操作时,如果响应时间过长,应提示用户加载超时。

这个在AJAX中,可以使你的程序更人性化的小技巧,不多说了,你看下面的代码就明白。如果你看不明白的话,就不要乱改网站,会出错的。这是一个用户验证的程序片段,注意红色部分。


阅读更多内容
上一篇用户体验是网站发展的要素
下一篇行业网站前期运营的要素是什么

声明:本页内容由郑州维尼网络收集编辑所得,所有资料仅供用户参考,转载请保留此链接http://www.zzwn.cn/website/4001.html

本文标签: 网站

 

相关资讯 Related Info
相关分类 News Classification
解决方案 Solutions
相关热点 Hot spot
怎样提升行业网站影响力 怎样提升行业网站影响力
  1. 我们的承诺
  2. 我们的实力
  3. 我们的未来
郑州做网站咨询电话 建站咨询

151-3895-5886

网站备案安全放心网站

地址:郑州市上街区和昌都汇广场 / 电话:151-3895-5886
客服QQ: 7758021 / 邮箱:admin@zzwn.cn
Copyright © 2010-2019 郑州融科网络 版权所有