2011年3月1日星期二

红人网事

红人网事


Call To Action(CTA)实战

Posted: 28 Feb 2011 09:27 PM PST

Call To Action字面上的意思就是勾引用户行动,也就是引导用户做你想让他们做的事情:注册账户啊,下单购买啊等等。这也是一封邮件中最重要的元素之一。邮件中可以包含多段call to action文字,例如按钮中,链接中,图片中等等。不管以何种形式出现,要想是call to action发挥最大的作用,得满足下面这些标准:

1.够刺激. 要给读者强烈的刺激感,刺激他们点击链接,例如下面这封邮件瞄准了少女们爱美的死穴

clip_image002

sephora这封邮件的杀手锏则是免费试用,更厉害的是在上市之前免费试用哦

clip_image004

2.清楚明晰,要通过CTA文案让用户了解清楚你的意图和目的是什么,不至于让他们自己瞎猜。

3.烘托气氛,通过对优惠促销的限制让用户感觉这次促销机不可失,时不再来。如下面邮件中的文字"must click through email to qualify the offer"

clip_image006下面这封Email则给优惠限定了四个小时的期限

clip_image008

4.要醒目,要让收件人一眼就能看到。下面的邮件就是用鲜艳的色彩和图片来突出这一点的。

clip_image010

5.要考虑到图片被屏蔽时代情况,如下面这封邮件在图片下方加入了文字链接,即使图片无法显示,用户仍然可以访问到网站。

clip_image012

网站分析常用英语名词速览

Posted: 28 Feb 2011 07:12 PM PST

网站分析其实也是一门非常严谨的学科,因此它也有自己的专业英语。常见的比如说Page View,Visit,bounce rate什么的,我就不多说了,相信大家都非常熟悉。下面按字母先后顺序列举一些可能大家会有疑惑的英语名词:

1. A/B test

A/B test即A/B测试,晚一些我也准备写一个关于A/B test的文章。A/B test是把同一个页面的两个或者多个版本(实际上是多个页面文件)在同一个时间段内随机的展现给不同的访问者,以测试不同版本的转化效能,并最终为选取某一个版本,或者为更好的优化这个页面提供依据。

本质上,A/B test就是一种实验。点击这里查看Wikipedia上对A/B Test的解释。

2. Abandon Rate

Abandon Rate,也作Abandonment Rate,是一个电子商务网站分析的度量。Abandonment Rate是指把商品添加入购物车却又没有完成购物的比例。有两种情况,一种被称为购物车Abandonment Rate,它是点击"进/加入购物车"按钮却没有继续点击"结账(或者立即支付)"按钮的顾客占全部点击"进/加入购物车"按钮的顾客的百分比。

另一种情况是付款环节的Abandonment Rate,是点击"结账"按钮却没有完成支付的顾客占全部点击"结账"按钮顾客的百分比。如果你想对这个度量有深入的了解,请看这个文章:电子商务(B2C)网站的Abandonment Rate。

3. Action / Event

Action或者Event是指页面上非HTML格式的互动形式/互动链接,就是我们常见的Flash形式的互动,JavaScript等。这些互动形式令网站分析格外关注的原因是,你不能通过页面HTML上的默认监测代码的实施实现对它们的监测,而需要把相关的监测function语句加入到Flash的Action Script或者JavaScript中去。在Google Analytics中,有Event Tracking功能,即是对这互动形式的特殊监测方法。

4. Affiliate(s)

翻译Affiliate现在仍然是一个挑战,但是我觉得其实商业模式上就是传统商业的渠道,只是不需要发生真正的实物流转。一般而言,Affliate做的事情是在自己的网站上(或者其他数字渠道上)介绍商家的商品,然后让消费者经由这些网站去商家购买相关商品,从中获取佣金。更详细的解释,大家可以看Wikipedia的介绍。Affiliate是一个非常重要的互联网营销渠道,在国内外都有很多人从事,而且不乏大发其财者。Affiliate的效果和优化,也是网站分析的重要内容。

5. AOV

AOV也是一个电子商务网站分析度量。AOV是指Average Oder Value,即平均订单价值。这个度量一般而言越高越好。对电子商务网站而言,这是一个非常有价值的度量,尤其是当你对用户进行细分,或者对流量来源进行细分的时候。

6. Call To Action

Call To Action,没有合适的对应汉语名词,我宁愿叫它"行动呼吁"。Call To Action是指网站页面上呼吁访问者采取行动的元素。这类元素通常都是非常醒目突出的,有鲜明的色彩,明确可点击的样式,以及明确的行动告知文案(例如下图的那个蓝色大按钮)。对Call To Action进行优化是网站优化的重要内容。

7. Engagement

Engagement同样是一个找不到汉语对应翻译的词。Engagement最常用的意思是订婚,但是很遗憾网站分析没有这么浪漫。在网站分析上,engagement的解释应该是对一个网站的参与(程度)。Engagement越高,网站访问者在网站中进行的活动越多。Engagement并不是网站分析的标准度量,但却是一个常被提及的词语,请访问这里了解更多关于Engagement的故事以及计算方法。

8. Heat Map / Click Map

