首页

Categories

Archives

Archive for the '网页设计' category

Sandbox

很久没有更新文章了,最近有时间了,开始可以写写东西了。Wordpress是的好东西,强大的核心和众多的开发支持者使得它可以进行千变万化的应用。

Sandbox是一个很好的开发工具,Sandbox支持Wordpress 2.0以上的版本,支持Widgets,利用Sandbox,仅仅需要通过对CSS的简单定义就可以制作出自己喜爱的主题了。

通过对Sandbox目录下的style.css文件中的定义,@import url(’sandbox-layouts/2c-r.css‘),可以很容易地设置所需要的两栏、三栏布局,sidebar的左右位置等等,非常的灵活和方便。

加上一些必要的插件,可以制作出自己喜爱的风格独特的主题。准备自己慢慢的修改出一个主题,这里帮朋友先做了一个,感觉还是不错,Sandbox是个好东西。

网页设计中的搜索引擎优化

在网页设计时,总是希望这一页有高的访问量,要有高的访问量,那么重要的来源就是搜索引擎,就是要在搜索引擎中获得好的排名,获得好的排名后,还要有高的点击率。如何达到这个目的,除了关键字的选择,建立外部链接等等搜索引擎优化的措施外,最重要的是要练好内功,就是把网页的内容做好,除了做好网页的内容外,网页的设计和布局也是影响搜索引擎的关键因素之一。

互联网是新技术的应用,但是在有些本质上依然是和传统的媒体有着相同的特征。记得上小学的时候,老师就叫我们写文章的一个重要的技巧,那就是“龙头、凤尾、猪肚子”。

所谓的龙头,就是一篇文章的中心思想,这篇文章的亮点,猪肚子就是对文章论点的详细阐述和论证,凤尾就是总结概括的结尾。

这条规则在网页设计的时候依然是适用的。初步的网页设计时,不需要考虑网页的布局,只需要按照传统的文章的写作方法,将文章(产品)的重点,详细介绍等编写好,然后对各个部分进行模块化,使这些模块相对的独立,这样在接下来的布局设计中,就可以用CSS进行任意的摆布,以达到我们所需要的效果。

这里很重要的一点就是要把龙头,即文章的中心思想或精髓放在首要的位置,并尽量用简短的语言来描述,这样,搜索引擎收录后,在摘要中显示的内容就是这篇文章的精要,而不是菜单导航栏等一些每一张网页都有的内容,这样能够大大地提高点击率。

站内搜索

站内搜索是网站提供给用户的一项重要的功能,与谷歌、百度等搜索引擎所提供的搜索功能相比,他们的所提供的搜索结果、导向页面基本上是网站设计者无法自己掌控的,而对于站内搜索来说,网站设计者可以很好地掌握搜索结果的页面和导向,因此,优化好站内搜索是增加网站粘度,增加转化率的一个重要的方法。

无论是站外还是站内的搜索,目的都是为了向用户提供完整的、相关联程度高的搜索结果,并且能够将用户带到正确的内容页面。

优化站内搜索的可以有几个方面:

优化帮助文件和搜索结果,对于客户服务类型的网站,许多的站内搜索的需求是寻找帮助文件,优化这一部分的内容,使它们能够真正地解答客户的问题,这无疑会增加客户的忠诚度和使用的满意度。
优化内容页面,通过对内容页面的一些主要的关键词的优化,让内容页面突出地显示这些关键词,使客户一目了然,因为在搜索过程中,人们总是大略地浏览页面,而通过加粗、小标题等方法,能够使用户迅速地了解内容页面的主题。
优化搜索方案,通过对搜索功能的改进,增加一些高级的搜索功能,比如增加日期、布尔操作等等,提高搜索的可用性。

如何做好A/B测试

网站分析中,A/B测试是常用的测试手段,A/B测试是用来测试两个或两个以上的不同版本的网页、广告、表单等,得出版本A和版本B的不同效果,从而提高网站的转化率。做好A/B测试,并不是简单地将两个不同的单元提供给客户,需要注意的是:

  • 每一次就更改一个元素
  • A/B测试的时间应该在同一个时间区域
  • A/B测试的单元应该使用相同的分析指标
  • A/B测试的单元应该针对相同的客户群体

比如在做AdSense广告的A/B测试时,就应该注意广告的放置应是相同一个页面上,不同内容的页面所吸引的客户人群是不同的,那么对不同的广告格式的偏好也不尽相同,甚至完全不同。

[tags]A/B Testing[/tags]

勇于接受错误

