2010年02月07日
1.28至2.7精读摘要：[郎咸平]中国人为什么收入低？

草根IT资讯精读：1.28至2.7文章导读( 前30篇 )

1、郎咸平：中国人为什么收入低 ( 想水的树推荐 | 34人顶)
做一个算术题，把国民工资收入加在一起，除上国家的GDP，欧美最高，大约55%，南美洲平均38%,东南亚包括菲律宾、泰国是…
看全文：http://www.20ju.com/content/V138778.htm

2、韩寒厦门大学演讲：中国为什么不是文化大国 ( 草根帮主推荐 | 23人顶)
第二次来到厦门，然后这里的空气很好，难怪大家都喜欢散步啊。
刚才我听邓老师说了一些关于爱国主义的一些问题，我想到了两句…
看全文：http://www.20ju.com/content/V138906.htm

3、白鸦：360的可怕 ( 草根帮主推荐 | 18人顶)
几年来，站在“道德”的高度，以“杀流氓软件”为口号，以“打系统补丁”为基本切入点，以“推荐应用列表”为扩展，以“安全卫士…
看全文：http://www.20ju.com/content/V138023.htm

4、安全恐吓，360的决战大杀器 ( 草根帮主推荐 | 14人顶)
彪悍的“小3”是谁？就是现在互联网上风头正劲的奇虎360系列安全软件。为什么说它彪悍呢？因为在前几天，不少360的用户突…
看全文：http://www.20ju.com/content/V138794.htm

5、[译稿]增加网站流量方法之如何增加回访量 ( 草根帮主推荐 | 13人顶)
网站管理员经常会犯这样的错误：总是认为增加网站流量最简单的方法，是吸引尽可能多的新访客。这种信念是部分正确的，但网站必须…
看全文：http://www.20ju.com/content/V138568.htm

6、牟长青：QQ群推广实战案例分享 ( 草根帮主推荐 | 13人顶)
QQ群推广因为以前做得少，所以一直没单独拿出来说过。但是我现在自己都有了30多个QQ群，有了比较多的实践经验，所以觉得可…
看全文：http://www.20ju.com/content/V138137.htm

7、[译稿]对计算机系学生的七个建议 ( 草根帮主推荐 | 13人顶)
作者：Joel Spolsky

[编者按]由于Joel Spolsky的双重身份（昔日耶鲁大学计算机系学长，今日…
看全文：http://www.20ju.com/content/V138246.htm

8、互联网社区运营的职责有哪些? ( 草根帮主推荐 | 13人顶)
或许很多人说不清楚互联网行业的“运营经理”到底是做什么的，在不同的公司职责也不同，在我此前就职的某公司，运营经理的职责就…
看全文：http://www.20ju.com/content/V138247.htm

9、网站分析的那点事—如何辨别PV,UV,Visit，你真的知道吗? ( wenbin.me推荐 | 12人顶)
PV，UV，Visit，恩，这些不都是我们在网站分析中所使用的最基本的几项数据指标，甚至是外行人也常常会把它们挂在嘴…
看全文：http://www.20ju.com/content/V138308.htm

10、恐吓营销之——360安全浏览器推广案例分析 ( 草根帮主推荐 | 12人顶)
2006年前后推出的360安全卫士一夜之间成为国内Windows系统的标配。据称目前总装机量已达2.5亿，这一数据大致为…
看全文：http://www.20ju.com/content/V138193.htm

11、美国人对中国的看法：没有灵魂的巨人 ( 草根帮主推荐 | 12人顶)
本文观点来自美国兰德公司亚太政策中心：
如果20世纪的中国是一个富裕和统一的国家，阿拉会有一个完全不同的第一次世界大战…
看全文：http://www.20ju.com/content/V138808.htm

12、10种人不适合创业 ( 草根帮主推荐 | 11人顶)
缺少职业意识的人 并不是所有的人都具备创业素质，究竟哪些人不适合创业？社会心理学家认为，以下10种人不适合创业：
1、…
看全文：http://www.20ju.com/content/V138561.htm

13、资料：分享近期积累的一些数据 ( 草根帮主推荐 | 11人顶)
09年网购市场2483.5亿，B2C约143亿，C2C约2340亿；细分下来，淘宝2000亿，拍拍240亿，京东40亿，…
看全文：http://www.20ju.com/content/V138303.htm

14、目前国内主流推广渠道介绍（PPT截图） ( 草根帮主推荐 | 11人顶)
目前国内主流推广渠道介绍（PPT截图），欢迎拍砖。

<IMG …
看全文：http://www.20ju.com/content/V138403.htm

15、程苓峰：百度转舵掉头学腾讯？ ( 草根帮主推荐 | 11人顶)
百度CTO李一男和COO叶鹏同时离职了。再加上之前陆续离职的联合创始人和若干CTO和COO，李彦宏的高管团队保持着业内最…
看全文：http://www.20ju.com/content/V138421.htm

16、网站推广实战：啃一口百度贴吧这块硬骨头 ( 圣者推荐 | 10人顶)
百度的核心产品，除了搜索之外就数贴吧了。贴吧这个全国最大论坛，功能升级日新月异，不仅霸占了大量用户，更是将无数小论坛挤黄…
看全文：http://www.20ju.com/content/V138438.htm

17、待遇那些事儿 ：互联网公司到底哪家待遇高？ ( 草根帮主推荐 | 10人顶)
在互联网公司里，有个普遍的现象，就是这山望着那山高。尤其在薪资这方面，都觉得人家公司比自家的待遇好。
比如说，网易的编…
看全文：http://www.20ju.com/content/V138399.htm

18、给年轻设计师的10大忠告 ( 草根帮主推荐 | 10人顶)
01.好好规划自己的路，不要跟着感觉走！
根据个人的理想决策安排，绝大部分人并不指望成为什么院士或教授，而是希望活得滋…
看全文：http://www.20ju.com/content/V138192.htm

19、内部员工谈ebay中国失败的原因 ( 草根帮主推荐 | 10人顶)
最近，听了一个曾经在ebay工作7年的人做分享，其中提到了ebay为什么会在中国失败。他认为当年ebay中国不是被淘宝打…
看全文：http://www.20ju.com/content/V138547.htm

20、王建硕：人肉云计算 ( 草根帮主推荐 | 10人顶)
我的一个朋友要做提醒服务，发现如果帮用户注册139.com的邮件，发邮件过去，用户就可以收到短信通知。免费，简单。唯一的…
看全文：http://www.20ju.com/content/V138545.htm

21、产品经理行为模式 ( 草根帮主推荐 | 10人顶)
一、像观察自己的BABY成长一样，观察用户的行为、发掘用户需求
1、每天至少看一次论坛，发现用户有提问或者投诉，要还原…
看全文：http://www.20ju.com/content/V138630.htm

22、做在线问卷调研时应该注意的问题 ( 草根帮主推荐 | 9人顶)
在线问卷往往被认为是用户研究的方法中最简单、省事的方法，因而有些至关重要的细节常常被忽略。下面分享一下我的个人经验: …
看全文：http://www.20ju.com/content/V138554.htm

23、韩国网上银行交易占37.4%，超过现金与ATM ( 草根帮主推荐 | 9人顶)
韩国网上银行交易首次超过了自动存取款机(ATM)等自动化设备的交易量，而且手机银行用户也突破1000万大关。
　　1…
看全文：http://www.20ju.com/content/V138569.htm

24、用户体验——让人蛋疼的火车票语音预定系统 ( 草根帮主推荐 | 9人顶)
首先，我感谢你们提供了电话订票热线95105105，但是，你们的系统能不能搞的更人性更舒服一点？你们的语音提示能不能不那…
看全文：http://www.20ju.com/content/V138707.htm

25、网站推广实战：09年制度调整后的百度知道 ( 圣者推荐 | 9人顶)
百度的审查制度在年底做了调整，又玩儿变身了。这次调整涉及到百度知道、贴吧和百科等等。尤其是百科，影响巨大，以前的很多努力…
看全文：http://www.20ju.com/content/V138030.htm

26、敏捷项目管理体会-鸟瞰 ( 草根帮主推荐 | 9人顶)
说到敏捷(Agile)，大家一定能想到很多Agile方式，XP,Scrum等等。互联网的应用开发要求我们稳定的同时，更需…
看全文：http://www.20ju.com/content/V138225.htm

27、和老板交往的黄金法则 ( 草根帮主推荐 | 9人顶)
中国的老板有3种类型。
第一种是“商人”。所谓“无商不奸”，商人追求的境界不高。
第二种是“土匪”。土匪型的老板生意…
看全文：http://www.20ju.com/content/V138944.htm

28、点击商业计划书的“死穴” ( 草根帮主推荐 | 8人顶)
对创业者和需要融资的企业而言，商业计划书已经不是什么新鲜事物了。关于如何撰写商业计划书，坊间可以很方便地买到各种版本的指…
看全文：http://www.20ju.com/content/V138243.htm

29、推荐几个常用的RapidShare搜索引擎 ( 草根帮主推荐 | 8人顶)
RapidShare是世界上最大的文件托管网站，据称已有超过10PB容量的文件上传到其服务器；有了Rapidshare，…
看全文：http://www.20ju.com/content/V138409.htm