Heat Map和Click Map是否一样,取决于Heat Map的种类。Heat Map有两种种类,一种是跟踪人们眼光在网站上扫描和停留情况的热图,一种是鼠标点击页面上链接和互动的热图,前者可能更详细的展现了网站页面对人视线的抓取,后者则反映了人们对页面的实际反应。如果是后一种情况,Heat Map = Click Map。Click Map是网站分析最重要的工具之一。请看这里了解更多。

9. IWOM

IWOM严格意义上不是网站分析的范畴,但是却经常被提及。IWOM是Internet Word Of Mouth的缩写,即网络口碑。今天,网络口碑几乎是决定消费者购买行为的决定性力量,而且五 毛 党盛行的今天,IWOM的分析和鉴别非常重要。IWOM的另一个同义英语名词是Buzz。如果大家想了解这方面的内容,可以参看Sonia的博客,也可以阅读我的这篇文章:Sidney的IWOM监测与分析:理解和实践。

10. Landing Page

Landing page是指登陆页,即访问者进入你的网站的时候访问的第一个页面。Landing Page不一定就是首页(Home Page),但是,一般一个网站都有相当比例的visit是把首页作为Landing Page的。所以很多时候Home Page就是最重要的Landing Page,但它们却绝对不是一个同一个概念。区别在于,首先,Landing Page是对于visit而言才有意义的,一个page,对于不同的visit,可能是landing page,也可能不是;而home page则完全是网站依照页面功能事先定好的。其次,Landing page不仅仅是home page才能当,任何一个页面,都有可能是landing page,尤其是访问者从搜索引擎进入你的网站的情况下。这个文章对landing page有详细的解释:网站分析的最基本概念(6)——Home Page和Landing Page。

11. Link Tag

Link Tag恐怕是最重要的网站分析标记了。Link Tag用于被网站流量来源的监测,例如投放的广告或者EDM。世界上最重要的两种网站分析工具——Google Analytics和Omniture都有自己的Link Tag方法。Google Analytics用的是UTM标记,例如UTM_Campaign,能够对流量来源进行4-6种细分;而Omniture用的是Saint file系统,能够对流量来源实现更多更精确的细分。关于如何监测网站的流量来源,请参考这篇文章:用Google Analytics的Link Tag深入了解流量来源(广告)的质量以及Direct Traffic真的是直接流量吗?如何辨识真正流量来源?

12. Log file

Log file是指网站服务器的日志文件,是历史最悠久的网站分析数据来源,但是目前逐步被页面标记法(Page Tracking Codes)所取代。但Log file的数据仍然有自己的优势,例如能够获得搜索引擎机器人的数据爬取访问;但是也有一些劣势,例如对于页面缓存技术就束手无策。Log file数据分析需要更复杂的技术实现以及更高超的数据处理能力,大家感兴趣的话,可以在google上搜索相关内容。

13. Navigation

Navigation是网站中的导航部分,通常是页首的那些导航按钮。有时候为了更清楚的表述,我们也会说Navigation Button。Navigation的效力分析是网站分析的重要内容,通常利用Heat Map就能很好的了解Navigation的效果。

14. On site & Off site

On site和off site是网站分析的两种类型。On site分析是指对你自己的网站的分析,通过我们常说的Page Tracking Codes方法或者Log File方法就可以实现。Off site分析则是指对你网站以外的网站进行的分析,通常是竞争网站分析。Off site分析跟On site分析有完全不同的方法论。你可以通过这篇文章详细了解二者的区别:网站分析的十大误区及候补(一)。如果你想了解Off site分析的方法论,请看另外一篇文章:如何获知陌生网站的流量?

15. Organic / Paid

Organic是指非付费的搜索引擎流量,或者可以认为是SEO流量,因为很多网站的非付费搜索引擎流量来自于SEO。很明显,Paid则是指付费搜索引擎流量。Organic也有称为Natural Search的,意思是一样,但前者更常用。Organic另一个意思是"有机的",有机的东西都有营养,SEO的流量也一样。

16. Outbound Link

Outbound Link是指外链,即网站内某些链接到网站之外的链接。这种链接的监测对于Google Analytics而言,需要额外的定制代码来实现,因为这些链接指向的网站一般不会有你的监测代码(如果有的话也就不叫外部网站了)。Omniture则不需要额外定制,直接实现对外链的监测。请点击这篇文章查看详细:网站外链监测实战经验。

17. Referrer / Referring site

Referrer、Referring site、Referring domain、Referring URL都是网站分析常见的词汇。Referrer、Referring site以及Referring domain是一个意思,都是指被监测网站的"推荐网站",即,如果一个访问者在某个其他网站上点击了这个网站上的链接而来到你的网站,那么这个网站就是你网站的Referrer。一般Referrer 不包括搜索引擎,而是指其他类型的网站。Referring URL则是Referrer上链接到你的网站的具体的页面URL。Referer、搜索引擎、Typed/Bookmarked,是网站最主要的三大流量来源。其他流量来源还包括:Affiliates(本质上也是Referrer)、EDM等。

18. ROI

ROI是Return Of Investment的缩写,即投资回报。衡量投资回报的Metrics很多,例如CPO(Cost Per Oder),CPA(Cost Per Acquisition)。不多说了。