互联网经过这么多年的发展,建站的技术手段、设计理念、设计风格都有了很大的变化。很多公司对自己的网站进行了改版,花了很多的钱、人力将网站页面进行了全新的设计,眩目的Flash,水晶般的按钮导航,整洁一新的布局,公司自己觉得挺满意的。但是,通过网站的分析系统会发现,新的设计往往会给网站的流量带来较大的冲击,而这个冲击很有可能是消极的而不是积极的。

对网站的活动进行分析,就是对你之前所做的决定进行评估,那么或多或少,总是会发现自己犯了一些错误。

对于自己花费了巨大的心血和钱,打造出的那些看上去很美的网页,如果它们不能给你的网站带来真正的效益,那是完全没有用的,要勇于接受现实,该改回去的还是的改回去,毕竟市场才是硬道理。

对网站进行改版时,应该使这种冲击降低到最小的程度。A/B测试是个很好的办法,但是A/B测试往往需要很长的时间和较大的投入,必须要衡量一下这种投入产出的效益;分步骤、小批量的更改也是一种办法;降低你在每个更改项目上的投资有时也是一种办法,这样当你发现这个项目无效时也就比较容易放弃了。其实最关键的还是你的心态,要勇于接受错误,你的设计无论多好,被用户接受那就是对的,不接受那就是错的。

我对自己的这个网站也改版了,用了Google个人主页的创意,顶头的海滩的景色随着浏览用户的机器时间显示不同的画面,从旭日东升到星辰满天,自我感觉挺好的。:)

改版的网页在搜索引擎中的表现如何正在观察中,总体来说,Google的还是比较勤快的,几乎当天就更新了,Baidu则过了好几天。当然还有个别同志的收录也蛮快的,全文照抄,正好可以测试一下重复内容的网页在搜索引擎中的表现。

雅虎的首页设计

商业周刊上的一篇文章谈到了雅虎如何重新设计它的主页- How Yahoo! Gave Itself A Face-Lift ,文章谈到了雅虎对主页的重新设计的过程,作为一个数一数二的门户网站,主页上的内容不是随便放放的,这次的重新设计最重要的考量因素就是用户,一切以用户的需求为最高的标准,而不是仅仅由哪个部门或哪个设计师来决定,分析数据决定一切。

比较中文雅虎和英文雅虎的主页,可以看到基本的布局是一样的,色调上中文的略显活跃一些,这也许和雅虎在中国和美国的定位有所不同吧。从栏目的设置上也可以看出两国人民的不同关注重点。

分析过英文雅虎首页的CSS文件,整个的背景都使用同一个图像文件,用CSS的绝对位置来控制显示的部分,达到渐变的效果,也提高了页面载入的速度。

[tags]网页设计[/tags]

网站的设计与网站的可信度

朋友想在网上买一个数码相机,找到一个网站,里面的东西比市面的价格便宜很多,这下他倒犯嘀咕了,这个网站到底是不是真的阿?问我有没有啥地方可以查看看这个网站的信誉如何?

这种商家的信誉调查,有不少机构在做这样的工作,像BBB(Better Business Bureau)等等这样的机构也许可以查到相应的报告。

对于网页设计者来说,如何在设计网站时提高网站的可信度,这也是一个相当值得探讨的问题。可以从几个方面考虑:

网站的硬件因素,包括网速、域名、编程语言等等,快速的连接、相关的域名、稳定可靠的运行都是可以提高客户的信任度。

软件的因素就比较多了。主页是最重要的门面,主页应该要能吸引用户的眼球,鲜明的主题内容要让用户一下子就明白网站的主题是啥,是不是和要找的东西相关,这个网站值不值得浏览。

网站的导航系统要利于用户使用,尤其是那些包含地址、联系电话等等的页面,应该一次点击就能够到达;清晰的目录结构让用户能方便地浏览。

网站的内容如果和时间有关联的,一定要标上相关的时间,用户才能判定这是否是最新的信息,同等条件下,新的信息总是比旧的信息来得更有价值,更具可信度。

网站上的广告是需要权衡的,太多的广告肯定户降低网站的可信度,但是,有些本身具有很高权威的内容的广告反而能提高网站的信誉度。

网站的基本风格在不同的页面应该尽量保持一致性,相同板块的内容使用同一组颜色。

尽量提供一些直接联系的方式,让客户能够直接和你沟通,虽然他们不一定会和你联系,但是真实的电话和地址对提高可信度绝对是有帮助的。