30、艾瑞报告：90后网民访问行为更趋碎片化 ( 张磊推荐 | 8人顶)
根据艾瑞咨询的数据显示，90后网民数量在整体网民中的占比已到达13%，90后网民生活在网络时代，对以网络为主的新媒体非常…
看全文：http://www.20ju.com/content/V138463.htm

小提醒：看到好文章，一定要“顶一顶” 哟，您的推荐有利于其他草根阅读，您可用草根网的收藏功能把好文章收藏起来。另外，文章导读每周一发，如您想取消20ju.com的E-mail推送，可以去 http://www.20ju.com/setmail.asp 退订！

归类于： 未分类 — 笑笑生 @ 4:11 pm 评论(0)
2010年01月20日
网商要研究客户体验中的文化价值(zz)

先让大家看一张照片，这是一张客户体验化妆品小样的照片，是我在采访淘宝网一笑倾城网店的店主时在他的店里发现的。这是一张真实的可以放在网上的照片。在此前，我以为体验者不会愿意公布自己的照片的，但是我没有想到，这张照片上的夫妻俩有一种从心里往外的体验微笑。它证明，化妆品体验已经演变成为一种文化了。 

 

 

 

我马上想到了另外一张照片，一张2005年的超女照片。我初看它的时候是发笑的，这几个女孩的表演怎么能够上台呢？后来仔细看她们表演时候的那种神态，简直是一种幸福的沉浸。超女们根本不在乎别人是怎么看她们的，她们是在享受平时不可能有的舞台上的体验，还有以后可能有的电视上的体验。我把这张照片存放入博客里，我判定它是一种文化。 

 

 

 

这让我想到女儿的一个习惯，她喜欢到家里附近的星巴克去写作，甚至会在那里呆一天。她说喜欢那里的氛围，静静地坐在小沙发上，敲打着手提电脑，手捧热乎的醇香咖啡，嚼着香草饼干，被舒缓的欧洲古典名曲包裹，……。实际上，星巴克要给的就是这种令小资们心驰神往的独特咖啡文化。注意，咖啡从体验转变成了文化。 

 

 

 

我翻看星巴克的资料，理解了一点：有的产品，是可以从内心情感上引发消费者在细微末节上的变化的，文化由此植入。正因为这样，星巴克出售的不是咖啡，而是人们对咖啡的独特体验。正如星巴克CEO舒尔茨所说的那样：“我们不是提供服务的咖啡公司，而是提供咖啡的服务公司。” 

 

 

 

在获得这个理念以前，我采访一笑倾城淘宝店主，是想写他们如何重视客户体验，多形式给予表现，结果促进销售的。但是我现在有了改变。人们试验质量好的化妆品，体验自己的变化，实际是一种愉悦的享用。如果用图片和文字表现，就扩大了这种愉悦。这是不是一种化妆品文化呢？我需要再采访。

 

 

 

    发表完文章又想一个问题：你的网店在努力表现客户体验的内容，但是许多客户说，不要给我看太多的内容，我只不过是想来买个商品。如果这样，就说明体验没有转化为文化。入睡前突然想通了这个问题，原来，商品如果表现为文化，还需要一个社会认同的环节的。如果社会不认同某种文化，也还是企业自己的孤芳自赏。

归类于： 未分类 — 笑笑生 @ 5:40 pm 评论(0)
2010年01月15日
京东商城VS淘宝电器城：商业模式的主要差异点

京东商城VS淘宝电器城：商业模式的主要差异点

让我们看一下淘宝电器城的高调上线和出招：

一．低价格。
手机
诺基亚 5800i 红色 淘宝最低价2098元；京东价2139元；新蛋价2138；
诺基亚 5800i 黑色 淘宝最低价2126元；京东价2168元；新蛋价2138；
笔记本
华硕（ASUS） EeePC 1005HA 10.1英寸上网本 （Atom N280 1G 160G XP 粉色）
淘宝最低价2550元；京东价2749元；新蛋价2499；
华硕（ASUS） EeePC 1005HA 10.1英寸上网本 （Atom N280 1G 160G XP 白色）
淘宝最低价2550元；京东价2699元；新蛋价2899；
华硕（ASUS） EeePC 1005HA 10.1英寸上网本 （Atom N280 1G 160G XP 黑色）
淘宝最低价2480元；京东价2699元；新蛋价2699；
家电冰箱
海尔（Haier）冰箱BCD-238S 淘宝最低价3440元；京东价3499元；
二．全场免运费。
三．服务承诺：正品联保，正品行货，先行赔付等。
四．活动：1.淘宝商城比价有奖活动；2.邀请好友，或者50元红包活动。
 
淘宝电器城竞争的针对性很明显，重点竞争对手肯定是京东商城和新蛋等以3C产品为主要经营范围的B2C网站。淘宝也很高调的宣称淘宝电器城开创了网购数码家电的新模板（没太理解什么是新模板），相比自营B2C网店能够给与消费者更大的价格优惠、更好的服务。
在淘宝电器城上线之前，我也曾经希望看到淘宝能够给中国的电子商务业界和零售业界带来再一次的创新服务和产 品。但实质上，淘宝电器商城是另一个垂直细分的淘宝商城，更多的是在替代老的淘宝商城的数码家电类产品的销售份额（没有加入淘宝电器城的商家日子会不太好 过），对京东等B2C发展构不成实质的威胁。
 
那么京东商城模式和淘宝商城模式之间到底有何区别之分，哪一种模式最终会主导市场？
 以上图例是商业模式的主要差异点，一起对比解读一下。
1.       超级大买家和超级大卖场。从零售业的竞争角度看，单纯的零售价格的竞争是最不可怕的事情。和厂商之间建立的高效供应链系统和管理能力所带来的竞争优势才是 长期低价格的保障。从模式的差别来看，淘宝无法长期保持价格的竞争力（现在的价格更像是新店开业后的价格战。）因为京东们会随着发展采购规模越来越大，议 价能力肯定要比淘宝的大卖家强。
2.       收入模式的不同，也同样决定了淘宝的卖家不可能长期的牺牲利润来维持淘宝电器城的低价（至少长期维持不了比京东价格低）。淘宝要收卖家的销售佣金，没有销售利润，卖家还要再交租子，谁会干啊？除非淘宝永远免费，永远不变相的收卖家各种推广费用！
3.       虽然当前中国的电子商务环境还无法让京东们完全获得品牌商的支持，但随着国内市场的发展，品牌商找到了恰当的渠道解决方案 后，一定会给与B2C电商支持。反而，淘宝电器城会存在一个矛盾，如果获得了品牌商的支持，那么就要牺牲多卖家的入住（除非所有入住卖家的价格都在品牌商 规范下完全统一。大家可以去看淘宝电器城的海尔产品的卖家，只有1个）。对于渠道管理规范的品牌，越是强势的品牌，越是难于处理以上的这个矛盾。
在派代上曾经看到有朋友在探讨电子商务对传统品牌商和零售商的核心价值是什么？每一次的商业零售革命，都必然是给消费者、品牌生产商和商家都带来利益的增值。既然电子商务是一场商业革命，那么它也必然要给消费者、品牌生产商和商家三方都带来真正的利益。电子商务给传统品牌商和零售商带来的核心价值是渠道优化。如果电子商务公司以拥有无法比拟的人气和流量，挟消费者以令品牌商和厂商，冲击品牌商和厂商的正常的销售渠道，致使渠道混乱，那就不是三方共赢，也根本无法获得品牌商和厂商真心支持（得民心者得天下）。
4.       销售服务人员是哪一个团体的？这个差别点毋庸置疑很是明显，我想任何一个员工首先都会站在自己企业利益角度去服务顾客。淘宝电器城的卖家的员工也是一样， 他们首选会关注自己企业利益，而不会去关注淘宝利益，淘宝亦然。（为什么现在骂淘宝的小卖家这么多，淘宝需要反省一下。卖家和消费者都是你的用户，那么他 们就都是你的上帝。千万不能是需要的时候是上帝，不需要了就是瘪三。）
5.       销售人员会不会对品牌有偏好性介绍？这个问题的实质是商家的销售人员是不是以客户利益为中心。给客户推荐和介绍最适合他的产品，而不是推荐符合商家利益的产品，二者之间的客户体验是截然不同的。
6.       淘宝电器城的卖家之间还是会依然存在恶性价格竞争的问题。这个和中关村的数码城是一个道理，商城内部竞争的无序，如果管理不 当最终就由价格战演变到透支消费者的信任。如何引导合理的内部竞争，对淘宝电器城是一个长远的课题，销售价格高的卖家，没有销售量，肯定就会疏于电器城的 业务管理和服务，慢慢也会离开。
7.       服务标准的统一。京东们会有统一的服务标准，如果说有服务的差异，那也是员工执行力的问题。这个相比起卖家之间不同的服务价值观，是完全两回事。对投诉处理，质量标准、退换货标准等等如何达成统一呢？
 
