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

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

新闻标题：网站 优化之改善用户体验的小细节
URL链接：https://www.cdcxhl.com/news/39912.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有网站营销、用户体验等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联