19. Under fold / Below the fold

这个可能大家不常见。fold是报纸上的中缝。对于网页,没有中缝,因此fold指页面第一屏和第二屏交接的地方。Under fold即是指页面显示在第一屏以下的部分。Under fold也被称为Below the fold。对于under fold的分析,主要是衡量网站访问者的浏览器高度,以及通过Heat Map了解Under fold的内容是否有效。这是一类常见的网站分析内容。

20. ?

最后一个名词由你提出!有什么觉得奇怪或者不解的跟网站分析或者网络营销相关的名词,都请给我留言,我们——共同解决!

本文地址:http://www.ueoidea.com/53 , 转载请保留.

2011年2月18日星期五

红人网事

红人网事


Email电子邮件营销趋势最新2例

Posted: 17 Feb 2011 07:38 PM PST

网络趋势不断出现新玩法,有一个旧玩法一直都不曾离开我们,这个旧玩法就是「email」。因为,email的「私密性」,一直是网络无敌的!它的「一对一」感觉,向来是任何网站、任何手机软件、任何「实时通」IM软件所比不上的,即使不是一对一,大家依然超喜欢加入某种email「俱乐部」……至今不悔。

尽管它的「开信率」如此之低,平均大约已在10%以下,但,它依然有它的功能!

尤其,今年似乎又将出现新高潮?

昨夜回到台北,看到两则关于email趋势的文章,非常激动──

第一则就是私卖的网站HauteLook被知名百货公司Nordstrom并购,卖价高达2.7亿美元,提醒了我们这种私卖的网站仍会是接下来值得发挥的重头戏。所谓私卖的网站,其实不是网站,目前好几间成功的私卖网站都是以一个「email电子报」来吸引一堆名媛贵妇,在每天中午十二点寄信给她们,要她们抢购一档设计师品牌包包、或某一套刚过季的高级设计衣饰,为什么会透过email?除了创造「VIP客户」的尊贵感,也是因为这些商品的卖价是一般通路的三折、五折,有的是直接向批发商拿的价格,而批发商为何愿意这些私卖网站如此降价的卖,正是因为他们保证「只卖给会员」,这些新网站,就这样意外的打中了这个「私人email贩卖」的商机,好几个网站已经赚饱饱、待价而沽。

更有趣的,是另一则文章──

这则文章同样是和「email」相关,它提到知名的部落格平台Posterous最近成功尝试的一个惊人新成绩。先说明一下,这个平台之前我还热中于上课期间,每堂课都会提到它;Posterous出生于2008年,真的是个「奇迹」,因为当时部落格早已不是潮流,部落格平台BSP的产业早就已被大型的公司给占据,但奇妙的是,Posterous只是推出了这个「不必上网加入会员,就可以靠email往返开始写部落格!」的小技巧,狂吸新部落客,有些人真的享受这种靠email写部落格的功能。

有趣的是,就在二个月前,Posterous推出了新功能「Posterous Group」,这是说,以前你只能自己在Posterous开一个部落格,让全世界都看得到。现在,你可以用Posterous开一个「私人部落格」,只有你设定的群组会员才能看得到,也只有他们也可以在里面写其他部落格或作其他留言。有趣的是,这些人的留言,也是「Posterous风格」,不必点进Posterous,只要在email内容里的一条分隔线之上方写东西,就会自动「留言」在网站版的部落格上面。

试了两个月,昨天,Posterous将它的成绩公开了──

二个月以来,目前Posterous已经有13.4万个「群组」,而且,每天还有3000个群组被申请出来。当然该文章是有强调,Posterous的一般部落格(非Group型态的部落格)的每日成长量仍是新产品Group的四倍,但是,13.4万个Group在两个月内,依然是非常惊人的数字。

然后,在这13.4万个Group型部落格里面,果然有高达76%是设定为私人的部落格,而每个Group平均都有大约十几个人加入,若将Group分为「商业型」(由客户或同事加入)和「家庭型」(家人朋友加入),商业型的Group部落格每个平均有15个人,而家庭型的Group部落格每个平均有10个人,其中,有高达30%的参与者果然都还没加入Posterous的会员,好好的在享受Posterous的「不必加入会员,就可以靠email开始具名的写、响应部落格!」的方便功能,只要呆呆的天天收email、开信、读信就好了!

更有趣的来了──

显然,若你要开部落格平台,「商业型」的部落格是你最想吸引的,因为这些公司所开的部落格,很有可能以后愿意付钱,或许只是付钱拿掉右栏的Google Adsense广告!据文章指出,这13.4万个Group型部落格,商业型的占了高达四分之一,意思是说,企业仍然非常非常的需要靠email来寄送一些讯息,他们热爱着这个「让email更强大」的email部落格平台!

现在大家想想,还可以怎么使用email,来做一些网络上还没有过的新服务呢?

最后我也分享自己的尝试,在2007~2008年期间,我曾开了一个非常、非常小的「电子报」,只发给大约九十几位「VIP」会员,可能是这个九十几位的数字和「VIP」这个充满魔力的字眼,虽然每次只寄给90几位,但其中许多人都会再转寄给他们的同事、老板(没错,副总转给总经理,协理转给副总、总经理、董事长)!