应该还有许多小细节可以提高网站的可信度,每一个用户看的角度不同,对不同的用户有不同的细节,能使尽量多的用户满意,网站的可信度应该自然就提高了。

[tags]网页设计,网站信誉[/tags]

广告和用户体验

最近看的网页比较多,对于网页上的广告也是不胜其烦。很少有看到对广告处理得特别好的网站,都是一大堆挤在一起,恨不能把整页都放满了。

最常见的一种是,你必须要点击以下的广告,然后才能察看或下载相关的内容,客气点的还会在上面写上支持本站发展,请点击广告。

另一种常见的是把用户要点击的内容夹在广告中间,就指望着用户的眼花了,手抖了,点到广告上去。

网站做广告,赚钱本来就天经地义,可是这样做就有点舍本逐末,杀鸡取卵的味道。

广告本来的意义就在于能够吸引用户的注意和兴趣,进而转化为客户。这样将广告强加给用户,是极差的用户体验,就好像街头的散发小广告似的。看见这样的网页,首先我是对它的内容不信任,其次是95%不会再回到这个网站上来。

AdSense/AdWords之所以能够获得成功,就是因为它与网页的内容相关程度高,提供了用户最相关的信息,也就是用户有良好的体验,这样才能获得双赢的机会。

带给用户最好的体验,自然会带来给更多的用户,这时候的广告才更有价值,广告的收益才能更好,这样的逻辑应该是大家都能想明白的。

[tags]广告,用户体验[/tags]

到底现在做怎样的网站?

天气渐渐变冷了,咱也换件衣服穿穿看。

网络发展到现在,真是方便极了,想要啥样的程序,上网搜索基本上都能够找得到开源的源码,拿来自己稍稍修改一下,就能满足需求了。不像以前,要增加一个功能或更新版面,那得花上不少的精力。

最近还是在不停的浏览网站,看到各式各样的网站,就在想一个问题:对于个人或小的网站来说,到底现在做怎样的网站才能够成功呢?

看了这么多的网站,给我印象最深的是那些有着个性鲜明的,专注于主题的网站。这些网站在它们的主题范围内,提供了尽可能多的信息,不管是搜索引擎还是浏览用户来到这个网站时都会对它更多的关注。

看到不少小的站点上面是各种各样的内容,包罗万象,堪比新浪、搜狐,而它们的内容大多来自一些广告联盟或是自动从那些大的站点抓取的内容,对于这样的网站,搜索引擎的评价是相当的低,甚至有可能被判定为spam。

其实如果有这个精力和技术,我认为可以从两个方面去选取站点的内容:本地化专业化

那些国家大事、国际形势就让新浪、搜狐们去做,我就关心我周围的新闻,我的城市,我的小区,我的学校,发生在我周围的点点滴滴,莲花公园的老王煎蟹不错、Richmond今天哪里有Yard Sell等等这样的信息,把本地的东西做透。

对于自己感兴趣或专长的那个领域,可以专注于那个方向,把它做的尽可能的详细,当你积累了足够的信息时,有可能你就是权威了。

随着搜索引擎对地理信息和时间信息的重视,搜索引擎对于这样的站点将会给以更高的评价。

抓住一个方法,然后坚持!

色彩及可读性

最近看的网页特别多,对各种各样的网站的色彩也有不同的感受,有些网站看上去就让你觉得很舒服,很有权威性的感觉,对上面的信息自然多了几分信任感;有些网站可以看出站长是很用心想去做好,可以效果就是达不到。我们知道搜索引擎现在是能够判断那些与背景颜色相同的文字而将其判定为spam,对色彩及可读性我想是还没有办法进行判断的吧。

下面是摘自爱娃.海勒(Eva Heller)(德)的书《色彩的文化》,也许有所启发:

黑色文字在黄色底面上的远距离效果最好

黑色文字在白色底面上的近距离效果最好

远距离效果和近距离效果适用于不同种类的信息。
远距离效果对于

交通标志类的信息很重要:
它适用于较短的、内容广为人知的信息。

远距离效果对文字较长、内容不为人知的信息作用不大。这类信息必须在近处阅读。此时色彩起着干扰的作用。

许多人认为红色的文字会特别令人瞩目,但实际上人们对红色印刷文字的注意力少于黑色的印刷文字。红色印刷体让人想起的是不重要的广告。

与此相反,黑白印刷体的效果严肃而富有信息性。

文字和底面的亮度对比度越小,其可读性越差。

一段文字所用的色彩越多,它给人们带来的阅读障碍就会越大,其反映的信息也会显得越不重要

[tags]色彩,配色[/tags]