Entries Tagged as '网站运营'

Flying Pie小比萨烂网站,自创「每日一名」线上口碑

一位朋友曾叹:「Amazon不怎么好用!」她说,欧美购物网站时时有「Kay Kay」的感觉(不顺畅),Amazon这样成熟的网路购物平台,竟然有时让人找不到东西、迷路。她问,他们不是号称对使用者每个动作都有分析,还是故意让使用者逛不出去然后顺便多买几样东西呢?

昨天英国有篇研究呼应了这位朋友的话,他们找来3600位来自英国、法国、德国的网路使用者,请他们使用 14个电子商务网站包括Amazon、Play.com和Littlewoods,然后出一些「题目」让他们去执行,结果发现成功完成的只有52%。在有些网站甚至只有33%,有一半以上的任务无法完成,因为这些网站「太难用了」

购物网站是否真的没有好好的调UI,定论还下得太早,不过,这件事让我想到另一个极端的案例──

上个月,美国传出了一个特殊的线上行销案例,这个案例出现在一个很小间很小间的位于爱德华州的比萨店,叫「Flying Pie」,以为这个名字很酷、很像网路世代的新式比萨吗?不,它的官方网站在这里(FlyingPie.com),进去一看,是一个破破烂烂的网站,这个网站充满资讯、大大小小花色的字体,眼花撩乱,完全不知道该如何使用。这是一个标准的可能已有十年以上历史的一间小比萨店的官方网站,从这个网站,看得出来他们完全没有执行任何「网路行销」的能力,大概也不可能推出什么成功的「Online Campaign」吧!

这时候,当我们说,这么烂的网站、这么少的网路资源,竟然……也能推出很有趣的「线上行销方案」,你相信吗?

而且,已经默默的推行了好几年,让该城里的每个人都默默的知道了,你相信吗?

Flying Pie这个极成功的线上行销方案叫「It’s Your Day」,完全不必做太多网站内容,却利用网路,达到传播的效应──< br />
Flying Pie的想法是这样的,每天,Flying Pie都会喊出一个「名字」,譬如昨天2月16日是「Ross」,2月19日则是「Joey」,2月20日是「Tamarra」,他们邀请五位名叫这个名字的幸运民众,让他们在当天下午2~4点或晚上8~10点这两个比萨店比较空闲的时间,来到他们广大的厨房,制作他们自己免费的10吋比萨,还拍一张照片PO上网!来的时候,当然要记得带身份证以证明你真的叫此名。

接下来,Flying Pie在他们的网站上,每周公布新一周的名字,请常常回来看这个列表。如果你看到你朋友的名字,欢迎告诉他,然后叫他过来!

该网站下面访问一位曾来参加的幸运顾客,这位顾客叫「Kendra」。 Kendra是怎么知道她的名字出现在Flying Pie的网站上呢?网站这么烂,没几个人会知道吧?

Kendra竟然说,她的老板每周都会check此网站一次,有天就告诉她,「Kendra日」来了,赶快去吧!

那,为何老板每周都要回来看?

Kendra说,那是因为老板喜欢看那些「素人拍比萨」的照片,有的很好笑。

故事还没说完,有趣的是,新的名字又怎么选?是Flying Pie乱选的吗?不,Flying Pie说,他们会请每个来参加过的人提供名字,并且投票,他们会把这个票数当参考决定下一周的幸运名字。这样的做法是希望这些参加者想想他们还有哪些朋友会过来,甚至让参加者「回报」当初介绍他来参加的那个看到网站的人……。换句话说Flying Pie玩的是「两段式」的强迫口碑行销(word of mouth marketing)。第一段是一个同事或朋友告诉你,你的名字在上面,你就过来了。一般的口碑行销,可能这样就中断了?但接下来,你再告诉他你的朋友可能叫什么名字,他们知道你也会回来这个网站,回来以后看到自己朋友的名字也去找来这个朋友,这样一来,这个族群会继续的往外连结、继续的往外连结。如果一年内Flying Pie靠这套行销手法得来一万名新客户,这些新客户彼此之间是像肉粽一样的串在一起的,一个连一个下去。