我们对比分析的商业模式上的差异点，会决定消费者与商城网店之间购物过程中的用户体验差异。用户体验是最终决定消费者是喜欢选择京东们或是淘宝电器城。例如：
我要购买诺基亚5800i手机前咨询相关问题，淘宝电器城不同的卖家的咨询解答可能会有不同的答案；
在京东买华硕（ASUS）EeePC 1005HA笔记本赠送鼠标、送笔记本包、可能还会送一张《阿凡达》电影票，淘宝电器城不同的N个卖家能统一赠品促销活动吗？很难做到！（这是在价格竞争 中保持产品售价一致，还能有价格竞争优势的最简单办法。京东要是采用了这个办法，别忘了给咨询费！）
我买了海尔（Haier）冰箱BCD-238S，过了1个月后，京东给我发来一封邮件，送了我一张价值200元的海尔产品促销优惠券券！这种客户关怀淘宝电器城的卖家就很难做到。
……（略）
以上的例子都是网站和客户之间互动的客户触点，每一个触点都在影响着用户体验。什么是客户触点？客户触点管理如何提升用户体验？有兴趣的朋友可以看ebizer的以下原创系列文章。
B2C网店客户触点管理之一入门篇
京东们和淘宝电器城之间的竞争，不仅仅是企业和企业之间的市场竞争行为，更是不同的电子商务商业模式的竞争， 这是一个很好、很典型的实战研究案例。淘宝电器城的模式更像是做房地产的，阿里巴巴有着繁华的互联网商业物业，只是开了一个名字叫淘宝电器城的大市场而 已，没有任何一件产品是自主经营的。从这个业务角度来说，淘宝电器城不是零售企业，所以它就不是B2C，不要认为换了几个web页面就是B2C了。数码家电B2C的竞争，归根结底是零售业的竞争，零售企业的成功秘密还是细节决定成败。看 到了今日上线后的淘宝电器城业务模式（和猜想的一样，企业基因决定淘宝会采用这个最省事的模式），如果让我选择谁将会最后主导这个市场，我当然是更看好有 着零售基因的京东们（只要京东不差钱），只有更多的去关注细节的企业，只有更多的零距离关注消费者的企业，才会是最后的市场主导者。中国的电子商务市场刚 刚起步，让我们拭目以待吧！
很多做B2C电商的朋友看了淘宝电器商城的上线后，可能都会对京东等B2C们的前途担忧，毕竟淘宝平台拥有其它电子商务网站无法比拟的人气和流量，还不差钱，可以随便烧钱。淘宝也称淘宝电器城的模式还将视情况在淘宝其他商品类目逐步推行，是不是就没有其它电商的出路了？电子商务的市场规律，和大自然的规律是一样的，百花齐放才会春满园。
归类于： IT生活 — 笑笑生 @ 11:43 pm 评论(2)
2010年01月09日
Email页面代码书写建议及规范

众所周知，Email是一项最古老的互联网应用之一。因此，不少邮件系统还是会采用一些比较古老的处理方式，导致前端方面很多新的技术、新的特性无法被支持。

而且各个邮箱系统以及客户端的差异，也会使email的最终呈现出现很大的偏差。

HTML细节

就目前来说，如果要做一个email页面，为了保证最大的兼容性，有以下几点需要注意：

对于纯文本邮件：

  1. 邮件标题不要超过18个字；
  2. 每行不要超过34个字。

对于HTML邮件：

  1. 邮件标题不要超过18个字；
  2. HTML代码和图片尽量不要超过50kb；
  3. 页面宽度推荐500px，最大不要超过600px；
  4. 避免使用边缘的、非主流的HTML技术；
  5. 不使用css来布局，应该使用表格来布局；
  6. 不使用外联的css样式，而使用font标签来定义样式，定义链接颜色时也是如此，写法如下： <font style="font-family:arial,helvetica; font-size:10pt; color:#000000">
    ...
    </font>
  7. 不使用Flash、Java、Javascript、frames、i-frames、ActiveX 以及 DHTML ；
  8. body和meta之类的标签是可以无视的，因为在很多邮箱系统里它会被过滤；
  9. 如果整个邮件有用到背景色或背景图，建议用以下方式处理：<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    <tr>
    <td width="100%" height="100%" bgcolor=".....">
    <!--- 邮件内容 -->
    </td>
    </tr>
    </table>
  10. 有背景图片的时候，我们要采用这种写法：<table background="background.gif" cellspacing="0" cellpadding="0">

图片屏蔽

由于图片可以用来侦测邮件的打开率和email地址的有效性。
不少邮件客户端都会默认把邮件中的图片屏蔽，用户需要再点一下才能显示图片。

Blocking Issue AOL v. 6.0-9.0 Gmail Hotmail Yahoo! Outlook 2000/XP Outlook 2003 Outlook Express w/SP2 Outlook Express w/o SP2
外链的图片是否默认被屏蔽 Yes Yes No No No Yes Yes No
用户能否设置是否屏蔽图片 Yes No Yes Yes Yes Yes Yes Yes
能不能让用户点击某个按钮就显示邮件中的图片 Yes Yes Yes No No Yes Yes N/A
当发件人在用户的联系人列表里时是否默认显示图片 Yes No Yes No Yes Yes Yes Yes
发件人在ISP白名单中时能不能默认显示图片(国内好像没这个概念) Yes N/A Yes No N/A N/A N/A N/A
图片被屏蔽时是否显示alt属性 No Yes No No No No No N/A
预览时显示windows的主题样式 No No No No Yes Yes Yes Yes

来源：EmailLabs, 2004。国内用户常用的Foxmail似乎没有屏蔽邮件内图片的功能，我也找不到相关设置的地方。

一旦图片被屏蔽，整个邮件就会变得面目全非，这里有以下一些建议：

  1. 重要内容尽量避免使用图片，比如标题、链接等；
  2. 制作一份和邮件内容一样的web页面，然后在邮件顶部写一句话，类似：“如果您无法查看邮件内容，请点击这里查看”；
  3. 所有图片都要加上alt属性；
  4. 所有的图片都要定义高和宽；
  5. 通知收件人把你的发件地址加入白名单。

Outlook 2007的限制

由于outlook 2007使用了word的渲染引擎来展现邮件内容，所以很多HTML属性没法得到支持了，比如：

  • 背景图片(这一点很重要！)
  • css浮动和定位(这个没啥用)
  • 自定义列表项的图像(这个也没啥用)
  • Flash(反正不放)
  • GIF动画
  • 图片的alt属性(值得注意)
  • 表单(反正不放)

下载这个pdf查看详细介绍。这些细节还是应该注意一下。

附：Email客户端的CSS支持情况
本资料来自国外某邮件营销公司，所以缺乏国内邮件客户端的数据。

<style> 标签

  gmail Hotmail Yahoo Live Mail Outlook/OE AOL Lotus Notes Thunderbird Mac Email Entourage Eudora
<head>中的<style>标签 No No Yes Yes Yes Yes No Yes Yes Yes No
<body>中的<style>标签 No Yes Yes Yes Yes Yes No Yes Yes Yes No

<link> 标签

  gmail Hotmail Yahoo Live Mail Outlook/OE AOL Lotus Notes Thunderbird Mac Email Entourage Eudora
<head>中的<link>标签 N o No No No Yes Yes Yes Yes Yes Yes No
<body>中的<link>标签 No No No No Yes Yes Yes Yes Yes Yes No

CSS 选择器

  gmail Hotmail Yahoo Live Mail Outlook/OE AOL Lotus Notes Thunderbird Mac Email Entourage Eudora
* No No No No Yes Yes Yes Yes Yes Yes No
e No No No No Yes Yes Yes Yes Yes Yes No
e > f No No Yes No No No No Yes Yes Yes No
e:link No Yes Yes Yes Yes Yes No Yes Yes Yes No
e:active,
e:hover		 No Yes Yes Yes Yes Yes No Yes Yes Yes No
e:focus No No Yes No No No No Yes Yes Yes No
e + f No Yes Yes No No No No Yes Yes No No
e [foo] No Yes Yes No No No No Yes Yes No No
e.className No Yes Yes Yes Yes Yes No Yes Yes Yes No
e#id No Yes Yes Yes Yes Yes No Yes Yes Yes No
e:first-line No Yes Yes Yes Yes Yes No Yes Yes Yes No
e:first-letter No Yes Yes Yes Yes Yes No Yes Yes Yes No

CSS 属性

  gmail Hotmail Yahoo Live Mail Outlook/OE AOL Lotus Notes Thunderbird Mac Email Entourage Eudora