后来我有了Facebook粉丝专页,慢慢的就没再继续经营这份VIP电子报。然而,从2011年开始,我们竟然又反其道而行、开了一个Email电子报,这是真的有人在管理的电子报,未来视此电子报为「Mr.6趋势会员」,可能针对会员举办私人网聚,或有限量的活动,也从此电子报的会员开始发送起!(若你有兴趣,欢迎加入这份新的电子报),目前已经出了几集了,今后可以和我们一起来试试看,一个「mailing list」电子报还可以怎么搅、怎么动、怎么玩。

来源:艾瑞网,作者:艾瑞网专家-Mr. 6

2011年2月10日星期四

红人网事

红人网事


转化率、二跳率与首页的布局安排及口碑营销

Posted: 10 Feb 2011 04:03 PM PST

clip_image001[4]

 

        二跳率是由我国本土第三方网络广告分析服务提供商—99click(www.99click.com)所提出的,是有效评测流量质量的指标。

        二跳率的概念:当网站页面展开后,用户在页面上产生的首次点击被称为"二跳",二跳的次数即为"二跳量"。二跳量与浏览量的比值称为页面的二跳率。

        这是一个衡量外部流量质量的重要指标。当用户从外部网站上(或者淘宝网)的链接到达被监测网站(商家店铺)时,被称为第一次跳转,到达后,如果用户再点击某一链接或按钮从而进入网站深层页面,则被称为"二跳",外部来的用户中进行了二跳的用户的比例被称为"二跳率"。

二跳率能反映出流量的质量,能比较客观地反映广告素材及载体与网站匹配程度的。

如何提高首页的二跳率
       题引:怎样算一个好首页?实现首页的使命的就是好首页。
       首页的的第一使命是激发和捕捉新用户的兴趣,其中,匹配覆盖面和刺激强度是两个关键元素。
       用什么来衡量首页刺激和捕捉新用户兴趣的能力?
       把首页定位为入口,在目前统计信息有限的情况下,可以把主动触发率或者说二跳率可以作为首页优劣的主要参照指标:从首页点开其他页面的用户比例越大(而不一定是平均打开的页面越多),这个首页就越好。
       这样我们就把问题转化为:如何提高首页的二跳率。
       观察一些店铺的首页,常见三种取向:第一种首页基本无单品,以图片加文字引导的"集中二跳点"为主,吸引人尽快再点一次;第二种首页列出大量商品,希望通过总有几款打中用户眼球,最常见;第三种是前面两种的平衡或混合。
       哪一种有最好的匹配覆盖面和刺激强度,最能提高首页的二跳率?以及,二跳之后最能产生三跳、四跳和购买转化?
通过观察研究几家感性类商品站点的用户点击分布热图,发现一个共同的特点,首页和商品列表页的商品:
       1.  点击分布很不均衡,相当比例的的商品点击率很低
       2.  最热的商品,跟同页的热门分类、热门频道相比,点击率也不高

       我以为这一现象是很值得警惕的:单品在概率意义上普遍低命中率,对用户兴趣的匹配覆盖面不够大、刺激不够强。
       具体分析:

       1.  如果品类较多,首页罗列多个独立品类,每个品类列出几款推荐产品(或畅销产品),那么这几款推荐产品如果匹配用户兴趣不成功,用户很可能会对整个品类丧失探究兴趣。
       我们已经知道,单品的兴趣命中能力是比较低的,这几款典型商品在吸引部分用户的同时,推开了更多的用户;

       2.  如果品类不多,首页大量罗列商品,那么就是暗示用户首页已经有足够代表性,如果首页见不到适合刺激自己兴趣的商品,用户就可能离开(为了缓解这一点,可以强化"下页"或"更多")。
       由于首页用户未被按兴趣分流,用户不得不行走在大量无感觉商品中寻找可能感兴趣的商品,按照前述单品弱小的发现,每个单品能够刺激到的用户比例是很有限的,因此这个寻找效率很低,首页即使有大量商品罗列,仍然难以覆盖很大的访问人群,会丢失相当的用户;

       3.  如果首页主体位置只推荐很少几款单品,而不强调品类列表入口,那么将有大量用户对这几款具体商品不感兴趣而离开,风险很大;