更有趣的是,美国的「Practical eCommerce」的专栏作家还将这个案例实地调查了一下。这位作者当初是从他的朋友知道Flying Pie比萨店的,他先收到一封信,通知他这家比萨店将在几月几日办「Armando日」,这个作者的名字正是「Armando」。这位作者先是非常讶异这家比萨店的存在,还打电话给寄信给他的朋友,这位朋友说她吃过这家比萨,还不错,而且还承认她每天会去检查还有哪些新名字,每天的名字都会让她想起某几位这个名字的朋友,她每天也养成习惯会寄信给这些朋友,通知他们「Flying Pie提到你的名字啰! 」

Flying Pie在爱德华州的那个城市,不知有多少个这样的「业务人员」,帮他们每天寄给他们的朋友宣传!

专栏作家还说,扯的是,他问了这么多人,竟然找不到一个人真的有得到那个免费的比萨过的。换句话说,看起来Flying Pie每天只让五个人来参加免费比萨活动,其实大家都忙,真的来的不多;就算这些人不来,其实也并无损这些人们四处帮忙传播「Flying Pie在办Armando日」的消息!

让我们想到在亚洲有听过行销专案也会号召幸运顾客,但往往是用身份证后面几个数字,效果不如Flying Pie。或许哪间餐馆可以天天办「『雄』日」,名字只要有「雄」的通通都可以来参加,明天变成「『怡』日」,后天变成「『杰』日」,大后天再来一个「『伟』日」……。

或是想想除了名字以外,还有哪种指名的方式,一个传播团队会跟著成形,照着你的网站每天的指示,每一天每一天努力的帮忙宣传!

web2.0图形设计风格指南

web2.0,一个老生常谈的时髦词汇,但不管是喜欢还是讨厌web2.0,它都是这种特定的web2.0设计风格的一个主要的部分。这个指南的目的是想给一些设计新手一些参考,或者是做为一个清单,给那些还在痛苦地适应很多社交网络/社交媒体网站已采用的新式web 2.0风格提供参考。

首先我们知道web2.0有很模糊的技术定义,比如新媒体或者分享信息或者媒体等等。我不准备讲那些繁杂的东西,因为我们只要关注web2.0的图形设计就好了。

常见属性

简单设计 simple design

是什么阻碍了你的设计?也许是太多无用的元素?在进行一个设计的时候,在问过自己到底需不需要这些元素、需要它们做什么之后, 我会发现这些元素并不需要然后抛弃它们。

大面积留白 lots of white space

注意留白(空白的地方可以让你的作品富有空间感,如果你愿意的话)是web2.0设计风格当中很重要的设计风格。恰当的留白会使页面元素更加出彩,同时也给眼睛一个休息的 地方。我通常都在960栅格设计用20-35px的留白来衬托设计。这个模式给了我一个很好的框架,也让里面的文本看起来真的很赞。

更大的文字 larger text

设计之前一个主要的步骤是想到不要用那些很久之前用的像素字了,然后说我觉的28号字很好。另外一个用h1这种大字体做标题的或者头部字的优点是,它给你的站点带来更好的SEO评测。 其中一个主要因素是访问者希望迅速地知道你的站点是做什么的,大的字体可以让访问者快速的抓住要点。

所以总结一下:大的字体做为标题是很好的,试着给SEO一些更加精简有效的关键字,但也不要全篇的都是28号字,不然网站的浏览者会为此不悦。

渐变? Gradients

当渐变处理恰当的时候看上去效果好极了。它们可以给一个乏味的设计增加深度。如果使用得当,渐变可以使布局元素、文本、甚至logo都会变得更加丰富。

集中的布局Centered layout

不仅在web2.0是这样的,集中的布局在整个页面设计领域中已经越来越流行了。集中的布局被认为是更加直白的,并且这个方式也非常适合标榜着前卫、幽默的web2.0的调调。

更少的分栏 Less columns