background-color Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
background-image No Yes, but Yes No Yes * Yes Yes Yes Yes Yes No
background-position No No No No Yes * Yes No Yes Yes Yes No
background-repeat No Yes Yes No Yes * Yes No Yes Yes Yes No
border Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
border-collapse Yes Yes Yes Yes Yes Yes No Yes Yes No No
border-spacing Yes No Yes No No No No Yes Yes No No
bottom No Yes Yes No Yes Yes No Yes Yes Yes No
caption-side Yes No Yes No No No No Yes No No No
clip No Yes Yes No Yes Yes No Yes Yes Yes No
color Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes No
cursor No Yes Yes Yes Yes Yes No Yes Yes No No
direction Yes Yes Yes Yes Yes Yes Yes Yes Yes No No
display No Yes Yes Yes Yes Yes Yes Yes Yes No No
empty-cells Yes No Yes No No No No Yes Yes No No
filter No No Yes Yes No No No No No No No
float No Yes Yes Yes Yes Yes No Yes Yes Yes No
font-family No Yes Yes Yes Yes Yes Yes Yes Yes Yes No
font-size Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes No
font-style Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes No
font-variant Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
font-weight Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes No
height No Yes Yes Yes Yes Yes No Yes Yes Yes No
left No Yes Yes Yes Yes Yes No Yes Yes Yes No
letter-spacing Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
line-height Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
list-style-image No Yes Yes No Yes Yes No Yes Yes Yes No
list-style-position Yes No No Yes Yes Yes No Yes Yes Yes No
list-style-type Yes No Yes Yes Yes Yes Yes Yes Yes Yes No
margin Yes No Yes No Yes Yes No Yes Yes Yes No
opacity No No Yes Yes No No No Yes Yes No No
overflow Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
padding Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
position No No No No Yes Yes No Yes Yes Yes No
right No Yes Yes No Yes Yes No Yes Yes Yes No
table-layout Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
text-align Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes No
text-decoration Yes Yes Yes Yes Yes Yes Yes Yes Yes Yes No
text-indent Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
text-transform Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
top No Yes Yes No Yes Yes No Yes Yes Yes No
vertical-align Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
visibility No Yes Yes Yes Yes Yes No Yes Yes Yes No
white-space Yes Yes Yes No No No No Yes Yes Yes No
width Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
word-spacing Yes Yes Yes Yes Yes Yes No Yes Yes Yes No
z-index No Yes Yes No Yes Yes No Yes Yes Yes No

(*) 不被Microsoft Outlook 2007支持。

归类于： IT生活 — 笑笑生 @ 11:50 am 评论(0)
1.1至1.8精读摘要：[郎咸平]2010年中国经济的三大困境

草根IT资讯精读：1.1至1.8文章导读( 前30篇 )

1、郎咸平：2010年中国经济的三大困境 ( 草根帮主推荐 | 22人顶)
2009年是不平凡的一年，你们的感想也颇多吧？我以前不止一次的说过，中国的经济现在已经不是什么时候见底的问题了，而是见底。。。
看全文：http://www.20ju.com/content/V135251.htm

2、谢文：扼杀创新是在高举创新大旗的口号声中进行的 ( 草根帮主推荐 | 21人顶)
过去两个月我基本放弃写博客了，有什么好写的呢？原来认为网络业的主要问题在于不创新，现在看主要问题在大环境了。大环境不好，。。。
看全文：http://www.20ju.com/content/V135262.htm

3、案例分析:团队领导失败的特征 ( 13531251推荐 | 15人顶)
你和其他团队成员之间有明确的责、权、利的划分吗？团队成员必须要有明确的责任、权力和利益的分配。一件事情如果是人人有 责，。。。
看全文：http://www.20ju.com/content/V135053.htm

4、用扩展来优化谷歌拼音输入法——U模式部件输入 ( 尘一推荐 | 13人顶)
在最新发布的谷歌拼音输入法2.1.10.65版本中， 我们支持了增强的U笔划输入模式：部件拆分输入。今天我们就来聊聊U模。。。
看全文：http://www.20ju.com/content/V135046.htm

5、电子商务到底是谁的机会？(3) ( 草根帮主推荐 | 13人顶)
电子商务到底是谁的机会(1)？ 电子商务到底是谁的机会(2)？本文所指成熟品牌B2C，更多是在线下已建立了成熟的。。。
看全文：http://www.20ju.com/content/V135074.htm

6、华为总裁任正非：没有什么能阻挡我们前进 ( 草根帮主推荐 | 13人顶)
本文是华为总裁任正非在2009年12月31日发表的新年致辞。往年的公司新年致辞，任正非并非亲自为之，因此今年意义格外不同。。。
看全文：http://www.20ju.com/content/V135187.htm

7、阿里巴巴公司内部资料：交互设计全档案 ( 草根帮主推荐 | 12人顶)
引言一直以来，交互设计师都是一个受到广泛质疑的岗位，很多人不了解交互设计师的价值，更直接的说，我们大多数的交互设计师。。。
看全文：http://www.20ju.com/content/V135164.htm

8、[组图]25个出色的使用叶子的logo设计 ( 草根帮主推荐 | 12人顶)
越来越多的网站在logo中添加叶子元素，而此类logo又常常使用绿色，这可以给人希望、清新、健康的感觉，从而很容易被接受。。。
看全文：http://www.20ju.com/content/V135071.htm

9、周鸿祎：好的互联网产品是运营出来的 ( 草根帮主推荐 | 12人顶)
在互联网领域创业的人越来越多，但究竟怎样才能打造出成功的互联网产品，一直存在着理解的误区，也困扰着很多创业者。从我个。。。
看全文：http://www.20ju.com/content/V135329.htm

10、关于淘宝直通车的一些操作技巧之个人见解 ( 草根帮主推荐 | 11人顶)
淘宝直通车是淘宝推出的一种相当于百度竞价排名的一种搜索竞价模式，是按点击付费的，也就是说当客户譬如需要“男士太阳镜”，他。。。
看全文：http://www.20ju.com/content/V135198.htm

11、卓越网：“25元”危机 ( 尘一推荐 | 11人顶)
因为“技术错误”，卓越原价4500元的商品竟然以25元出售，事情很快由技术故障升级为一场公关危机。文｜CBN记者 杨。。。
看全文：http://www.20ju.com/content/V135049.htm

12、策划书的写作及策划案集锦 ( 13531251推荐 | 11人顶)
策划书的写作及策划案集锦第一部分: 活动策划案书的写作活动策划方案是公司或企业在短期内提高销售额，提高市场占有率。。。
看全文：http://www.20ju.com/content/V135050.htm

13、手机网站开发必修课[2009总结版] ( 草根帮主推荐 | 11人顶)
从09年初接手淘宝手机网站前端开发的工作至今，转眼已是一年。一步步看着手机淘宝从最初的beta版本到今天的样子，感慨良多。。。
看全文：http://www.20ju.com/content/V135175.htm

14、季琦：IT精神打造传统服务业 ( 草根帮主推荐 | 10人顶)
这是个老话题了，第一次系统地提出这个概念还是06年在交大安泰管理学院。而实践上，从99年就开始了。 &nb。。。
看全文：http://www.20ju.com/content/V135280.htm

15、创业家：未来五年盛产富翁的产业 ( 草根帮主推荐 | 10人顶)
如果你想在未来五年把自己弄上中国富豪榜，那不妨花半个小时来研究下这个未来富翁生产图谱王敬 曾任普尔斯马特中国采购总监，物。。。
看全文：http://www.20ju.com/content/V135287.htm

16、观点：跨国公司为何热衷在中国行贿 ( 草根帮主推荐 | 10人顶)
美国司法部和证券交易委员会去年12月31日发布消息称，美国电信设备制造商UT斯达康公司因为向中国国有电信公司提供贿赂以获。。。
看全文：http://www.20ju.com/content/V135363.htm

17、[组图]Google手机Nexus One六大特色解析 ( 草根帮主推荐 | 9人顶)
北京时间1月6日凌晨2：00，互联网巨头Google第一款自主品牌手机—NexusOne在美国加利福尼亚山景城谷歌总部正。。。
看全文：http://www.20ju.com/content/V135318.htm

18、支付宝在godaddy购买域名实测,全程图文解说 ( 草根帮主推荐 | 9人顶)
目前，全球最大的域名商Godaddy已经支持支付宝在线支付购买域名，而且可以直接RMB支付,按照实时汇率计算.下面是。。。
看全文：http://www.20ju.com/content/V135319.htm

19、Dropbox免费网盘高级使用技巧 ( 草根帮主推荐 | 9人顶)
Dropbox和Live Mesh都是常用的网络存储服务，可以实现多台电脑上共享和同步文件，微软的Live Mesh提供。。。
看全文：http://www.20ju.com/content/V135254.htm

20、讲座整理:充分挖掘长尾关键词,全面提升网站流量 ( 草根帮主推荐 | 9人顶)
今天站长培训网admin2.com的站长讲座进行到第6期了,这一期邀请到SEO研究中心(www.moonseo.cn)创。。。
看全文：http://www.20ju.com/content/V135163.htm

21、用户真的知道他们需要什么样的软件吗？ ( 草根帮主推荐 | 9人顶)
作为产品经理，我曾经多次和研发人员交流寻找用户需求的重要性，我们的研发人员也的确在四处寻找用户到底需要什么，网络时代让产。。。
看全文：http://www.20ju.com/content/V135073.htm

22、[组图]谷歌Android成功秘诀：创造力来自宽松环境 ( 草根帮主推荐 | 9人顶)
谷歌Android为什么会大如日中天，甚至不把微软和iPhone放在眼里？NexusOne为何一举一动都如此受关注？当你。。。
看全文：http://www.20ju.com/content/V135065.htm