通过以上分析,我觉得:
       最理想的首页,既不罗列商品,也不按门类推荐典型商品,而是按照用户的潜在分类(商品品类、功用、消费力、行为倾向),以图文形式呈现多个入口,进入下一级的商品列表;       这些入口起到了过滤分流的作用,在更狭窄的匹配面上,可以保证在查看下级商品列表时有较高的兴趣命中率;
       这些图文形式的入口,面积不要太大,要明显象入口,图片的选择和文字引导一样都非常重要,集中传递信息、强化刺激。

       狭窄的匹配划分+强化的刺激,就是首页提高二跳率的关键法门。

       不同类型的店铺,其新用户稳定性结构不同:
       通过熟人口碑、媒体报道等信任途径而来的用户,带有解决某种问题、寻找某个东西的动机的用户,购买理性类商品的用户,有较好的探索耐心;通过引擎、广告而来的用户,只是随意逛逛没有特别目标的用户,比较缺乏探索性,短时间内没接触到匹配自己兴趣的东西,以及刺激不够强度,很容易就会跑掉;男生和女生有耐心的东西是不一样的。。。
       根据新用户稳定性结构的不同,首页可以采取不同的取向。前面的讨论主要针对新用户稳定性差的店铺,例如女装。

       除了狭窄匹配面和强刺激,还有一点也很重要,就是给首页做减法,那些只有少量用户感兴趣、点击率低的东西,如果无法改造就取消,减少对用户注意力的分散,先把新用户引到最有可能刺激用户的商品列表或促销页面。

       例如:
       在新用户对商品开始感兴趣之前,很少人关注没有结合具体商品或品类的全场促销政策,例如全场性的送分、买N送N、折扣,这些东西不用花太大面积强调。全场促销不如分散差异化的局部促销。
       在新用户对商品开始感兴趣之前,用户不关心物流和运费、不关心积分政策,这些没必要在显著位置。
       首页显示的社区内容看的比摸的多,点击率通常很低,主要用来暗示人气,不需要期待用户去点击,因此小面积+快速动态就好。
       只有热的分类和tag多人点,有些没多少人点的没必要在首页出现,移到"更多"去。

       上述分析,我们把首页第一使命定位为新用户的保有和转化,得到的结论是:通过集中刺激——分流,通过集中匹配——转化。

2011年1月28日星期五

红人网事

红人网事


网页制作 css让页面居中对齐

Posted: 28 Jan 2011 03:11 AM PST

总结一下css让页面居中对齐的方法
1.我们常用的margin:0 auto;方法
这个方法是大家用的最多的方法,使用的时候必须为容器制定宽度!
例子:

#main {width:960px;margin:0 auto;}

这个在大部分浏览器里面都可以很好的实现效果。
但是在IE6之前的版本中却不被支持,下面看一下第二种方法
2. text-align实现居中,这个方法其实算是一个hack
这个方法把整个页面当作文本对待,把body的属性设置为{text-align:center;}
这样的话页面所有内容全部居中了,还需要把页面总的外框(wrap)属性{text-align:left;}
这样的话页面就居中了!
代码:

body{text-align:center;}
wrap {text-align:left;}

3.负的外边距
负外边距需要和绝对定位同时使用,才会生效。
首先需要一个{wrap}来包裹所有的页面内容,并将其定位到页面的50%。这样{warp}容器据浏览器左边50%的距离。
然后再用负边距,将容器左边距设置为{wrap}宽度的一半即可。
看代码:

#wrap {width:1024px;position:absolute;left:50%;margin:0 0 0 -512px;}

这样wrap就居中对齐了,这个方法基本上可以兼容所有的浏览器了。
综上所述:第一种方法是我们大家首选的解决方案,第二种方法其实可以和第一种方法结合起来用更好,第三种方法是是可以兼容所有的浏览器,如果你对你的也页面兼容性要求的高些,这个也可以作为你的首选哈!

via http://www.jb51.net/css/21132.html

2011年1月27日星期四

红人网事

红人网事


40个UI设计工具和资源

Posted: 27 Jan 2011 04:28 PM PST

用户界面设计在持续的基础上不断成长和演变。要跟上时代,你需要关注趋势、新资源和正被实施和谈论的新技术。同时,你也要亲身尝试,并提出原创的见解和应用。
下面列举的这些工具能帮你做到这些。尽情分享下面这些我找到的注释出的资源中你认为有用的部分。

模型参考和资料库

User Interface Design Patterns(用户界面设计目标)
看看这些其他人已经想出的对一般用户界面挑战的解决方案,它不仅能帮助你找到正确的现有解决方案,还能作为你提出新的和原创的东西的基础。

一个在线文字和图形目录是常见解决的UI设计问题的方案。使用非常宽松的分类,同时也让你用标签或颜色分类:
clip_image001

Pattern Tap
一个能找到平常被使用的设计模板精神的好资源。Pattern Tap将UI元素分类集合,同时也将个别项目以标签形式在新窗口打开:
clip_image002

Patternry
Patternry 将重点放在寻找常见UI问题的解决上,而不只是提出简单的建议:
clip_image003

Mephobox
是另一个能找到的提出常见设计模板启示的好资源。你能够以用户身份游览网站,或者查证基于个人设计元素的集合:
clip_image004

原型开发、模型构建和设计反馈工具

Lumzy
你在创建新的UI技术任何时候,在创建网站之前,你会需要创造出一个作为概念根据的原型或模型。当然,你也要测试这些新构想。
      Lumzy是一个方便的UI界面模型构建和原型开发的小型在线工具。它能让你创建具有工作功能的原型,而不只是线框:

clip_image005

Mockingbird
另一个界面模型构建和原型开发工具,同时拥有在线团体合作开发工具:
clip_image006

UI Design Framework for Illustrator
一个为AI服务的用户界面元素和风格设置网站:
clip_image007

Android Asset Studio
一个为开发Android应用提供UI元素的网站:
clip_image008

Unique Mobile UI Design Elements
自由设置UI设计元素:
clip_image009