使用了大号字体和漂亮的留白之后,你是不是还想用14的列宽?

简单的设计等同于较少的布局。为了布局而对内容进行排版设计,在很多设计中都能看到使内容的风格布局不琐碎的趋势。

分割顶部单元 Seprarate top section

分割顶部单元把一些细节和网站的重要部门分开来。如果我是个新访客,我才不会关心你们的股票期权,我只想知道你们公司是干啥的,有什么值得我关心的。分离的顶部单元就会提供给我一些我想要的基本信息,直到我对这些基本信息满意,才会想要关注更详细的问题。

简单的导航 Simple navigation

本文第一点就告诉我们一个问题,一个新的访问者很可能因为导航很烂就离开了你的站点。导航应当在网站中一直坚持容易识别的原则,并且要组织得当。

醒目简洁的LOGO Bold simple logos

你是谁?这个问题logo就可以回答了。web2.0风格使用了大量的醒目简洁的logo。这里有些关于简洁大方的LOGO的最佳案例。

诙谐的标题简介? Witty title intros

准确的市场定位并且了解每一位网友是使你的站点或公司个性化的主要方式,。使用互联网,你就不需要和人进行面对面的进行互动。但注意使用幽默的招呼方式会让你的访问者感觉访问你的网站更轻松。

鲜明的色彩 Strong colors

很多web2.0网站经常大量的使用中性色,偶尔用一两种醒目的颜色。

丰富的界面 Rich surface

当设计师们疯狂的寻找最佳的纹理好像木纹、砖块、布纹等等的时候,纹理素材网站就应运而生了。

在photoshop里可以往背景和文字上叠加元素,如果他们被恰当使用的话,也的确可以给设计带来一些情趣。如果你不是很确定是否过度使用了这个Web2.0的特征(或者其他特征),那就试着把设计贴到设计论坛里面寻求反馈吧。

映像 Reflection

著名的苹果水晶按钮让一种设计风格流行起来了。映像在很多web2.0的设计风格中逐渐开始有了立足之地。这个设计风格的关键是注意降低不透明度,这会使整个设计看起来效果很好。

闪亮的图标 Bling icons

我喜欢好的图标,可爱的图标的确能为一个平淡的设计带来层次和亮点。Everaldo创建了一个自己的水晶图标集,同时也激发很多有天赋的图标设计师的灵感。

web2.0 的徽章 \ 价格标签The web 2.0 badge \ price tag

可以使用甚至大量使用web2.0的徽章和最近流行的价格标签来吸引游客的注意力。大部分的徽章都是反光的(闪闪发光的),而价格标签却普遍是灰暗的。

灰色的文本 Gray-text

灰色的文本是什么?使用灰色字体可能导致屏幕看起来有些混乱,尽管灰字可以让它看起来更漂亮,

但是某些设计犯了个错误,总是把字的颜色弄的很浅,太浅了以至于我们不得不选字使其高亮才能阅读。

这种不友好的设计和混乱感会使访问者远离你的网站,同时也会给打印带来一些问题(除非你使用独立的CSS来控制打印)。

注意:如果你的显示器的亮度下调10%,你的站点上的字消失了,那你可能就是犯了这个错误。