23、十五个提供免费在线制作网页徽标服务的网站 ( 草根帮主推荐 | 8人顶)
提供免费在线制作网页徽标服务的网站无非就两种，一种是让你把现有的 JPG、GIF、PNG 或者 BMP 格式的图片直接转。。。
看全文：http://www.20ju.com/content/V135070.htm

24、2009年我们看到的免费软件好玩的技术创新点 ( 草根帮主推荐 | 8人顶)
2009年我们看到的免费软件好玩的技术创新点这里提到的，都是一个个的“创新点”，可能很简单，可能不实用，可能看起来并。。。
看全文：http://www.20ju.com/content/V135098.htm

25、[组图]美国大众摄影2009年度图片 ( 草根帮主推荐 | 8人顶)
美国大众摄影杂志刚刚公布了2009年年度图片评选结果，摄影师Tyler Stableford以一张拍摄于科罗拉多森林火区。。。
看全文：http://www.20ju.com/content/V135037.htm

26、曹增辉：微博营销术 ( 草根帮主推荐 | 8人顶)
其实这也是互联网日益个人化、扁平化、去中心化的一个必然结果。用户获取信息的成本极大降低，结果就是传统的营销方式对用户的影。。。
看全文：http://www.20ju.com/content/V135176.htm

27、创业草堂：创业公司的财务预测 ( 草根帮主推荐 | 8人顶)
创业公司里最最重要的财务预测是它的“现金流”，切记切记：现金流！ “现金流”就是指公司里的钱要像流。。。
看全文：http://www.20ju.com/content/V135193.htm

28、案例分析：麦当劳“见面吧”真实影响购买 ( 草根帮主推荐 | 8人顶)
麦当劳近年来将主要的市场转向年轻人群体。在2009夏季促销调查中麦当劳发现，年轻人 尤其是大学生目前的主要业余时间都用在。。。
看全文：http://www.20ju.com/content/V135278.htm

29、百度搜索界面悄然变化 导航栏增至左边 ( IT新视点推荐 | 7人顶)
IT新视点讯 1月5日晚间消息 小编今晚在百度输入IT新视。。。
看全文：http://www.20ju.com/content/V135299.htm

30、维基百科创始人:去做那种你非常非常相信的事 ( 草根帮主推荐 | 7人顶)
“我以前曾经希望，美国政府能以奥巴马的姿态而不是布什的方式与中国交往。现在，事情变成真的了。”旧金山时间11月17日，维。。。
看全文：http://www.20ju.com/content/V135274.htm

小提醒：看到好文章，一定要“顶一顶” 哟，您的推荐有利于其他草根阅读，您可用草根网的收藏功能把好文章收藏起来。另外，文章导读每周一发，如您想取消20ju.com的E-mail推送，可以去 http://www.20ju.com/setmail.asp 退订！

归类于： IT生活 — 笑笑生 @ 11:41 am 评论(0)
2009年12月31日
如何让MasaMaso的广告效果提高100倍（下篇）
接上篇（ 如何让MasaMaso的广告效果提高100倍（上篇））来说：
   我来给大家分享一下我对MM观察收集到的信息，和我自己的分析。第一点判断，我们就假定MM的市场占有率是3.5%这个数据是真实的（计算下来大概是年销售额6000万），在这个假设之上去判断，MM有没有找到高端定位男装的市场诀窍？或者说，MM是否有他高端男装B2C的成功之道？我的结论是没有，一定没有！
   为什么我可以这么肯定？（也可能是因为说错了不用交税，哈哈）。我前面说了，有至少10%的人是想要买“高端”的。也有很多人试了“高端”、“中端”，结果是不行。所以，我再重申一句本来就是废话的话——拼价格，就只要便宜就好，但高端绝对绝对不是只要东西贵而且质量好——那些做失败的公司就是败在这个想法上，以为高端就是质量更好，价格更贵。
   凡是生意成功，一定是有道（这个“道”字的含意主要是道家思想中的那个道），在派代这个就叫“商道”（所以这个名字我感觉取得特别的好）。有很多时候，你可能是撞大运成功了，但这个大运是什么，就是你撞到这个“道”上了，因为运气的原因符合了这个道，也许之后你明白了这个道是什么，然后寻道而为，你就“上善若水、无所不为”了，也许之后你还糊涂着，那也许你不知不觉又脱离这个道了，结果仅仅就是随潮而起，那也将随潮而落。
   我们怎么去认识ＭＭ有没有道，有什么道呢？商业行为就特别简单，去看看他怎么推广的就能明白大概。ＭＭ的推广手段比较多，但推广的内含是比较单一的，促销手段就尤其的单一。他从一开始就是“礼包”，也就是几件一起买就便宜多少；还有礼券，一个券在买够多少钱后（２００、４００元之类），能给便宜２０元、５０元等等。那个时候礼包什么的这种促销非常多，而且互相兼容还不好，消费者买个衣服要算半天，怎么样值？（其实消费者算怎么买最值一般不是因为要便宜，一般他的原始动机是怕自己做出错误的，或者说傻的决定，多花钱其实他们不在乎，他们在乎的本质是自己不能去扮演怨大头这个角色），那些是很久以前的事情了，直到今天他的促销手段是什么？现在他的网站上是这样的：越买越便宜，圣诞节销费不同额度给打不同的折扣，最高７折（消费２５００元以上）；还有消费满７２８元送真皮手套；还有一折疯狂限时抢购。之前还有什么活动？我注意到的，有抽奖去国外旅游……全部这些东西，对买这个价格服装的消费者来说，有没有特别的针对性？除了“便宜”些，有没有其它产品的或者品牌上的灵魂？他的设计，文案，图片和照片有没有明显的倾向性去说明他的品牌是给什么样的人准备的，有什么样的精神？没有，一点都没有！他的精神本质，其实和拼价格思维的手段完全一至……如果有什么是他一直坚持的，而且是有自己特色的东西，就是价格，他衬衫的价格从来没有做过整体上的调整。这一点上，我要深深的表达我对这家公司的敬意，也许看上去很简单，但试问有几家能做到？（而且成功的最主要的因素从来都不是复杂的，都是某个简单的部分）
   ＭＭ盈利能力怎么样？他的广告转化率怎么样？他有没有途径去在降低推广成本的同时提高推广效果？他能不能让老顾客回购，能不能行成顾客满意及口碑传播，以形成良性循环？我猜测（因为没有实际数据支持），这样一个“高端”定位却没有品牌灵魂的Ｂ２Ｃ企业，是不可能有什么特效药来解决这个必须解决的问题的。他现在的“成功”来自于什么？来自于暂时没有等量的直接竞争对手，这个“高端”市场处在饥渴状态，购买者由冒险者、饥渴者、边缘者（没有共性的随机原因驱动购买）组成，也就是说这种阶段成功不可复制，甚至于难以长期延续，更别说应对必然很快会出现的而且绝对不只一两家的直接竞争对手的进入。
而现在ＭＭ的人，让我猜，他们想推广口号脑袋都要想破了，想出来好多，好象都可能会有用，好象又都没什么大用，加到一起说怕繁乱，简化说一两个怕没有足够说服力……（要我判断，没一条能说到客户心坎里去的，因为根本不知道在对谁说话）
如果我是ＭＭ，我怎么来看这个问题？我会很庆幸啊，第一，我通过前期积累，我可以有一个比较大的销量了，而这个销量带来的最大价值不是别的，而是一种收集和分析“高端”消费需求的可操性。神童精英通过空想和坐而论道去判断的结果远远不如辍学小贩沿街叫卖亲身感受得来的结论成功率更高。而ＭＭ现在的积累，得到的最大的好处就是可以有机会去真实感性的去了解购买这个价格衬衫的人群，以力求萃取他们“高端”诉求的本质。第二，现在强力的竞争对手还没有出现，还有先行优势，可以有机会去布局下一步，通过对消费需求的理解去整理产品，就算不想这么快去动产品，总可以去动推广，可以找到更有针对性的推广媒介，而且可以针对诉求去打品牌价值或者品牌精神。
做法可以很多样，如果让我选，我就自己，包括市场分析人员去送货，因为消费者当时可以试穿，可以去看货，不好可以退货，那送货本身就是一个非常好的获得用户具体信息的窗口，他们是谁？想要什么，欢喜什么，抱怨什么，挑剔什么，期望什么，厌倦什么，拿这个衣服要去派什么用场，还是什么定位？送上三个月，不需要做什么分析，那个时候用脚趾头都知道这个企业应该去做什么、怎么去做了，而且选择也肯定不止一个，可以很开心的去选。
当如此了解用户的时候，任谁肯定都会明白最打动不了这种“高端”消费者的就是打折。什么能打动他？他上什么网站，上班开什么车，坐什么车，衬衫他为什么要免烫，或者为什么要不免烫；他想要的是面试穿的衣服、还是见客户穿的衣服、还是不重要场合穿的衣服？（人家重要场合穿几千一件的好不好？）
当找到不同人群各自共同的诉求核心的时候，只要多选一，有针对性的对其一去推广。而互联网的特性就是，只要你的内容有实质、有价值，那它就能对你进行放大，所以我这个文章的题目说：广告效果提高100倍，我从来不作标题党，我说１００倍，是站在学术角度往低调里说的，实际情况至少是１００倍。
再多两句废话，有人问了，针对一个共性人群去推广，抓住这个单一人群了，其它人群是不是真的就丢掉了？所以，我感觉大家好天真可爱啊。当你真的抓住一个人群了，他们就能天天的向他的亲戚朋友口碑你的品牌啊，然后你反而可以高效的获得泛化人群。反而比上来就大把抓、贪多贪全效果好。
归类于： IT生活 — 笑笑生 @ 12:36 pm 评论(6)
2009年12月20日
产品设计体会：产品新首页诞生记
把《产品设计体会：产品新首页诞生记》推荐给您的好友
这个项目的缘起是为了统一公司几个产品的portal风格，但我们希望能在老板给出的这个目标下找到“变脸”的更多价值。于是项目开始后我查看了portal页面的访问情况，分析了用户场景，画了下图。

 

 