Android UI Elements Set
自由设置Android OS的UI元素:
clip_image010

OSX Leopard GUI Set
OSX Leopard的GUI元素:
clip_image011

ALL In One Web Elements Kit
提供你的网站的所需的一切PSD分层文件:
clip_image012

iPad GUI Set
提供你所需的任何iPad应用程序的主题的分层矢量PSD文件:
clip_image013

The Pencil Project
火狐的GUI原型构建插件:
clip_image014

Concept Feedback
发布你的设计和概念,并得到免费反馈的设计社区:
clip_image015

Landing Page Optimization
获得他人关于你目标页面5秒钟的真实印象反馈的网站:
clip_image016

框架

框架已经成为了几乎所有复杂的UI的主干了。这里的是极少数的框架,不像Moo Tools和jQuery那些你可能熟悉的工具。

DHTMLX
一个提供了大量的UI部件的javaScript UI资料库和 jQuery的替代品:clip_image017

Dojo
另一个拥有强大API设置以及丰富UI控件的javascript工具包。
clip_image018

Echo 3
是一个不仅能让开发者创造组建驱动和事件驱动API和Javascript客户端应用程序的UI工具包:
clip_image019

Midori
一个超轻量级Javascript框架,它集合了很多常用的UI技术。而且即使包括缩进语言,Midori也只有51K:
clip_image020

Scripty 2
另一个支持最新版Webkit游览器的CSS过渡和转换的框架。
clip_image021

ZK
ZK包括超过200个ajax组件,一切准备就绪:
clip_image022

jQTouch
一个用于手机iPone应用开发的jQuery插件:clip_image023

代码片段和脚本

为什么我们要白费力气呢?如何这里有一个存在的片段,而它正是你所需要的,你就可能在下面的这些网站中找到。

jQuery Labs
一个为你网站预制jQuery组件的庞大的资料库:
clip_image024

Snippet Library
一个由用户提交审查的各种程序语言的片段和代码教程的资料库:
clip_image025

The Javascript Source
一个常用javascript和ajax片段的便捷的向导:
clip_image026

roScripts (beta)
可以被用户投票的脚本、片段和资源:
clip_image027

Snipplr
一个有许多先进脚本和jQuery技术的好资源:clip_image028

Code Sucks
有关于Javascript片段如何工作的极其详细的评论的网站:
clip_image029

HTML Goodies
另一个有优秀的步骤记录文件的jQuery资源:
clip_image030

WebResources Depot
包括在它们的设计资源的大型目录中的是大量非常有用的脚本和片段:
clip_image031

Ajax Rain
出色的以分类和标签的形式表现的片段资源库,它能使你很容易找到你这在寻找的东西:
clip_image032

Open Source Scripts
提供截止于2004年的Javascript片段和代码:
clip_image033

Mini Ajax
非常优美程序片段的集合:
clip_image034

Webappers
大量的包括非常好的图片编辑片段集合的jQuery组件:
clip_image035

Javascript Kit
原创在线javascript片段资源库之一:
clip_image036

Webcodr.com
一些对你网站非常有用的程序片段:
clip_image037

HTML Assets
基础javascript片段的小集合:
clip_image038

其他杂项资源

这里有方便的并不适合下面任一类别的UI资源,但是我们仍旧感到是值得提及的:

Slidenote
一个简单的能使你创建滑动通知(sliding notification)的jQuery插件:
clip_image039

Editable Grid
只要几行简单代码,就能将HTML表格转换为可以用高级选项操作的组件:
clip_image040

Placehold.it
为你排版简易创建占位符的服务器:
clip_image041

Fillerati
一个独特的Lorem Ipsum的替代品。为你网站模型创建真实文字块,帮你从所能接收到的各种公共域文字中做出选择。
clip_image042

qTip2
一个qTip的提示窗口插件的jQuery升级。使得为你网站制作风格化提示窗口变得容易:
clip_image043

via http://article.yeeyan.org/view/144345/168856

真实成功案例:巧用 Chrome 浏览器”抢“回家过年的火车票

Posted: 27 Jan 2011 03:56 AM PST

现在正值春运期间,对于在外务工的人来说,目前最头疼的问题就是买火车票回家过年,笔者也同样为这个问题而头疼。根据以往的经验、媒体的报道以及自己在售票点看到的情况,现在排队买票已经不现实了,唯一能想到的就是去一些分类信息网站碰碰运气,看有没有人转让已经购买的车票,比如58同城,酷讯网、火车票网等等。

clip_image001

虽然这是一个办法,但毕竟现在还在工作期间,年底事情也非常多,不可能占用工作时间一直刷新这些网站的页面,而且一般有新信息刊登之后,几秒钟之内就被别人预定了,有没有办法这些信息第一时间推送给自己呢?当然可以,笔者就已经成功利用 Chrome 浏览器搭配一枚叫做 Page Monitor 的扩展成功"抢"到了火车票。

Page Monitor 是 Chrome 平台上一个可以用来监控页面变动的 Chrome 扩展,一旦监控到目标页面有变动(更新),扩展可以通过非常明显的方式提醒用户。具体功能如下:

1、监控页面变化(频率可控制在10秒内,最低可达6秒);
2、可通过声音提醒用户目标页面的变动;
3、可利用 Chrome 的桌面提醒机制提醒用户;

利用该扩展的这一特性,我们就可以监控分类信息网站上火车票转让页面的内容变动(更新),一旦扩展检测到有更新,就提醒用户现在可能有人转让新火车票了,然后马上点开页面打电话联系。一起来看看笔者是怎么成功利用 Chrome 浏览器+Page Monitor 扩展"抢"到回家过年火车票的吧:

1、安装 Chrome 浏览器(废话);
2、在 Chrome 浏览器中打开 Page Monitor 扩展页面,点击安装;
3、打开分类信息网站的火车票转让页面,比如58.com的T7次火车票转让页面
4、点击 Page Monitor 的扩展按钮——监控此页;
5、在 Page Monitor 扩展图标上点右键——选项,进入扩展的设置页面;

clip_image003

6、启用桌面通知和声音提示,检查间隔设定为最低(6秒);
7、等着信息来找你吧,一旦看到桌面提醒或者听到声音提醒,马上点击扩展进入火车票转让页面,拿起电话毫不留情的打过去。

接下来的事儿就不用我说了吧?

via http://www.chromi.org/archives/10215

震撼!揭秘爆款内幕!单品2000万的全程数据和方法

Posted: 26 Jan 2011 09:35 PM PST

这个一个很好的案例思路!也是一个让我惊艳的案例!不敢保留! 如果你也是做服装,那么按照这个模式,八九不离十可以做到火~~提前两个月策划,八月开始上架! 比别人快一步,比人家早一步,服装赶在消费者需求以前你就一定能做火。当然其他行业也一样!

整整五个月的数据,从一开始上货,选用什么长尾关键词,到后来做活动,选用热门关键词,再到上钻石展位,甚至拿下淘宝大客户品牌广告推广,每一步,都是他们精心策划和规划的结果!

我也打造了很多爆款,但从来没有这么长时间规划和策划过一个单品,这是淘宝神级的单品案例:

首先,我们看看他的销售成绩! clip_image001 clip_image003 clip_image004

然后,我们根据数据来探寻里面的秘密~

clip_image005

接着我们看流量和广告带来的销售组成 clip_image006 clip_image008

正式开始用广告和销售数据进行分析:

第一:点爆阶段,这时候需要完善宝贝的各个细节,包括图片,描述,价格定位,推广策略 活动促销,以及主图和标题的反复优化,在这个阶段有充足的时间去完善这一切的基础! clip_image009 clip_image010

第二:引爆阶段,在引爆阶段里,做了很多细节的操作,一步一步的,慢慢的热火起来, 除了直通车广告,没有其他的广告投放,动用会员徐晓和做了一系列的店铺促销活动。 clip_image012

第三:冲爆阶段,这时候,已有的资源已经挖掘完毕,需要开发新的客户群体,而且她做的已经 淋漓尽致啦,所以,她选择了针对性强的版块的钻展投放来进行测试和反馈,当然,这第三步如果 实力有限,可以通过淘宝的其他一些列免费活动来达成,只不过效率比这差一点,但是毕竟不花钱! clip_image014 clip_image015 clip_image017

第四:火爆阶段 这个阶段没有办法不花钱,需要更大的流量和更多的推广~~毕竟淘宝属于商业平台! 免费可以获取不少资源,但真正的大资源好资源一定被淘宝广告部牢牢控制着,需要钱交易! 不过,能顺利走完前三步,那么已经能测试出来,纯利润率能有多少啦,那不惧怕打广告啦! clip_image018 clip_image019

第五:核爆阶段 这时候,经过广告测试,确实利润充足,而且完全占据各大资源最好位置的时候! 这时候,想总的资源进攻,包括淘宝首页,毕竟这时候的马太效应和羊群效应还有第一效应都凸显出来了 各大接口,广告处,排行榜,包括淘宝客,都已经向你靠拢啦,那么,就在圣诞之前疯狂的砸广告吧! clip_image021 clip_image023

第六:收官阶段 元旦伊始!就差不多可以收官。。毕竟这时候,该买的都买了,最优价值的客户群体都挖掘啦! 再投放的话,转化率也许就不高,投资回报率也差了很多,在圣诞之前砸完广告,剩下的就是 靠着惯性,继续赚年前最后一笔啦,并且在这时候,又放出紧迫性,最后一批,赶快买!!! clip_image025

一个消费者都无法拒绝的新点子

Posted: 26 Jan 2011 09:15 PM PST

image 这周看到美国有一个极有趣的新定价模式,它的高度,让它可能可以挑战Groupon两年前的那种态势,据当地的《Boston Globe》报导,这是一位哈佛刚毕业的华裔年轻创业家张怡芳(译音,Yifan Zhang),决定挑战健身的事业,创立了一个新的健身中心的获利模式,她称为Gym-Pact,中文翻成健身合约。

这个Gym-Pact,你想健身,可以免费加入。免费加入后,免费使用健身的设施,只有在你今天明明该来健身,却没有出现在健身房里?那么,你就要付钱了!

换句话说,你看到在健身房运动的那些人,他们并没有付钱,反而是没看到的那些人,是由那些人来支付、支持这间健身房,让这间健身房继续存活下去!

