推荐一篇颇有深度的互联网文章： 中国互联网用户数在2009年底达到3.84亿，在一年时间里，从2008年底的2.98亿，增加了8600万。预计，互联网用户数在今年3月初将会超过4亿。如此高速的用户增长也意味着行业从业者将调整频频，那么中国互联网行业在新一年中又将有哪些变化呢? 1. 基础应用之电子邮箱：QQ超过网易成为第一。 网易保持了大约十年的电子邮箱老大位置将被QQ邮箱超过。QQ邮箱好处是：跟QQ号同名，并且跟作为IM的QQ捆绑为一体，用户体验顺畅。网易最近做了很多创新以遏制QQ的紧逼，但都仅仅在容量、安全、易用性等边边角角，这些都是产品级改良而非战略级突破。网易也在启用跟手机号同名的邮箱，但显然跟QQ的IM/邮箱的捆绑形似而非神似，因为用户体验并没有一体化的效果。 邮箱对于其提供商有三大作用：第一是品牌辐射，第二是拉动门户新闻的流量和相应的广告，第三是对新产品的推广和对手的打压(诸位应该听说过网易邮箱和QQ聊天里经常收不到其竞争对手的产品推广信息的传言吧?)。所以邮箱的衰落对网易的影响将颇为深远，由近到远依次受到影响的是：门户和广告，游戏推广，整体品牌。 2. 主流业务之门户/品牌广告：腾讯超过搜狐成第二，搜狐成老三。 09年Q3，腾讯广告4300万美金，搜狐4850万，这个10%左右的差距会在2010年被填平。估计会在10年Q3，腾讯就会光明正大坐上门户老二的位置。至于广告收入追老大新浪，三年内可见分晓。老四网易能否干掉搜狐进前三，还至少得辛苦3年再看。正如上文提到，邮箱对网易新闻的拉动效果应该会逐渐走弱，而搜狐新闻这两年也受到搜狗拼音输入法的拉动，所以两者在母公司产品的借力上是半斤八两。在格局初定的情况下，网易挤进前三前路漫漫。 3. 主流业务之网游：腾讯和盛大两强的份额将上升，市场集中度提高。 腾讯和盛大的平台战略将有明显收效，二者在09Q4的市场份额是24%和20%，预计将在一年后升到30%和25%。网游在当年是市场垄断，盛大一家有60%，后来走向了割据，但集中度会渐有回升。腾讯和盛大在过去一年都花了大价钱吃进不少的新游戏，并且二者的用户和运营能力也自然会吸引到大游戏商的主动合作，如巨人和金山。 4. 转型公司之新浪：从内容时代走向资本时代。 新浪的核心竞争力将从十年来的新闻内容，走向以资本和架构为手段的资源整合和扩展，比如对房产(乐居)、游戏(麒麟)、社交网络(开心网)等的注资。换句话说，新浪的核心竞争力将由总编辑陈彤转移到CEO曹国伟，前者做内容，后者玩资本造架构。这也代表着互联网业的竞争层面的提升。曹国伟的做法，就是利用陈彤们10年建立的品牌和积累的资本，与众多垂直领域的小陈彤们结成同盟，或者换句话说，主动出击参与到繁殖小陈彤的市场机制中去。于是，新浪核心能力的转变将不可避免。 5. 转型公司之百度：从产品时代走向资本时代。 百度跟新浪类似，同样反映了这个年代的竞争需求。百度最近的做法是分别与美国和日本的合作方共同出资进入视频和电子商务领域，类似的手法会更多的发生。百度将不再专注于搜索，而要在所有成熟的互联网商业模式里都踩一脚，分一块。而与同样如此动作的腾讯不同的是，百度更多的依赖资本投入、与专业第三方结盟，而腾讯更多的在产品层面具体切入。因此李彦宏们要开始与曹国伟们在资本和整合这个层面上竞争，这对搞研发做产品出身的李彦宏们是相对陌生的，但这似乎是一个过不去的坎。 6. 公司VC/PE化。 新浪、百度，再加上同样凶猛投资的盛大、淘宝，都表明一个趋势：互联网公司开始把“投资小公司-占领地盘-辐射品牌和用户-放大自身量级”作为一个固定战略，尤其盛大和360还专门成立了一个相对独立的投资计划和机构，要么自己养风投人才，要么跟VC合作。再过三五年，中国互联网可能就被这么几家寡头体系控制，几个玩资本+整合的掌门高高在上，它们的触角遍布互联网，而这根触角，就是所谓的Corporate VC。 7. 转型公司之携程：中介的黄昏。 携程将更加大幅度的转型，告别一个单纯中介的定位。这一个定位，在逻辑上必然被“开放平台+供应商”所取代，最现实的例子就是“淘宝+东航”。携程的中介本质可以定义为“票务的B2C”，但亚马逊和京东商场之所以不会如携程般转型的原因是：第一，它们搞的是实物B2C，物流和仓储管理是瓶颈，也是其核心能力;而机票和酒店的B2C没有这些东西。第二，实物B2C的上游供应相对丰富，中介的整合作用大;而机票的上游是三家寡头，酒店的上游也正在快速的形成寡头，中介的谈判力度很弱。目前看到的携程的转型方略是：第一，入股上游寡头，比如如家酒店，以此加强中介的控制力;第二，进入与酒店机票密切相关的旅游和差旅服务，把销售的商品从简单的机票和酒店，转变成一个可以有无数种组合方式的打包的旅游产品，以此切断上游航空公司和酒店直接面对用户的可能，让本身这个中介变得更有整合的价值。收购酒店或者进旅游，都可以概括为“重型化”。 携程是一个典型，任何从事虚拟产品B2C的互联网公司，都会面临这个问题。 8. 新势力：千橡和迅雷继续边缘化。 不论千橡是否能上市，都将无法避免被边缘化的境地，因其主业受到来自腾讯和开心网等的挤压，而千橡的陈一舟同志本人长于资本短于产品和运营，这导致千橡旗下几乎所有产品都是靠收购(校内网、猫扑)或者“混搭”(山寨开心网)而来。一旦在基本的产品层面和用户体验上失守，千橡将如泰坦尼克。假如千橡真能以人人网为概念主体、以SP和游戏为收入来源“错位”上市成功，那应该会加速而不是拯救其衰落;一旦上市套现，目前仍然稳定的骨干团队将不可避免的丧失斗志并流失。 迅雷情形与千橡类似，最基础的下载服务受到新技术(云计算)和新竞争手段(版权、原创)的挤压。目前单靠“商业模式叠加”维持增长，而不能有一个具备基本生命力的“商业模式创新”。 9. 新业务微博。 在中国不会有Twitter之类的完全仅靠微博崛起的新面孔，这个市场会如博客一样被四大门户分割掉，当然做法也如博客类似：腾讯们走社交微博路线，2.0;新浪们走媒体微博路线，1.0。 10. 全球：Facebook流量排名将超过Google成为第一。 目前，Facebook的用户数离Google还有25-35%的差距，但PV二者已经非常接近，而人均停留时间Facebook是Google的3倍。随着Facebook将不可阻挡的圈进更多的新用户，因为理论上搜索和社交网络都将成为上网之必须，Facebook整体流量排名必然超过Google。在此基础上的收入增长和创新的广告和微支付形式将易如反掌，Facebook的IPO将不会亚于Google。 Facebook的崛起，将会改写由Google统治的互联网格局。Facebook也必将一如既往的把Google挡在自己的海量行为信息的城墙之外，并且继续和Google争夺对第三方网站的登录权和行为信息的处理权。Facebook圈人，Google圈信息，信息是死的，人是活的，人创造信息。如果只能二选其一，我买Facebook的股票。
Category Archives: 产品经理
2010年互联网十大预测，腾讯将是最大赢家！
18-Apr-10谈谈网站的黏度|网站运营|SNS|交友
05-Apr-10有个朋友从事互联网行业10年，曾经负责过B2B网站的运营、创建过一家交友网站，参与运营过一家SNS网站，正好在这段休息的时间里，我把跟他论及的一些在网站运营方面的一些心得、经验和问题总结出来，以期抛砖引玉与大家一起探讨。 网站运营范畴包括：产品设计、内容运营、内容更新、市场推广等相关的运营管理工作。具体表现为网站策划、产品开发、网络营销、客户服务、市场推广等；那我就先从网站的黏度说起，作为一个网站运营者，我们不得不面临一个问题，就是如何提高网站会员的黏度，广义的黏度指的是用户对网站的重复使用度（依赖度、忠诚度），和用户迁移成本基本成正比。我认为黏度是指个体用户对于社区内某个或某些特定人群的交互的依赖性，而不是对某个社区产品或者功能应用的依赖性。通常黏度越高的网站越体现价值，因此如何提高用户黏度是各网站运营的首要任务之一。 我们可以通过网络推广的营销战术，可以短时间吸引到人，但是留住人我认为需要以下几个方面，以我的实际经历来说说，供大家参考： 一、用户需求是什么？ 首先，我们需要观察和了解”用户在做什么、在怎么做”。 比如一个门把手，我们需要观察和了解用户怎么去用的，拉？推？.？ 其次，我们需要知道用户是怎样想的为什么要这么做? 他们在使用这个门把手的过程中和使用后在想什么，包括他脑袋里面的感受是什么。 接下来，我们要去了解“用户知道什么？” 他有什么样的基础，是否见过用过你设计的这种门把手？（知识积累、使用经验、..？） 同时，我们还需要知道用户是什么样的思考路线，你的设计给了他什么样的预设逻辑。 当他看到这个门把手要去开门的时候，他会如何打算去完成这个事情。 （当你告诉用户“把大象放进冰箱”，他会做什么样的计划？） 最后，我们还需要了解：用户有什么样的接受和学习能力。 如果这个用户从来没有见过圆形的门把手，也不会想到拧开门，那么他是否能够接受和很快的学会去“拧着开门”。 总结： 在互联网上，我们发现任何一种兴趣爱好都可以找到那么一群人，比如看书，听音乐，购物，甚至育儿，都可以发现每种需求都会引导一群人，使他们走到一起。形形色色的各类网站成为某一种需求的提供者，而这样的提供方式，很多人认为较之传统的门户网站，更加专注，更有个性。我想，同样一种需求，不同的表现方式，也可以获得不同人群的反馈，因为我们都是希望可以获得更好的服务。 我们用一种可以让一类人群喜欢的服务去吸引他们，当然我们希望他们可以停留下来，成为网站忠实的用户，那我想这个工作就应该是社区了。同时满足这种需求的服务，也是在引导网站的发展方向，甚至商业模式。 人们通过一种需求吸引到网站，参与分享后，发展已经不再仅仅是满足一种需求，作为网站本身来说并不是服务提供者，而是一个服务的平台，用户可以在平台上创造需求，满足需求，完善需求。那么我想这也是网站的优势所在，需求的扩展性和外延性非常好，永远的beta版本，永远在帮助用户创造更好的服务。 用户需求决定了社区的氛围，决定了商业模式，决定了赢利规模。当然，用户需求容易发掘，就好比一个好的idea，但是真正的发展，仅仅有idea是完全不够的。是否具备了优秀的产品设计能力，是否具备了优秀的网站运营能力，我想这些都很关键。如果要谈到网站设计，网站运营发展，那完全可以在写几篇，只是想到了这些，随便谈谈，我始终认为用户是网站价值的核心，网站也必须围绕用户去做，甚至对于用户自身的关注程度要高于网站本身。 虽然我们在搭舞台，用户在表演，演员的积极性，除了舞台下观看者的鼓掌，对于台幕下的服务也很关键。 实际经验： 在做社交类网站时遇到过这样的问题？那就是当一个目标用户注册成为你的会员后，大多数会员并不知道这个网站是做什么的？也不知他们能从这个网站得到什么？他们能在这里做什么？这些问题同时也是国内某些SNS网站共同所面临的问题，因此，不要仅仅满足于只停留在“玩概念”、“搞理论”的层面上，而是要在实际的工作中，应用一些有效的方法来让自己了解用户的需求和解决用户的需求。总之操作比理念更重要，实践比理论更重要! 我在做交友网站，同样问题正好相反，当时这个网站在2004年时候在ALEX三个月平均排名为 300多位，三个月平均每个访问者浏览的页面数为：20页,另外其会员数仅为SNS网站几分之一。 那么做交友网站是怎么解决这个问题的了？简单说一下：1、先说注册，完成交友网站的注册程序需要20分钟以上。我们大部分网站都说我的注册简单，只需10秒钟，这就是差别。2、接下来就是注册成功或登录后的页面，交友网站在登录后，会根据个人填写的资料，为他们匹配喜欢的音乐、同兴趣的朋友和相关的内容等等，满足他们的某些需求，而我们大部分网站会提醒你应该邀请你朋友加入，或显示你的人脉关系圈或让你完善资料等等，就会造成新会员进来后举目无亲和无所适从，这又是一个差别。我们要相信大多数会员是决不会把大量的时间花到去熟悉、体验某个网站。 因此，可否得出这样的结论，人们是由于共同目标和爱好聚集在一起的, 彼此分享生活中的乐趣和寻找工作中难题的解决办法，不会因为单纯交友的目的聚在一起。 二、如何满足和解决用户的需求？ 1、产品设计 第一步自身网站分析，而不是设计。通过对网站目标用户的需要和特点分析，制定出产品的整体架构。就是确定为用户提供什么样的产品 第二步分析竞争对手，从竞争网站的注册开始，仔细使用、体验对方的服务，如果好的服务或产品，一定要记录在案并保存，并根据自身网站的情况整合起来，唯我所有，并做到知已知彼。 第三步产品定位必须紧紧围绕网站的定位和用户需求来定。 第四步产品设计，这就好比设计一个店铺的展示，什么样的产品最吸引眼球放在橱窗；什么样的产品最好卖放在柜台；什么样的产品很冷门放在仓库，只在老顾客偶尔来询问时才拿出来，因此这不需要花费很多金钱和时间，却可以使产品有重大的变化。 切记：是让技术为用户服务，而不是让用户服务技术。 总之，一个产品的可用性，可以从以下五个方面入手： ①易学程度：用户第一次使用产品完成基本任务是否简单； ② 效率：一旦用户学会了使用这个产品，他能否高效的完成任务； ③可记忆：用户在经过一段时间以后再次使用这个产品时，能否快速回忆起使用方法并完成任务； ④错误：用户可能会产生多少错误？错误的严重性如何？修复错误的难易程度如何； ⑤ 满意度：用户在使用过程中是否比较愉快。 2、网页设计 网站页面设计的需求主要体现在用户体验方面，用户体验指的是会员感官视觉效果，第一眼看到网站页面整体要布局清晰有条理颜色搭配得当给人一种轻松愉悦舒适的使用体验，起码不能给人一种乱烦的感觉。网站针对的用户群是年龄在23-38 间的中小企业的白领，那么这个颜色就要适合这个年龄段这个层次的人。 另外一点就是要使用方便，按钮摆放的位置合理，各个板块风格一致，让用户可以在短时间内就可以上手。 *页面布局清晰 *文字字体设置合理而且要普及 *颜色搭配得当合理，不要太花俏了 *各个板块风格要一致 *页面间跳转要合理，各级页面间要层次清晰 *使用Web标准设计网页，尽量兼容更多浏览器，但首先要支持IE浏览器 *每个页面长度最好控制在2页，不超过3页。我一直认为太长的页面会使得用户失去耐心，而2-3页是最好的选择。 3、细节改进 [...]
网络监测服务名词解释
01-Apr-10今天整理了一批网络名词，供大家分享： 1. 浏览量：监测页面被浏览的次数。 广告活动中总浏览量是指：广告为mini-site带来的总PV数。 2. 二跳、二跳量：用户在被监测页面产生的首次点击数称为“二跳”，所有用户的“二跳”之和为二跳量。二跳率的高低通常反映了用户是否适应页面的结构，是否对页面呈现的内容感兴趣，同时二跳率还可以体现流量的质量。 3. 二跳率：二跳量与浏览量的比值。 4. “二跳时间”：指用户打开当前页面到在当前页面产生第一次点击所用的时间。平均二跳时间是指所有用户二跳时间的平均值。平均二跳时间的长短，通常由您的网站结构、网页内容以及来访用户对网站的熟悉程度而定 5. 流入量：指用户从网站外部（如搜索引擎、其他网站）着陆到网站的次数，一次流入可以带来多次浏览。 6. 点击量 广告活动分析频道――用户通过点击广告而打开被监测页面的次数，即广告的点击量 其它频道――用户在被监测页面所产生的点击数之和。 7. 展示量：监测对象（如邮件）被展开的次数。 8. 到达量：广告着陆页面被打开的次数 9. 转化量：转化量是指转化页面被打开的次数。 转化页面是指对用户具有特殊意义的页面，比如注册成功页面、购物车页面等，用户到达这些页面后，身份会发生一定的转变，即从普通浏览者升级为您的注册用户或潜在购买用户等。 10. 独立IP数：互不相同的IP个数。 11. 用户数：以用户cookie为依据所统计的用户个数，如无法放置cookie则以独立IP为依据。 12. 平均转化时间：发生转化的时间的平均值。 13. 平均停留时间：某类用户（如来自某个搜索引擎的用户）在所有被监测页面的总停留时间与这类用户的用户数的比值。 14. 平均浏览页面：某类用户（如来自某个搜索引擎的用户）浏览的被监测页面的总数与这类用户的用户数的比值。 15. 用户平均浏览量：浏览量与用户数的比值，即每个用户平均浏览页面的次数。 16. 场景：指一条由若干个已经存在的网页项目或转化项目所组成的路径，每个网页项目或转化项目作为场景中的一个结点。 17. 着陆页面：用户从其他网站到达监测网站的第一个页面，记作着陆页面。 18. 广告描述：系统用户自定义的广告链接或链接组的标识。 19. 二跳去向：用户在监测页面上第一次点击的对象URL。 20. 点击二跳比：某一广告描述的二跳量与点击量的比值，即点击转化成二跳的比例，该值可以衡量点击的质量。 21. 直接转化：指访问者通过广告到达网站后，在第一个会话周期内所形成的转化。 22. 回归转化：指访问者通过广告到达网站后，在30天内，但不是在第一个会话周期内所形成的转化。（广告点击链接才能统计回归转化量。） 23. 访次：一个访问者在一个网站，如果连续打开2个页面的时间间隔超过30分钟，则计为该访问者的另一次访问。每超过一次，访问次数加1。 24. “直接输入网址”：在浏览器中直接敲入网站地址、弹窗广告、Flash 广告和视频广告，客户端广告（MSN，QQ，Foxmail，Outlook，RealPlayer等）、直接点击收藏夹或书签里的URL。
国内 Web 设计(4) – 为文化而设计
25-Mar-10当被问及世界可以从中国 Web 设计中学到什么的时候，周陟不假思索地说，文化。中国崇尚道家思想，我们有自己的一套价值和习惯，面向中国市场的 Web 设计应该遵从中国用户的在线习惯和审美。比如，我们的文化符号，书法以及节日，都可以用用到 Web 设计中，一个湖泊不过如此，但给它赋予传说故事就不一样了。 确实如果在一个湖泊中加入神话故事和人的感触，人们对它的印象就会改变。 在讲到文化差异时，Pizza Hut China 是我喜欢用到的一个例子，整站体现浓浓的中国味，从配色，到家庭主题。暖红加黄是中国节庆的颜色，而家庭餐在中国很受重视。 相反，Pizza Hut US 则强调快餐和在线订购，红色仍然是必胜客的主题色，但相比中国的暖红，显得更硬，更暗，更冷。 McDonalds China 网站也是，主导航中就包含欢乐家庭聚餐。 Tong2 Studio，使用传统中国花色做背景，显得很特别。 Six Station, 主页使用中国水墨画风格的 Flash，向客户传达创意与创新。 Dongpai Design, 一个交互设计工作室，他们有一个小站点，用三国故事来传达他们的设计理念。 尽管 John Woo 指出在设计中借用中国元素并不只限于 Web 设计，但他承认中国 Web 设计中的实践性，设计师们将他们认为有用的任何东西都借用到设计中。
国内 Web 设计(3) – 为点击而设计
25-Mar-10和拉丁以及德语系不同，中文是象形文字，在字母键盘上打汉字很慢，尤其对中老年用户，所以，你会看到国内的很多网站非常拥挤，图文链接到处都是，就像Rex Song 所说的多多益善。这些网站是为点击而设计的，不同于为搜索而设计（尽管关键词搜索对任何信息类站点来说都是必要的）。 Yoho, 一个面向年轻人的在线购物站点，页面上密密麻麻都是促销产品。虽然右上角也有搜索框，但既然有这么多东西，干脆还是一路点击吧。 同样，China Visual, 一个视觉设计门户站点，首页充满各个栏目的文字与图片链接，让你快速浏览网站的内容。 NetEase (就是 163.com), 国内四大门户之一，把中国式 Web 浏览风格发挥到极处，到处都是链接。 上图是网易的首页截图，这篇文章撰写期间正逢中国春节的临近，可以看到，网站使用了红色作为背景，网页中充满了新闻标题与广告，你可以在顶部搜索，但看完全页，你大概已经知道今天发生了什么，如果对某条新闻感兴趣，点下去就是。John Woo 说，如今，很多网站正在重新整理他们的版面，加大字体，加宽行距以改善阅读，新浪自1990年代以来一直注重改版，他们在这方面做得越来越好。
国内 Web 设计(2) – 为娱乐而设计
25-Mar-10我们喜欢这种一对一的访谈，可以从每个人听到不同故事，也可以从多个人听到同一个故事，比如，白鸦，周陟，郭宇以及 Rex 都提到了国内 Web 设计中的娱乐化倾向，白鸦说，当SNS进入中国，它必定成为一个游戏站点。 一个很好的例子就是开心网的偷菜功能，开心在导航以及用户交互方面从 Facebook 借鉴了很多东西，但不同是，它允许你经营开心农场，建房子，种菜，并从你朋友那里偷菜。有些玩家甚至用 Excel 表格记录他的好友的收获季节以便及时去偷，这个游戏和普通游戏没有两样，但内嵌在一个社会网络网站中，可以很更多人一起玩。偷菜在国内如此流行甚至惊动了文化部，迫于压力，这个游戏现在改名摘菜菜，摘菜在中国文化中显得不那么刺耳，但玩家们仍喜欢那个更贴切的名字，偷菜。 开心农场 开心牧场 开心果园 最近，这个程序被添加到 Facebook，但目前只用于中文用户。 Lipton Milk Tea 推出一个连连抱活动，通过另一个社会网络人人的帐户，向你的朋友传递拥抱并赢得拥抱点数。 一旦积累到一定点数，可以用在线购买礼物: MM China 也使用了一个类似的在线传递游戏鼓励用户前来访问。 I Love G3, 中国移动的一个促销3G 网络和3G 手机的站点，使用 Flash 动画游戏让用户参与 当你回答完一系列诸如你在火车上如何消磨时光之类的问题，系统会分析出你的性格并推荐适合你的3G手机。
国内 Web 设计(1) – 大量 Flash生于模仿
25-Mar-10Flash 设计多年来一直受到争议，事实上，一些设计师主要是因为 Flash 不便 SEO 而弃用。然而，访谈中，Flash 再次被频繁的提到，回到2004年，当韩国网站一色都是 Flash 的时候，中国的设计师和客户认为 Flash 很时尚，Rex Song 提到，在 Flash 大红大紫的年代，你甚至可以花一点钱直接下载完整的 Flash 网站模板。 Google 以简洁著称，但比较一下 Google China 和 Google US 就能看多一些细微的差别： Google 中国的设计比 Google 美国更活泼一些，加入了动画效果，顺便说一下，这个效果最先是用在 Google 韩国和日本网站的，不过后来都换成了那种静态页面。 尽管对 Flash 的应用源于模仿，但现在，它被越来越多得用在工作室和个人的作品展示网站，新品发布网站，以及那些以年轻人为主的产品的网站上。 Shanghai Vive 是一个老上海化妆品品牌，现在被重新包装上市成为高端日化用品，该站点大量使用 Flash 以展示优雅和高尚的生活。 Cool Bear Hi, 长城汽车的一个产品线，用 Flash 网站促销新车型。 考虑到那些低速上网的用户，该网站在加载 Flash 的时候，进度显示做得很好。 在 Flash 加载过程中，在不同的进度，显示不同的消息来安抚用户的等待，上面是加载过程截图。 Mian Dian Fang, 一家即食早餐公司，其公司网站也大量使用 Flash。动画中，馒头包子一起做早操，以显示该公司的健康食品理念。 [...]
从模仿到创新：Web 设计中的中国风（上）
25-Mar-10中国是个拥有5000年文明史的多民族国家，地域与文化延伸亚洲大部，汉风与汉字多被日本，韩国，越南等邻国采用。中国曾经兴衰，如今大门重开，接纳来自世界的风潮，概念与技术，也包括 Web 技术。本文采访了6位中国知名设计师，讲述了中国 Web 设计业从模仿到创新的历程。 中国 Web 设计: Dongpai 中国 Web 设计现状 我们采访了6位来自四个大城市的中国设计师，他们讲述了国内 Web 设计的现状与趋势： 郭宇 百度前首席设计师，现居北京 白鸦 UCDChina 合伙创始人，支付宝产品设计师，现居杭州 吴隽辰 UCDChina 合伙创始人，途牛旅游网的产品主管，现居南京 周陟 美术设计师，CK Telecom 的 UI 设计主管，《UI进化论-移动设备人机界面设计》的作者，现居深圳。 John Woo Google 中国的用户体验团队主管，现居北京。 Rex Song UCDChina 合伙创始人，互联网产品设计与架构师，现居北京。 我们的访谈是通过电话，Skype 或是 Google Talk，虽然采访的大体框架问题事先发给他们，但实际采访中多是依访谈情况发问。为了让他们畅所欲言，我们定义Web 设计不仅是美工，CSS，前端设计外，还涉及后台设计，架构，设计理论，文化元素，用户体验等。
浅谈白社会交互设计的创新（三）
23-Mar-10这次谈谈白社会中三个较小一点的设计点。 一、好友新鲜事新增提醒 在白社会的首页中，分量最重的就是这个好友新鲜事了，为了保证信息流的快速直接，我们采用了“推”的模式，并且直接即时的将信息推到用户的面前，这就是所谓的实时Feed了，这其实是一种非常酷的体验，信息获取快速直接，也省了刷新页面，是不是有种使用聊天室聊天的感觉呢。但是，凡事有利就有弊，在新鲜事的开始阶段，我们发现了实际使用中不爽的地方，在浏览新鲜事的时候（尤其是看分享的视频），或在评论新鲜事的时候，由于新增的新鲜事，会造成整个新鲜事区域在往下滚动，浏览和评论都无法进行了，严重打断了正在进行的行为，所以，我们此时想让信息“停”下来。但在，什么时候停下来，是需要谨慎考虑的，既不能破坏了信息的实时性，又能不打断用户的浏览/操作行为，这时候我们建立一个用户模型，假设了一下用户的行为： 【状态1】用户浏览器中首页处于初始位置的时候，即用户没有滚动页面，用户行为是： （1）用户在等待新鲜事 （2）用户在发布信息 （3）用户在浏览新鲜事/评论 （4）用户在评论/操作新鲜事 【状态2】用户向下滚动了页面，用户行为是： （1）用户在浏览新鲜事/评论 （2）用户在评论/操作新鲜事 这个时候，我们就能判断出，在【状态2】中，信息必须要“停”下来，以保证不打断用户行为，而在【状态1】中，由于（1）（2）行为的概率要大于（3）（4），所以我们让信息继续“动”。转变为可执行的方案，就是这样，我们加了一个判断，页面中的一个分界点如果在浏览器以内，信息“动”，在浏览器以外，信息“停”。在进一步精确了分界点之后，我们把分界点定为新鲜事的最上端（见下图）。 明确了这个之后，进入下一个关键点，就是如何让在“停”的状态下知道有新增新鲜事。这就相对容易一些了，只需要在页面上给出标识提醒到用户即可，我们选择在新鲜事区域的最上方，出现一个小的提示层，当有新增新鲜事时，出现并显示数量（见下图）。 此时，用户及时了解到了新增新鲜事，当然如果他想看这几条新增新鲜事，也不能太麻烦，最好就是让他直接点击这个东西，所以这个层还有个功能就是滚动回首屏，当到首屏之后，就进入了前面说的【状态1】，新鲜事自然就“动”了。这里还有个小细节，当提示的新增新鲜事数目过多时，用户在回到首屏后，大量新鲜事在同时加载，可能会严重拖慢或者卡死浏览器，所以我们定义了超过30条时，回到首屏后，就重新刷新一下全部的新鲜事，就避免了这个问题。 二、在线聊天的会话 白社会页面的右侧，有一个在线聊天，我们管它叫WebIM，就是网页版的即时聊天，可以跟白社会里的好友聊天，是不是很像QQ？向伟大的QQ致敬！好吧，这里我们重点要谈的不是QQ，而是聊天的会话状态，我们用过QQ的都知道，当有新消息来的时候，系统任务栏右下角会有小头像一闪一闪，我们点开就会出现一个新聊天窗口，而在用户的任务栏上，也会新增一个会话，而且在跟多人聊天时会有多个会话，我们只需要点击不同的会话，就可以激活不同的聊天窗口（见下图）。 那网页版的会话怎么处理呢？页面里是没有任务栏的。有些WebIM创造了这么一个任务栏，比如Facebook，页面下方多出来一个浮动工具条，当然它还有别的用途，这也是个办法，但有没有别的更好的办法呢？思考过程中，我们重新梳理了会话的作用： 1、存储聊天状态 2、切换聊天对象 3、提醒新信息 这样看来，会话需要呈现的信息并不需要太多，只用小头像显示即可，我们把目光放到了聊天面板上“在线好友”上面（见下图）。 在这里依据时间顺序排列会话的小头像，操作上也很顺手，详细定义一下： 1、当有新消息来时，出现目标好友的小头像一闪一闪，点击后出现聊天窗口，同时存储聊天状态，会话小头像保留，不再闪动 2、最小化聊天窗口后，保留会话小头像，关闭聊天窗口后，去除会话小头像 3、点击会话小头像，弹出/激活之前的聊天窗口 当然，还有一种状态也不能忘，就是在屏幕分辨率在1024或者更低时，我们定义聊天面板是收起来的（见下图）。 这时会话的位置同样可以放在收起的小条上，丝毫不影响使用~ 三、编辑器的编辑区域 在白社会的日志、转帖、讨论区中，都要发布/修改内容，所以要用到编辑器。说到编辑器，不得不说编辑器的鼻祖——Office中的Word，作为文字编辑最强者，编辑器的发展也是引领时代的，而在网页端，编辑器的功能受网页端的限制，做不到太强，所以在使用感受上，如何能接近Word的使用感受，自然是最好的。 说到这里，需要明确的是，对文字编辑来说，编辑器并不仅仅是上面的一堆工具条，还有个最重要的就是编辑区域，这里其实最影响编辑较多文字时的感受，以往我们使用网页版编辑器时，常常会因为编辑区域太小，而要面对编辑框里和页面的双重滚动条，十分难受（见下图）。 回想一下Word里，只有一个滚动条，为什么呢，文档是满了一页又出一页，这就给我们带来了灵感，如果我们的浏览器也是这样呢~ 所以我们定义了编辑器中编辑区域是根据内容自动伸展的，这样就很像Word里的满了一页又出一页，这样就只有一个浏览器的滚动条了，但是当页面长了往下翻时，上面的工具条看不见了，这样我们又定义了工具条跟随页面往下滚，有了上面“好友新鲜事新增提醒”之后，这个就是一样的定义了，这样编辑时就是这样的状态了（见下图）。 这样一个小小的变化，编辑文字过多时就会好用很多。 写了三期的交互创新了，也许这些创新点还不成熟，还有很多缺点，不过我们不怕大家笑话，能给大家分享一下我们在探索路上的思路也是好的，同时也欢迎大家能够多多交流自己的思路和想法，让我们共同来推动行业的发展吧！ 来源：http://leeking001.com/?p=293
浅谈白社会交互设计的创新(二)
23-Mar-10首先需要说说的是在SNS中设计任务的目的，我们的观点是： 任务是一种运营手段，可以引导用户在特定的时间做特定的事情。 任务可以做新手引导，可以有步骤有奖励的指引用户熟悉系统了解功能。 任务是奖励用户行为的入口，也是虚拟货币（金币）的唯一出口。 在明确这几个方面之后，我们很快的设计确定了任务的列表页和任务描述页，十足的任务感和游戏感，毕竟大家都玩过网游的嘛~ 确定这个之后，另一个关键点是用户如何去领、做、交任务，我们初步想法是向网游学习，做一个任务跟踪层，用户可以随时查看任务说明，并能及时了解任务的进度。这里有一点补充的，我们选择了自动领取任务，原因是领任务的环节让前置操作过于复杂了，这也是我们任务的重量级而决定的。这样重点就放在让用户如何知道新任务——做任务——交任务上了。 但恰恰正是因为自动领取任务，让我们碰到新的问题。大部分网游里的任务是在领取之后才开始进行追踪的，并不断判断用户的完成情况，为了不造成太大的服务器压力，一般也会设定可领取任务的最大数量。而使用自动领取任务后，意味着用户的最大任务数量是不可预估的，这样想做到实时的任务追踪就很困难了。既然不能两全，权衡下利弊，我们决定还是保留自动领取任务（降低门槛），不做全局的实时任务追踪，只把任务追踪的步骤放在了Home页和任务列表页，这样在首页的右上角诞生了任务的提示区域： Home页自然是寸土寸金了，如何能把我们和用户都想要的任务及时推给用户呢，我们在这里想了一个策略，现在来看还是比较不错的（点击小图查看大图）： 接下来怎么让用户方便的做任务呢？最理想的方式是让任务随时能调出来，以方便用户在做任务的过程中查看。这里想到了 音乐盒 的实现方式，即弹开一个无地址栏的小浏览器窗口，这样不会影响主窗口的正常操作，还能随时激活小窗口来看详细任务，似乎很妙啊~ 好，就先这么做吧~经过工程师的开发，可以测试了，先使用IE6和Firefox，觉的确实不错，完成任务之后，点击Home页的任务提示，小窗口被激活并刷新，直接领取奖励，跟我们的设想一模一样。但很快问题显现了，在IE7/8、遨游、搜狗浏览器等使用tab分页面的浏览器上，是没有小窗的，只能新开一个tab页，这样详细任务出现在整页里显得非常诡异，另外一点是在点击Home页的任务提示后，不能激活任务的tab页……这点太致命了，想象中很妙的方案由于不具备普适性变得一文不值，于是乎只好放弃了这种方案。 有话说的好，退一步海阔天空，我们尝试使用了弹出层的方式，层的方式意味着不能做到用户在做任务时随时调出来查看，只能在Home页和任务列表页才可以打开层，不完美的方案也让我们没有什么底气，只能先做一下用户测试。在对公司内外的一些用户做了用户测试之后，心里的石头放下了，由于SNS任务的复杂程度并不能达到网游的水平，用户并不会出现随时调出来任务来查看的情景，反而是在查看了任务弹出层之后，直接通过“去做任务”的引导直接去做操作，并且能够很好的记住任务开始的地方，回到Home页来交任务领取奖励。产品就是这样，同样的需求，不同的使用情景决定了不同的交互形式。这就是现在任务的形式了： 讲了这么多幕后的故事，也许这真算不上是什么创新，但我们很高兴能跟大家分享我们的教训和经验。尤其是看到现在新生的SNS都标配了类似的任务，我们很自豪能够对行业的发展产生一点点小的推进，在这里再次谢谢大家的支持~ 来源：http://leeking001.com/?p=284