营造大气的网站

  近来每每遇到企业网站建站或者改版,项目方案的需求上设计这一栏大都离不了“大气”这个词。做为一个设计人员遇到这样的词是很有些头疼的。“大气”这个词没有一个准确的度,颇有点只可意会不可言传的味道。

  商业设计中的“大气”是指突出要表现的主题,并加以适当的夸张,弱化辅助的图形,减少干扰的元素。同时通过色彩的搭配,元素的使用及比例等,形成考究的视觉中心,把“气”流住,让画面有良好的节奏感。这是一个比较高的境界,需要设计师不断的提高自身的修养与审美意识。

  看一些成功的企业网站,设计上往往没什么特别眩目的设计元素,有的只是干净有层次的色彩,合理有序的页面布局,丰富的内容信息,这一切貌似平淡却又有着独特的节奏感。导航让你畅通无阻的找到自己想去的板块,同时也让你明白自己所在的位置,信息更新即时,内容详实,你能迅速的找到自己所需的产品或者服务,而且得到这一切没有冗长的表单填写,只是一个简短的注册一次点击。这一切在浏览中给人高质愉悦的用户体验。

  打个比方,一个网站就象一个人,合理的信息架构是骨架,丰富生动的信息内容是血肉,而界面是皮肤,贯穿始末的易用性等用户体验是内在的修养气质。这一切相辅相成缺一不可。所以一个有魅力的人其魅力所在绝不仅仅是因为有光鲜夺目的面孔,而更应是举手投足间不经意流露出的内在气质。网站也是如此,如果没有一副好的骨架,没有血肉,徒有一个好皮相,最终还是会让人弃若鄙履的。

  在我看来,企业网站不应只是一个明艳华丽又孤芳自赏的橱窗广告,偶尔引来人驻足却又拉开了距离,让人亲近不得。企业网站更应该象是一个以用户为中心的亲切的便民窗口,能帮助人理解企业的价值主张,找到所需的产品或服务,建立友好的信任感,并以此为基础实现自身的赢利目标。可用性与赢利能力相结合,并兼顾界面的美观,企业网站建设只有做到了这一切,才能称之为“大气”。
   
  而企业网站建设的“大气”最终的实现,不只是设计人员单方面的努力就能达到的,更应该是营销人员与设计人员、技术人员以网站的用户需求为中心,实现企业的经营目标的通力合作。

=======================================

Relen的《Web Designer Idea —— 设计师谈网页设计思维》时,Relen总结了以下几点:
1.网页使用白色为背景色会使页面显的明亮而开阔,进而让我们感觉到画面的大气;
2.色彩简洁,偏冷色系更显得大气,杂乱的色彩组合或者浓郁的颜色会使大气显得不明显;
3.在页面排版设计上,局限在一个框子里的国字型十分“小气”,无轮阔限制的顶天顶地型的格局排版更加有气魄;
4.规则的设计更显理智而大气,不规则的设计会因个性过于鲜明而掩盖了大气;
5.简洁的风格永远给人留下如“大将风范”般的气势与气魄,过于复杂和繁琐的设计只能突出独特性而导致减弱气势;
6.信息多而丰富,可提高信任度,缺乏信息内容则显得“萎缩”而小气;
7.宋体、黑体虽为最普通的字体,却能给人留下良好的印象,花体有个性却使画面浮躁,失去了严谨的风范。
想使网站具有大气的风格,应尽量具有上面提到的特征……

小工具推荐-查询同一IP主机上上有多少个域名或网站

小工具推荐-查询同一IP主机上上有多少个域名或网站

http://www.myipneighbors.com/

各大搜索引擎网站登录入口

Google网站登录
Baidu 网站登录
Yahoo 网站登录
Live 网站登录
Dmoz 网站登录
Coodir网站目录登录
Alexa 网站登录
Sogou 非商业登录
中国搜索网站登录
iAsk 网站登录
搜索引擎收录查询
有道搜索网站登录
Accoona 网站登录
Onebigdirectory.com 搜索引擎批量提交
Chainer.com 搜索引擎批量提交
Freewebsubmission.com 搜索引擎批量提交

向Google、Yahoo!、MSN、Ask和百度提交sitemap

一、通过robots.txt文件定义提交
  各大搜索引擎都发布了对[u][b]网站地图[/b][/u]的新的支持方式,就是在robots.txt文件里直接包括sitemap文件的链接。
就像这样:
Sitemap:http://www.startcn.net/sitemap.xml
  
  目前对此表示支持的搜索引擎公司有Google, Yahoo, Ask and MSN
  而中文搜索引擎公司,显然不在这个圈子内。
  这样做的好处就是,站长不用到每个搜索引擎的站长工具或者相似的站长部分,去提交自己的sitemap文件,搜索引擎的蜘蛛自己就会抓取robots.txt文件,读取其中的sitemap路径,接着抓取其中相链接的网页。
  这里基于一个假设,robots.txt已然是一个标准,所有的网站至少都有一个,而sitemap还正在建立标准中,这样的做法,可以让站长减轻工作,而且如果他们不需要更为详细的索引和搜索的资料的话,那么就只需要包括sitemap到robots.txt就可以了。