产品portal的用户场景

产品portal的用户场景
在“e网打进”刚上市之时，portal页面只是付费用户的登录入口，有一个简单的填写账号密码的输入框，并没有额外的商业价值，但随着产品的成长，渐渐有了点名气，当时每个月有几万UV（Unique Visitor，独立访客），其中：
非付费用户的访客占大多数，超过80%，短期内相当稳定；付费用户约20%弱，目的其实很明确——登录，很少会东张西望看其他内容；极少数的经销商，有个入口登录后台也就行了。
非付费用户的访客访问portal的行为逐渐增多，他们通过各种途径知道了“e网打进”，可能是通过搜索引擎，可能是听到朋友说起，有了点兴趣，但是到了这个页面以后，看不到产品介绍、不知道如何购买，虽然portal本身使用了“e网打进”，服务部门的同学可以及时与访客交流，但页面内容的缺失导致流失率依然很高。
有了上述分析，很直接的想法就是portal要转型，重点满足普通访客，促进他们转化为e的付费用户，所以我们加重了营销相关内容，力求创造更多的销售机会，也就是所谓的“潜在用户”。进一步思考：
潜在用户 = 访客数 × 转化率
我们可以一方面通过增加页面的营销内容提高转化率，另一方面也可以通过SEO、公关、推广等方式增加访客数，下面只说前者，但两者的目的都是希望能加粗上图中访客到“潜在用户”的线。
之后，我们和销售、服务一起讨论，确认了目的，总结出portal需要哪些页面，以及导航菜单的结构，因为整个站点的复杂度相对较低，所以我们压缩在一级菜单里解决了，如下表。
产品portal菜单结构示意

产品portal菜单结构示意
接着是确定每个页面上都需要哪些元素，以首页为例，我们列出了下表。
首页的元素

首页的元素
上面的工作可以看作“结构化思维”，“战略、范围”的设计基本完成，接下来就是“形象化表达”了，“结构、框架、表现”，UE的同学就成了主角。下面几张图是用哪些工具做的就不说了，这里聊一下PD和UE谁做什么事情，怎么配合。
一开始，PD和UE一起讨论，手绘出首页的大概样子。PD要表达清楚每一个模块的商业目标，可以给出自己对页面的布局建议，但最终的页面结构，UE可以主导确定。

 

纸面Demo

纸面Demo
然后是线框图，PD有时候也会直接给出这个，“变脸”项目中，是UE的同学做的。大家仍然是讨论确定，UE这时候会在设计的过程中融入很多自己的想法，PD要做到的就是防止走偏，保证大家对商业目标理解的一致。
比如在下图中，大家讨论后确定页面为“左侧大右侧小”的双列结构，并且左侧的内容主攻访客，右侧的内容主攻付费用户。

 

线框图Demo

线框图Demo
接着，UE出页面效果图，会安排销售、服务等相关方来做一次评审，告诉他们这就是将来看到的页面，征求意见，他们一定会有各种疑问，这时候PD和UE需要确保每一个细节设计都是有理有据，包括每块区域的位置、长宽；每行文字的字体、字号；每个小图的颜色等等，都不只是为了好看，而一定是与商业目标符合的。
比如下图中，“立即购买”的区域用了页面上最跳的橙色，在充满商业气息的蓝色氛围下很醒目；且位置在“e网打进”访客的电脑最常见的分辨率，即1024×768的首屏右下角，这归功于数据分析；又有个亲切的美女在向你招手，进一步吸引眼球。以上三点设计非常强势的突出了目的，至于是否太过，需要后续的效果分析来验证。

 

视觉效果图

视觉效果图
2009年12月在线上的这个页面，整体和上图看起来还是很像的。今后一定会有变化，不知道你在看的时候是什么样子。
新首页上线以后，事情还没有完，持续的监控和改进是必须的，所以在上线后的半个月、一个月、三个月这几个时间点，我们都做了一些数据分析，从结果看，有一定的效果，比如访客粘度、网站停留时间均有提升，填写表单留下联系方式的潜在用户明显增多，具体就不仔细讲述了。
归类于： IT生活 — 笑笑生 @ 5:33 pm 评论(2)
2009年12月18日
[译稿]2010年网页设计趋势

图文版见《[译稿]图文解说2010年网页设计趋势》

在即将到来的新一年里，是抛开过时陈旧的网页设计，为未来准备大胆全新的网页设计的时候了。尽管趋势不是在一月一日开始或结束的，但新年伊始的时候我们的渴望和在一年之末时我们寻求教程指导之间依然有一个很明显的分界。大多数时候，分界线模糊不清。这就是对当前潮流趋势是完善还是重新诠释的的选择。趋势会帮助设计师并让之进化。如果我们掌握了这些设计美学的技巧，我们就可以推进趋势或者开发一个全新的领域。

理解这些，你将会认识到这些趋势背后的创意。尽管这些趋势和在2009年流行的没有巨大的变化，但它预示了那些趋势将会进一步扩大流行并因此变得更佳。如果你正在考虑如何将新的潮流吸收进你的作品的话，请把注意力放在每个潮流趋势的中心思想上吧！多多鼓励自己去涉猎这些新趋势中，这样你会变成这个运动的一份子！

1 巨大的logo/标头(headers)
飞出页面（Splash pages）已经非常过时了。为了给访问者造成难以忘怀的印象，2010的流行趋势将会是巨大的logo或者不相上下大小的标头。这种类型的标头会占据整 个屏幕，但是只有一个重要的短信息在上面。访问者不需要点击任何东西，只要把鼠标向下滑动。访问的人现在普遍患有点击恐惧（由于多年来的缺乏指导）。所以 大幅的标头就像飞出页面一样，但是它不会强迫你的用户点击任何东西。

中心思想:巨大的标头将会使你的访问者记住你的网站。

 

2 素描/手绘设计
手绘设计并不是真正全新的一种潮流，但我们知道它仍然站在网页设计的前沿。很多设计师欣赏这种风格，但又怯于创作此类作品仅仅由于“我不会真正地手 绘”的态度。如果你去看那些最流行的手绘风格网站（相对于其他趋势风格的网站，手绘设计的网站不多），你会注意到大多数同行不会绘画。这些设计不是要送往 艺术博物馆的，它们只是传递一种异想天开的想法，并模糊冷冰冰的网络和人与人的互动——因特网的终极目标，之间的界限。如果你会涂鸦，你就可以创作素描/ 手绘风格的网页设计。

素描在2010年会变得更加强大，尽管不是网页设计的主要焦点。它将会以新颖的和令人兴奋的方式被用于个性标准的页面文案（web copy）。

中心思想：素描在合作设计中会变成一个基本的组成部分。

 

3 肥厚的字体
尽管在传统媒体中出现已经超过200年了，肥厚的字体在网页设计上的应用还算比较新的。要得到肥厚字体的可视化定义，就想想古老的狂野西部的海报 “渴望”。那些醒目的字母就是肥厚的字体。肥厚字体普遍是大写字母，醒目并令人印象深刻。许多设计师以前避开肥厚字体不用，是因为以前标志和标头都比较小和比较简朴的缘故。和巨大的标头一起组合之后，肥厚的字体将会吸引浏览者的注意。

中心思想：肥厚字体来大胆的表现自己。

4 活版印刷
活版印刷是最难掌握的的潮流趋势之一，这就是它在2010年依然保持新鲜的原因。出于大家对可用性的呼吁，网页设计师不敢使用新起的和各式各样的字 体。把不同大小尺寸的字体混合在一起这个想法是完全不可想象的。可以探索，扭曲，模压字体来达到你的目的。如果位置得当，一个利用了活版印刷作为它主要涉 及元素的网页会比一个超载了大量图片的相同网站有趣的多。

中心思想：活版印刷是新发展的，但是它会将继续成为网页设计的一部分。

 

5 单页布局
单页布局将会驱使你去把不必要的信息删除。在2010年，这个潮流将会抛弃那些古怪的导航，并使之影响国变得更加小（this trend will move away from the quirky navigation and become more minimal in its approach.）。可以这类风格的网页想成商业名片。这些网站将会更像一站式商店，在那里有你和你在各式各样网站上的作品（比如你的博客和你在各种社 会化媒体上巢穴）。