你说,这样的定价模式,有道理吗?

有!

首先,Gym-Pact打的旗帜是,它是要来帮助大家约束自己的,大家都只会在那边说要每周健身三次,但大家都无法实现诺言,因此,Gym-Pact说服大家,来吧,免费的健身房!如果你没按时来,才需要付钱!这位创业家很有信心,因为她从哈佛经济学教授那边学到,人们对于哪种事情最容易有动力?虽然未来的梦想(变瘦、变更健康)会很有动力,但人们倾向对立刻的好处会更有动力,所以,Gym-Pact不至于被人说是在骗用户的一时冲动,因为应该会有一些客户真的因为Gym-Pact而开始每天运动、每天享受免费的运动!

签约的时候,客户不必缴一毛钱,但,Gym-Pact应该会先留下客户的信用卡号码,虽然客户一开始要谢谢创业家帮他们付钱,让他们可以免费加入这个健身房立刻开始运动,但只要有一个星期没有好好照着塬定的运动日期过来,Gym-Pact就马上收了25美元,如果整个不玩了,那么Gym-Pact要马上收75美元。

更有趣的是后面的设计,你说,创业家是要自己开健身房吗?

不,原来,她只需要去和一些健身房谈,健身房会给她优惠价,让她代替那些想运动的客户,以优惠价,来大量购买十个、二十个、甚至上百位的健身房会员卡,你说,哪一家健身房会反对呢?这为它们瞬间带来平常好几倍的生意呢!全部的风险,都由Gym-Pact自己承受了呢!所以,目前他们似乎很轻鬆就已经和二间知名健身中心谈好了,这两间分别是Bally Total Fitness和Planet Fitness。像后面才谈成的Planet Fitness,一开始就和他们买了二十位会员,商家真的是眉开眼笑啦!

但,更妙的来了,Gym-Pact会赔钱吗?

可能会,但,它更有可能赚到不成比例的超丰厚利润!为什么?

Gym-Pact等于一开始就打乱了市场的价格。怎么说呢?由于一开始是免费(或者是非常夸张的二三折的大折价),所以这些用户几乎是想都不必想,就直接签约了,问题是Gym-Pact之后会开始扣钱,你说,他们可以扣多少钱?大家觉得,Gym-Pact可以扣的最大额度,应该要比一般健身房还高,还是低呢?答案是:高!如果原本一个月健身只要30美元,Gym-Pact可以大胆的叫没遵守或提前结束的付75美元,而这些客户还都会想要付,因为他们都太相信自己,相信自己一定不会被罚款,一定能继续享受这个美好的免费健身!而且,客户也会知道,Gym-Pact应该卖高一点,因为,这就好像保险公司一样,为了要负担其他人的理赔,每个人理所当然的应该多付一点,这样的逻辑,让Gym-Pact的定价可能可以非常的海阔天空,天啊!类似Gym-Pact的这样的获利模式,可能可以瞬间做出一间类似保险公司的规模,现金一大堆,多到必须赶快拿出去投资不动产或什么!

而且……

而且,保险公司,一般人不能乱开保险公司的!但Gym-Pact呢?有相关法令的规范吗?没有啊!没有规范!我们问:客户又不必先付钱,目前的法令要怎么管?

哇塞,这个点子让我非常兴奋,已经努力在想,还有什么点子是类似Gym-Pact的呢?

不只是对创业家,对于营销人员来说,Gym-Pact也是一个完全不一样的方向。一般我们做生意,当然是尽量给潜在的客户一些诱因,折价、削价、砍价、跳楼价,让客户会想要过来试试看,但这位华裔创业家的想法却很特别,它以免费成诱因,但利用客户一定会自己出状况、自己会放弃了他们的福利,客户无话可说,商家也高兴的赚。之前我们看到类似的逻辑出现在Rebate券,客户懒得寄回去,商家赚到了;类似的逻辑也出现在礼券簿,预购了一大堆为了贪便宜,期限内却用不完,但以上的都是有价,我们可以来想一想,还有哪些是可以让客户免费加入的?

目前Gym-Pact唯一缺点是,它的定价的变化性还不够,未来应该有各式各样的变化模式,让人们可以更依照他们现在的状况,设计出最适合他们自己的健身时程,这样一来,有更多人会想加入这个疯狂的免费健身服务,而且,只要人性永远都是这样,那么,Gym-Pact永远都是赚钱的。人类就是永远都是太相信自己的决心,那么,Gym-Pact永远都会赚钱,而人类也得乖乖的付钱,都是为你们好啦!

我想,当初的Groupon也是摸出了一套新的逻辑,让商家有兴趣,客户也有兴趣。现在,Gym-Pact也是摸出了一套逻辑,目前看来,似乎商家也无法拒绝(因为Gym-Pact都直接帮他们付好钱了),而客人也同样的无法拒绝。这位年轻的华裔女创业家的这次创业绝对不只是小众的健身市场的创新模式而已,大家快来想一想,下一个Groupon或许已经呼之欲出!

via http://blog.sina.com.cn/s/blog_514cf21c0100ob9x.html?tj=1