二、登录网站提交
向Google提交网站地图:
  https://www.google.com/webmasters/tools/login?hl=zh_CN
  1、进入这个网址,用你的Google帐户登录,然后添加你的网址;
  2、接下来按照Google的要求验证你网站,你可以选择html文件验证。
  3、这时候,按照Google的要求,制作一个Google要求的文件名的html文件
  4、用FTP讲这个html文件和你的xml格式的网站地图文件一起传到你网站的根目录
  5、确认验证,回到控制台,添加你的地图文件就OK了。很快,Google就会根据网站地图文件来更新你的网站
向yahoo提交网站地图:
英文yahoo提交网址:

http://siteexplorer.search.yahoo.com/

  首先用FTP讲你的网站地图传到网站的根目录。打开网址后,选择Submit Your Site for Free: 用yahoo帐户登录,然后输入你的网站地图的URL就可以了。
中文Yahoo的提交网址:

http://sitemap.cn.yahoo.com/mysites

  这个操作和Google的差不多,登录、验证网站、提交网址地图URL。
向MSN提交网站地图Sitemap:
  用URL直接提交:http://api.moreover.com/ping?u=http://your.domainname/sitemap.xml
  这是向MSN直接提交网站地图的后门URL
向ASK提交网站地图Sitemap:
  直接提交。http://submissions.ask.com/ping?sitemap=http://your.domainname/sitemap.xml
向百度Baidu提交网站地图Sitemap:
  没办法,现在百度不支持Sitemap。但可通过http://www.baidu.com/search/url_submit.html来提交你的网址。百度会自行搜索,更新速度很快。

SEO:中文Ping Service (服务)、搜索引擎博客登陆收集(包括自动和手动两种)

几个中文网站Ping Service清单:

http://www.feedsky.com/api/RPC2
http://www.zhuaxia.com/rpc/server.php
http://www.xianguo.com/xmlrpc/ping.php
http://blog.iask.com/RPC2
http://ping.blog.qikoo.com/rpc2.php

其他重要的Ping Service:

http://blogsearch.google.com/ping/rpc2
http://api.my.yahoo.com/rpc2
http://ping.feedburner.com
http://rpc.pingomatic.com/rpc2
http://ping.blog.qikoo.com/rpc2.php
http://www.zhuaxia.com/rpc/server.php
http://rpc.technorati.com/rpc/ping
http://www.feedsky.com/api/rpc2
http://www.xianguo.com/xmlrpc/ping.php
http://www.bloglines.com/ping
http://blog.yodao.com/ping/rpc2
http://blog.iask.com/ping.php
http://services.newsgator.com/ngws/xmlrpcping.aspx

更多的Ping Service 清单:

http://blogsearch.google.com/ping/RPC2
http://1470.net/api/ping
http://api.feedster.com/ping
http://api.moreover.com/RPC2
http://api.moreover.com/ping
http://api.my.yahoo.com/RPC2
http://api.my.yahoo.com/rss/ping
http://bblog.com/ping.php
http://bitacoras.net/ping
http://blog.goo.ne.jp/XMLRPC
http://blogdb.jp/xmlrpc
http://blogmatcher.com/u.php
http://bulkfeeds.net/rpc
http://coreblog.org/ping/
http://mod-pubsub.org/kn_apps/blogchatt
http://www.lasermemory.com/lsrpc/
http://ping.amagle.com/
http://ping.bitacoras.com
http://ping.blo.gs/
http://ping.bloggers.jp/rpc/
http://ping.cocolog-nifty.com/xmlrpc
http://ping.blogmura.jp/rpc/
http://ping.exblog.jp/xmlrpc
http://ping.feedburner.com
http://ping.myblog.jp
http://ping.rootblog.com/rpc.php
http://ping.syndic8.com/xmlrpc.php
http://ping.weblogalot.com/rpc.php
http://ping.weblogs.se/
http://pingoat.com/goat/RPC2
http://rcs.datashed.net/RPC2/
http://rpc.blogbuzzmachine.com/RPC2
http://rpc.blogrolling.com/pinger/
http://rpc.icerocket.com:10080/
http://rpc.newsgator.com/
http://rpc.pingomatic.com
http://rpc.technorati.com/rpc/ping
http://rpc.weblogs.com/RPC2
http://topicexchange.com/RPC2
http://trackback.bakeinu.jp/bakeping.php
http://www.a2b.cc/setloc/bp.a2b
http://www.bitacoles.net/ping.php
http://www.blogdigger.com/RPC2
http://www.blogoole.com/ping/
http://www.blogoon.net/ping/
http://www.blogpeople.net/servlet/weblogUpdates
http://www.blogroots.com/tb_populi.blog?id=1
http://www.blogshares.com/rpc.php
http://www.blogsnow.com/ping
http://www.blogstreet.com/xrbin/xmlrpc.cgi
http://www.mod-pubsub.org/kn_apps/blogchatter/ping.php
http://www.newsisfree.com/RPCCloud
http://www.newsisfree.com/xmlrpctest.php
http://www.popdex.com/addsite.php
http://www.snipsnap.org/RPC2
http://www.weblogues.com/RPC/
http://xmlrpc.blogg.de
http://xping.pubsub.com/ping/

现将各大搜索引擎博客网站登陆入口网址整理:

Google Ping Server(更新通知服务) http://blogsearch.google.com/ping?hl=zh-CN
百度博客收录网址:? http://utility.baidu.com/blogsearch/submit.php
雅虎中国博客提交:http://www.yahoo.cn/ex/blog_rss/rss_input.php
搜狗sogou 博客收录http://www.sogou.com/feedback/blogfeedback.php
有道博客登陆 http://tellbot.yodao.com/report?type=BLOG&keyFrom=help
奇虎qihoo博客收录 http://so.blog.qihoo.com/subrss.html
奇虎博客更新通知服务http://so.blog.qihoo.com/pingblog.html
新浪爱问博客网站收录http://blog.iask.com/add_new_rss.php
新浪更新通知服务(Ping Service) http://blog.iask.com/ping.php
其他博客收录网站
博搜 http://www.booso.com/
博邻 http://www.365bloglink.com/

?

?

?

批量ping service网站:

Ping-o-matic:提供20多个ping服务地址,你可以选择性地挑选一些有价值的搜索引擎。

alles-over:这个网站主要提供一些大的可ping服务,如technorati 和 weblogs 。

mypagerank:这个网站提供了许多ping服务地址,具体我没有查。它以SEO业务为主。

Ping-o-Blog:也是一个批量ping服务提供商。

Pingoat:这个网站提供了50多个ping服务地址.

?

?

提交一个sitemap的ping service

UPDATE: Google also has a ping service that works in the exact same way. You can find it at http://www.google.com/ping?sitemap=[your sitemap URL]

Microsoft’s Live Search along with Yahoo and Ask decided some time ago to support Google’s XML sitemap format. So if you already have added support for a Google sitemap on your website, it now also works on the other major search engines.

The new thing is that Live Search have added a ping service that let’s you notify it when your sitemap has been updated. Then Live Search will index the changes and make them appear faster in the search results (or at least so I think, otherwise it wouldn’t make much sense to have a ping service).

It’s very simple to ping Live Search. Simply make a request to http://webmaster.live.com/ping.aspx?siteMap=[your sitemap URL] in any way that suits you best. Do it in a browser manually or let your CMS or blogging engine do it for you.

对于 BlogEngine.NET的用户来说,不需要另外去生成sitemap了,网站的根目录就有一个sitemap,名字就叫sitemap.axd ,比方我这个网站的就是

http://www.cleocn.com/sitemap.axd . 直接提交就OK了。