中心思想：单页布局将会有较多个人文件和较少的团体合作。

 

6 巨幅图片
与巨大logo/标头header很接近，所以大幅画面也做着同样的事。它创造了难忘的视觉冲击。不像上文巨大logo所示的那样，巨幅图片不是网 站品牌的一部分。相反，访问者不是因为内容而是因为奇大无比的图片尺寸吸引进入你的网站的。在2010年，网页设计师们会发现，在他们的设计中使用起这些 巨大的表现方式来表达网站的风格，将会更加的舒适惬意。

中心思想：巨幅图片会被用作吸引游客进入你的网站。

 

7 改变视角
就像我们以前讨论过的一样，桌面视角已经重复到令人发腻了，2010年将会看到一个更加贴切实际的视角，可能会有一个移动的侧视的天线（There may also be a move toward side-shot aerial.）

中心思想：2010年网页设计会出现不同的视角

 

 

8 交互式/直观设计
flash动画会有更好的发展。以前，你访问网站，你一定会点进一些令人厌烦的动画界面。现在动画会轻松、专业的多。尽管一些设计师更愿意选择 jQuery制作表格和弹出式窗口，但动画在设计界仍然占有一席之地，特别是在表现细节方面。动画在互动上仍然有所欠缺。2010年，网页设计师将会在动画的补救元素方面改进。现在普遍的浏览者对互联网了解得更多更深了，设计师会也将会也会创造出比以前更直观性一点的网站。

中心思想：交互式设计会重新流行

 

9 弹出对话框
弹出对话框这个趋势现在正如火如荼地被使用，事实上2010年就会到处可见。弹出对话框就像弹出式窗口的一个更加老练的长兄，——流畅、美观、潮流。弹出对话框更容易设计和使用使它成为那些为可用性担心的设计师的完美解决方法。

中心思想：在2010年设计中弹出对话框将会继续流行

 

10 简约主义
请忽视学校极少网页的网站。2010年的网页会继续以大片空白和醒目的排版、出人意料的颜色方案为特点。不是所有的简约网站都同意黑和白的简单性概念。尽管简约主义本质上是温和的，但是它也展示鲜艳的颜色。简约主义不是冷酷的，它是温暖的，开门见山的。

中心思想：简约主义将会大胆的用于排版。

 

11 大尺寸的底部
也许大尺寸的底部已经到处都是了，但是在2010年你会发现它们甚至会更夸张。未来的底部会减少事先考虑的因素，成为设计的主要部分。底部将会寻求詹这些特征：包含随机的信息的脚本，比如不同的社会媒体的更新、每日调查、和Flickr等。

中心思想：大尺寸的底部将会以较少重要的信息，较多个人信息为特点。

 

 

12 复古
复古设计会成为风尚，流行起来。虽然很多设计的团体钦佩复古的网页设计，但如果没有留下”已复原(undone)“的印象就很难完全掌握这种风格。 复古的关键是被它的风格和潜在的趣味性所启发。在2010年，如果设计师找到新的使复古老艺术荣耀起来的方式，复古设计将会扩大使用的范围。

中心思想：复古是一种新潮。

 

13 介绍框
“你好，我的名字是······/Hi,my name is…”将会在2010年找到更大的舞台，如果设计师认识到介绍把自己给访问者的美丽,简洁的话。如果你正在为做一个有创造性的“关于自己”的网页而 苦恼，介绍框是最好的解决措施。它会迫使你把你的介绍简略成一个相关大小的空间。2010年介绍框会突破它本身所具有的界限。设计师们找到新的便车 （new pick-up lines）来取代了令人厌倦的你好。同时，2010年介绍框将出现非常规的摆放，也许是放在网页的正中间，替代了现在的放左边的介绍版块。

中心思想：一种新的说“你好”的方式

 

14 杂志布局
因为越来越多人从传统的打印媒体转移到在线信息娱乐，设计师们会挑战着欢迎这些简单的转变。杂志布局有一个步骤，就是所有信息会小心地放在首页上， 使浏览者有机会去根据兴趣去探索。相似的布局吸引那些曾经看过报纸或者杂志的人，但是也会更易使用令人讨厌之极的网页。在2010年，杂志布局会变得越来 越普遍，特别是博客方面。

中心思想：杂志布局会被用作娱乐信息方面的网站。

 

本文来自:菜菜网摘(www.pcicai.cn) 详细出处：http://www.pcicai.cn/html/?25616.html

归类于： IT生活 — 笑笑生 @ 8:08 pm 评论(6)
2009年09月25日
以速度为度量思考网站效果——Gomez案例

来源：草根网 – 互联网界的读者文摘

【导语】网站的访问量，bounce rate，以及其他用户的满意度指针是否会受到你的页面打开速度的影响？Gomez的网站速度分析将从时间维度给你一个新的视角。

　　imageGomez这个名字大家并不陌生，有去过8月份WAW的朋友一定对Gomez的中国区总经理程渊先生的精彩演讲留下了深刻的印象。Gomez是一家美国公司，是业界领先的（互联网/移动）网站用户体验管理服务商，能为用户提供按需定制的技术平台，以帮助测试和评价用户使用网站的体验（包括可用性和易用性等），并进而帮助用户优化网站，提升绩效。

　　Gomez的方法是从客户端模拟用户环境，通过分布在世界各地的为数众多的客户端访问网站服务器，获取与访问相关的数据。客户端本身是可以配置的，因此完全可以根据测试的需要配置各种环境，例如不同的计算机硬件、不同的操作系统、不同的浏览器等等，以完全模拟各种真实的终端用户访问情形。

【案例】

　　我接到客户的任务，一个重要的任务，研究为什么客户各个国家的站点中，同样设计和内容的页面，只有中国站点的bounce rate最高？我们都知道bounce rate是最令人烦恼的度量之一，所以当我接下这个工作后，我并不觉得轻松。但是，最终，当结案的报告做出之后，我觉得充满了收获。这里，我想跟大家分享研究中利用Gomez服务的部分。

　　对于网站分析而言，网站的可用性和易用性，我们其实可以通过网站分析的数据来间接获得。比如，如果一个页面上，我们希望用户点击“注册”，可是大量用户没有点击，而是点击了页面上的其他链接，那么我们实际已经可以知道页面的可用性或者易用性出了问题。但是，当我分析bounce rate为什么居高不下的原因的时候，我不能仅仅把它归咎为页面设计的不好或者内容糟糕，我需要把页面在客户端下载的速度也考虑进去，尤其是，当这个页面是完全由flash元素构成的时候——网站监测的代码已经在html页面下载的同时就执行了，但是flash可能需要10秒钟左右才能出现，这种长时间的等待完全可能让一部分访问者放弃。

　　由于网站的服务器统一都安放在美国，而中国版本页面的读者又几乎都是在中国境内，这可能也会造成中国访问者需要花费更多的下载时间。我们下面需要做的是，验证这个想法。

【利用Gomez进行的测试】

　　我的验证方法是，选取不同国家和不同城市，统计在这些地域的访问者完全载入该页面平均所花费的时间，然后跟各个地域的平均的bounce rate做比对（bounce rate的具体细分数据需要网站分析工具统计，网站分析工具对于地域的划分并不完全准确，但仍然是很好的参考数据，作者注）。现在，关于页面下载速度，Gomez可以帮这个忙了。

　　废话不说，直接上图（因为客户保密要求，下面的数据并非完全出自真实数据）。

web-speed_country

speed-overlay-map

webspeedtable_country 

图：测试页面在各个国家平均的响应时间（中国很红）

　　从图中看到，中国访问者访问这个页面的速度明显慢于其他国家，只有美国访问者的访问速度的1/2不到。然后，我们比对同样页面，这几个国家之间的bounce rate：

bounce-speed

图：页面载入时间和bounce rate之间的关系——按国家细分

　　从比对结果看，似乎bounce rate的确可能因为中国的load time更慢造成，但是结论不能下太早。德国（Germany）显然是个特例。

　　国家之间的比对，显然太粗放，我们还需要更细分。Gomez给我们提供了更进一步的数据，见下图：

web-speed_city

webspeedtablecity

图：测试页面在各个城市平均的响应时间

　　现在，我们要做的，是进一步把pageload time和各个城市的bounce rate做一个比对。

bounce-speed_city 

图：页面载入时间和bounce rate之间的关系——按城市细分

　　从数据看，大部分城市的确呈现更快下载速度，更低bounce rate的情况，但是北京和法兰克福(Frankfurt)则又是例外。

　　又到了我们从现象找结论的课程了。能够从上面的现象中得出什么样的结论呢？

　　整体看，bounce rate的确和网站下载的速度有关联。但是我们知道，网站的下载速度只是影响bounce rate的重要原因之一。我们可以得出的初步结论是，提高页面的下载速度有助于降低bounce rate。

　　但是，细心的你一定可以看到，我所说的是“初步的结论”，但这个结论其实已经有些“过硬”了。但是，那些不正常的“例外”才是我们要进一步挖掘的真相，这个不是今天文章的主题，留到以后再说。而关于页面下载速度对bounce rate的影响，我们其实还可以再继续一步以获得更准确的结论呢。

