网站设计 是一门很深的学问,因为你不但要去分析目标访客、针对目标访客做设计优化,还要考虑到访客在浏览时的方便度,就是用户接口(UI)的设计要好。但是常常看 到很多网站的设计是充满着不良的地方,慢慢的才会发现访客默默的流失掉,因为你的网站不够亲民、够扰民。设计常犯的错误就是自以为设计的很便利操作,会这 么说的原因是因为你专业,那访客呢?有你专业?
这次迅当网络就直接切入正题,一一举例。另外,整个大纲来自这里,经过大篇幅的翻译与改写。另外这些要点有些是常识,有些颇富争议也欢迎讨论。
25.简单的导航结构
访客访问网站的目的不是了解你的网站复杂的结构,而是要取得它想要的信息,这一点一再强调,结构一定要化繁为简,使用最简单的方法让访客看到你的网站核心价值,越简单,越好。
26.避免多余的操作
不要让访客看你的网站真正内容前先让它看其他东西,例如弹出窗口,请求按赞、广告等等,都容易让访客产生厌烦,请尽量避免前置动作,放访客直接看到他要的内容,看玩了放一个赞钮在旁边也不迟。
27.拒绝使用FrontPage等即见即所得网站编辑器
FrontPage常常是学校老师在教学时第一个用到的软件,但是这个软件真的不好,因为使用鼠标拖拖拉拉出来的东西我保证不会比手动撰写程序代码还 好,而且它会产生许多没有用处的程序代码,也不是使用DIV+CSS的结构,而是使用style=””来代替,更可怕的是在产生浏览器不兼容的问题时,你要 修改可是会累死人,因为你会看到一堆莫名其妙的程序代码。
28.保持网站多浏览器兼容性
与第六点同样的概念,既然要做网站,就尽量让显示效果在每一个网站中都相同,不要出现太大的错误情形,不管你想不想,这是要做的,检查网站不同浏览器的兼容性。
29.在链接上要有有意义的说明文字
我们常常看到很多的网络作者在写作时都用点这里来取代一切的说明,并不是这样不好,而是有改进空间,你应该让访客知道这个链接是何去何从,会链接到哪里,保持有意义的链接,同时也能带来一点点的SEO效果。
这篇发完后,TechOrange也出现了这一篇:为什么你的链接最好不要写按这里? (妈呀,我以前好多文章都这样写,慢慢来改…
30.不要在浏览器状态区隐藏链接网址
这个目前已经比较少看到了,几年前还会看到使用Javascript来隐藏当鼠标移到链接上面在浏览器的状态区网址显示,这会让访客迷惑这个链接,到底要不要点?这是什么网站?有没有毒?
31.让访客一眼就知道哪个文字是链接
访客没有时间去注意你在哪些文字上加了超链接,你要让他们一眼看见哪个是链接,可以点,看到更多的内容。通常链接都使用蓝色,比浏览器预设蓝再淡一 点(用预设蓝感觉就没那么专业),如#06c看起来很舒服,适合当作链接的颜色,通常我们都会把底线去除,等访客鼠标移到上方时再显示底线。
32.尽量不要给一般文字加上颜色,重点使用粗体代替之
这点在撰写文章时要注意一下,尽量不要在文字上面加上颜色,当加多了,整个文章就会变得非常难以阅读,也会很刺眼。如果是要注明文章的重点,请使用粗体字,不要使用颜色,别以为七彩缤纷很好看。
33.访客点击链接后,链接需换色
这点就是单纯的网站便利度的问题,当访客点过的链接变色,能够马上知道这个链接有点过了,通常用在重复的链接会比较明显,我想,除非记忆很差不然应该不会忘记吧。
34.不要使用GIF动画图片文件
当你使用了动画图片GIF文件,访客一半以上的注意力都会被分散,所以不要在网站中有会动的图片,除非你就是要他点那个图片,才会这样做。而且,这会让你的网站显的非常不专业,有很多新手都喜欢让网站动来动去的,但那很不好。
35.图片尽量都要有ALT和TITLE标签
就如大家所知,ALT和TITLE标签都有正确设定在图片上对于SEO一定会有帮助,它可以帮助搜索引擎蜘蛛了解图片的内容。ALT标签则是会在图片失连时显示出所设定的文字,也有帮助。
36.网站请温和,不要使用强大对比刺眼色彩
网站如果有一些刺眼的图片是真的会让人想关掉网站,宁可不看文章也不要让眼睛不舒服。特别是在网站背景图片,不要使用红白点格、蓝白点格等等非常非 常刺眼的颜色。如果你发现有这种情形发生,请你马上把颜色换掉,换成温和的颜色,要选好的颜色就是参考他人的网站,自己再变化一下。
37.不要使用POPUP弹出窗口
现在许多浏览器都已经有防跳窗的功能了,因为恶意网站总是利用跳窗来加载不正常的东西,而且会妨碍访客浏览网站。使用POPUP弹出窗口是一个很烂的决定。
38.避免过度的Javascript、jQuery使用
Javascript是最邪恶的程序语言,因为他的标准非常不统一,常常会造成不同浏览器的兼容问题,也非常容易和其他Javascript产生相 冲的问题,jQuery的版本也非常难搞,因为某些功能是在旧版开发的,所以与新版程序代码常常会有很大的问题,DEBUG是非常邪恶的英文字。
39.在网站底部提供更多信息
不知道大家有没有这个习惯,就是看网站一定会拉卷轴到最底部,确认过没有其他内容后才离开。通过这点,许多国外企业网站常常在页底放连络资料、更多介绍文、粉丝团嵌入、首页等等功能,这些都有可能让访客有更多的信息,让访客停留于网站的时间更长,黏着度更高。
40.文章别一直换行,请善用标点符号
有时候会看到某些博客的文章,打一行字后就马上换行,这样的排版方式我都一直质疑他到底会不会写作文,会这样写吗?文章应该善用标点浮号,让网站不会看起来那么长,要一直往下拉很麻烦。
41.网站不要横式拓展
目前鼠标的滚轮也只能让网站继续往下拉,并没有往左往右拉的功能,所以网站的横式宽度请不要过大,尽量横向1000px就够了,就现状还是满多人使用1024*768分辨率。
42.避免语法打错字、逻辑错误
某些标签你打错字或没有正常关闭或许不会察觉到,但是这终究是不好的习惯,当你在修改网站时有可能因此出现错误,影响网站整体的质量。别以为你不会犯这个错误,当你网站一写多的时候就会产生错误了。
43.避免验证题目太难、验证码不易辨识
之前曾经看过验证问答还有乘法、除法的,或是验证码整个给他歪到一个不象样的地步,这都是很不好的,也许还需要动员全家才能解出这个验证码…所以,验证码别太难,适中就好,不是所有人都很会看验证码。
44.不要变更已经公开网站的网址
更改已经公开的网站的网址如大家所知对SEO不好,同时也对有把网址加入到书签、我的最爱的读者带来不便。
45.(WordPress)尽量不要使用过多的外挂
这点WordPress架熟的读者应该都知道,虽然外挂真的很方便对于新增功能,但WordPress外挂安装太多是真的会拖慢网站加载速度,而且会有更多的安全性风险,除了不方便写在布景的功能以外,其他能不装就不装。
46.除了内文,其他区块尽量减少图片
网站内文要图文并茂这点我非常同意,也有利于SEO。但是其他地方,如侧边栏的地方,就尽量不要使用图片做出效果,应该要使用CSS,并做到最简化,简单风是未来的趋势,千万别把网站制作的太复杂、用太多图片。用太多图片会拖慢加载速度。
47.勿使用太复杂的导航文字
导航的文字真的不需要复杂,不需要像是一个成语一样,只需要最简单的几个字就好。如关于我们、连络我们、订阅我们,其实这个还可以更简单,把我们去掉也可以。
48.不要放太多的广告
这点没做到的人大概都是被金钱给迷惑,因为他们写博客的目的为金钱的成分很重。重点是,广告太多不仅容易让访客对你的网站印像差、还会占掉取多网站版面。不过适量的广告是非常OK的,毕竟能够多买杯珍奶嘛~XD。
以上列出48点比较重要的,在网站设计中易犯的错误,就同开头所说,不是完全正确,当然也没有标准答案,只有最好的方法。所以,欢迎留言讨论。以上可能有许多点你都已经知道了,也别介意,不妨再复习一下。另外,再注明一次内容大纲来自这里,再经过大篇幅的翻译与改写。
联系人: 荣先生
建站QQ: 97532866
手机: 15919993369