【利用A/B test进一步测试】

　　通过Gomez的帮助，我们已经了解到了网站分析载入速度和bounce rate之间的关系。那么，我们如何进一步验证呢？当然是A/B test，这个无敌的武器，我的最爱。

　　Omniture和Google都提供A/B test的工具。我建议选择Google，因为Omniture比较贵 :) 。测试的方法很简单，我们准备两个“一模一样”的页面，但是其中一个图片和flash文件稍微更大一点儿，这样就需要多1~5秒钟才能被浏览器下载。剩下的，就交给A/B test工具噜。

ab-test

图：A/B test 

　　最后罗嗦一句，A/B test的结果还没有出来，但是我们可以从理论上预估bounce rate是否会受到影响。因为页面的代码先于整个flash页面就会执行，因此，速度一定会影响到最终bounce rate的情况。

归类于： IT生活 — 笑笑生 @ 11:46 am 评论(4)
2009年09月21日
浅谈如何量化用户体验

来源草根网

很多人都把用户体验看作是网站成功与否的一个总体衡量标准。分析一个网站在提供好的用户体验方面的效果如何，往往会变成一项很主观的事情，仅停留在观点层面，缺乏客观依据。

本文描述了一个量化用户体验的快餐式方法，我发现这个方法对于提供给客户一个关于他们的网站和过去开发所作努力的快速、客观、形象的表现很有帮助。

1、什么是用户体验？
“用户体验”这个术语指的是一个概念：把最终用户作为设计和开发活动的焦点，而不是系统、应用程序或者单纯的审美价值。它是基于一般的以用户为中心（用户至上）的设计理念。

用户体验主要由四个因素组成：
·品牌
·可用性（注释：用户能够使用一个界面来达到他们的目的的难易程度）
·功能
·内容
单独作用的话，这些因素中没有一个能带来积极的用户体验；然而，如果综合起来，这些因素就组成了一个网站成功的主要因素。
UX_CN_01
举例来说，一个设计精美的网站，却频繁地出现服务器错误或超时。或者想象一个很棒的数据库应用程序，由于某种原因而从未被使用过，因为它被深深地掩埋在了网站信息架构的深处。在两种情况中，我们都可以看到，独立的品牌、可用性、功能和内容等要素是无法说明一个网站是成功的。然而，当综合在一起时，这些核心要素就构成了用户体验的基础。

2、目标分析工具的必要性
比如说你来了一位新领导 – 他们对网站现状不满意，想让你帮忙把握网站的正确航向。如果你像我一样的话，第一件要做的事就是先浏览一下这个网站，然后在脑海中做一些粗略的记录。然后你怎样把这些想法和记录传达回给你的客户，而不是简单地像撕成八瓣一样对现有网站批判一番？

问题在于，我们每个人对一个网站是好还是坏的感知，是受我们个人背景和行业特性的影响而有所偏倚的。如果被叫来评价一个网站的优点和缺点，一个开发人员、可用性专员、设计人员或信息架构人员可能会有完全不同的评判。

一个客观的测量分析工具，会帮你提供给客户有事实依据的建议，而不仅仅是主观臆断和观点。本文中我们将探讨的方法会帮助你：

a、尽可能消除个人偏见（主观因素）
b、让不同背景的人（设计人员，开发人员，客户）能够在理解网站上有统一的共识
c、创建基准规则，以便于网站与其竞争者或过去的开发努力作比较
d、为你的客户提供一个关于他们网站的优缺点的事实依据和可视化的展示

3、衡量用户体验

如上所述，用户体验由四个相互关联的要素所组成：
品牌
可用性
功能
内容
但是，我们如何量化和衡量这些看似无形的元素呢？

方法很简单。我们把分析分为四个部分 – 每个用户体验的元素为一个部分。对于每一个元素，我们创建一系列的描述或参数，用于针对性地测量网站。我们为每一个描述创建一个从1到X的尺度范围；并且在这个范围内给每个描述打分。

一旦你完成了这个分析的第一部分，四个栏目中的每一个描述就都有了一个对应的分数。
UX_CN_02
在本文附上的范例分析中，我们只为每个元素使用了五个描述或参数。因此，我们使用了一个20分的尺度范围，这样网站的最高分值就是100。所以，如果我们为每个元素添加额外的五个描述或参数，我们就会使用10分的尺度范围来打分。

下面就是对范例分析中的每个元素以及描述或参数的概要：

a、品牌
品牌包括在网站中所有审美的、设计相关的项目。它带给网站想要的组织形象或信息的创意。用于测量品牌的描述包括：

网站提供给访客有吸引力的和难忘的体验
网站的视觉效果与品牌特征保持一致
图像、附加内容和多媒体对于体验的增值
网站传达出品牌的感知预示
网站利用了媒体的能力来增强和扩展品牌

b、功能
功能包括所有技术方面的和“后台的”进程和应用。它让网站提供给所有最终用户交互式的服务，而且重要的是，注意这有的时候同时意味着前台公众用户和后台管理员。网站功能的描述包括：

用户及时获得对他们查询和提交信息的响应
任务进程的清晰告知（比如，成功页面或邮件更新提示）
网站和应用严格遵守通用的安全和隐私标准
在线功能与离线业务流程结合
网站包含管理员工具来加强管理员的效率

c、可用性
可用性带来的是所有网站元素和特性的总体易用性。可用性之下的二级主题包括导航和易用性（友好度）（注释：易用性处理的是使在线内容可用于用户的体验，享受和使用的问题）。可用性的描述包括：

网站防止错误发生，并帮用户从错误中恢复
整体网页侧重针对主要受众优化
网站帮助访问者达成一般目标和任务
网站遵循它自己的一致性和标准
网站为残疾用户提供内容

d、内容
内容指的是网站的实际内容（文本，多媒体，图像）及其结构，或信息架构。我们来看信息和内容是如何按照定义的用户需要和客户的商业需求组织的。测量内容的描述包括：

链接密度有足够的清晰度，且容易导航
内容组织方便用户达到目标
内容及时准确
内容适合客户需要和商业需求
多语言的综合性内容
在多数情况下，我会为这四种元素分别使用10到20个独立的描述。我建议你使用如上描述作为你创建你自己的分析的基础。请记住，如果你添加了更多的描述，你必须也调整20分的尺度，以便每个元素的总分为100。例如，如果你为每个元素使用10个描述，那么你的评分尺度应该是1-20。如果你为每个元素使用20个描述，你的尺度应该是1-5。

4、显示你的结果
一旦你完成了你的分析，并且得到了每个描述或参数的分值，就是时候把数据放入清晰而便于告知的格式中去了。
UX_CN_03
首先我们要做的是，把每个元素的所有的分值加总。因为我们已经设置了分值尺度，来为每个元素提供满分为100的分数，我们真正得到的是一个百分比的分数。一旦我们有了这些百分数，我发现最有效的是创建一个雷达图来直观地呈现。微软的Excel或者Open Office Calc都很适合，尽管任何带有图表功能的数据表软件都可以。

使用你的数据表软件，你可以创建一个可视化的数据展示。请参见你在上面下载的示例文件来获取更多的范例。
UX_CN_04
5、对你的分析发挥创意
关于本文描述的分析和方法最棒的事情是，他们可以用于满足你的特定客户或项目需求。

你当然可以在分析中添加第五个类别来描述易用性（友好度）或者商业指标。例如，你得到了一个政府客户，需要严格遵循508规则（针对美国）。你可以容易地创建一套描述或参数来专门处理易用性（友好度）元素，修改你的图表来相应展示。同样，你也可以很容易地创建一个类别来专门处理你的客户的重要商业指标，比如，ROI，点击率，转化量，或者重复顾客数。

可选地，这个分析平台还可以让你能够为你选择的元素添加更大的权重。比如说你有一个客户，他是奢侈品生产商，并且主要侧重在品牌和视觉效果上。你当然可以创建一个修改过的测量系统，来为品牌要素提供更大的权重，而为，比如说，可用性要素上减少权重。

6、实际应用
我已经把这个分析用于很多我所从事的项目。我常常在新客户的提案中包含一个“快餐式”分析作为附录，来提供预期的客户一个关于他们网站相对于竞争者的简单印象。

提供这类的评论通常能够给你一个极好的机会来展示你的专业性。机会是其它竞标的公司不会包含这样的免费咨询服务 – 并且你在提案中包含的这个报告可能会是一个对你有利的决定性因素。

在其它事例中，我已经有客户出钱购买关于他们网站的深入的分析和完整的建议。这类报告包括，对于每种描述或参数，完成不同的描述性段落，再配上截屏范例。如果我最终通过跟进我的建议而赢得了客户，我通常会预定网站发布6个月后的再一次评估，作为显示进步的方式，同时加强我的服务的价值。

这种分析也能作为一个入门项目，引出更多的业务。如果你给这种分析定价合理，它可以是一个很棒的工具来让你得到新客户，并展示给他们你的服务的好处。

归类于： IT生活 — 笑笑生 @ 10:20 am 评论(9)
Pages (35): 1 2 3 4 » ... Last »