Archive for ‘ 二月, 2010

年后,做完一堆A4和电邮模板,终于要面对一项我非常不想面对滴工作内容,建立数据库和支援电邮推广。两个都是体力活。打1000个以上的电话对我这种宅女来说确实是种沉重的心理负担,推了多次,推不掉,PETER也说了不少鼓励的话,那就干吧。

红着小脸操着山寨白话坑坑巴巴地询问对方的信息,香港拼音听不懂,英文经常听不清,第一天打电话真是飙汗无数次,每次都比对方更想直接把电话挂掉,勉强打了20多个电话,恨不能以头撞墙。

第二天做了无数电话噩梦后开始决定破罐子破摔,尽快地马虎地把这事对付过去,打了60多通电话,麻木。

第三天,心情比较平静,声音比较自然,仍然期盼PETER改变主意。

第四天,也就是今天。心率正常,心情比较开朗,声音比较动听些些,能够比较慢比较仔细地表达自己的意思了。

这四天对我来说非常艰难。其实我明白打这1000个电话其实还不算是直接的电话销售,面对的也只是社会最温和最有礼貌的群体:学校。充其量只是让我帮销售人员先试试水,打听出一些比较有针对性有价值的信息,方便后续的电邮推广和直接拜访而已。不过光是这样就已经让我恨不得做100个A4来代替这工作。

但是仔细想想,如果不是凑巧不得不接受这份工作,或许我一辈子都不会跟销售有任何沾边的地方。其实以前所在的公司也遇到过不少前线销售人员,见过一些非常专业和非常不专业的。我对销售工作没有偏见,相反,对于那些用脑子而不是用语言来销售的人是非常佩服的,虽然我至今也不相信自己能胜任这种职业。不过有时想想,自己一直做的是设计和技术方面的工作,喜欢的用户体验总有这么一句话叫“以用户为中心”。但是我又究竟直接接触过多少用户(或客户)呢?其实没有。其实很多技术人员,对市场、对客户、对人心的了解都是宏观的或者从书本上间接感受到的。在IT行业,要将市场和技术完美结合起来其实是件很了不起的事情。入行快3年,其实我自己对于技术的看法也从一开始的纯粹崇拜到后来慢慢较理性地视之为工具。对新技术、新概念有很浓厚的兴趣,但再也不会急巴巴地想在任何地方小试牛刀。

或许这1000个电话能给我带来一些新的想法也不一定,所以我决定,还是坚持打下去。

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

3月13日。到今天为止打了600多个电话,不论成效如何,我喜欢那种尝试和让自己坚持下去的感觉,peter称这项工作是我的adventure,当时我感到很惊奇,因为第一次有人告诉我,就把这经历当作是人生中一个小小的冒险(如果这对你来说确实太困难的话)。虽然每天醒来想到要打电话我依然很有压力,但是不可否认的,我收获颇多。我开始在想,是否人无论如何都应该做一些自己不能胜任或自认为不能够胜任的事情呢,不论成败,姑且就作为一种小小的冒险。

一个滑动门的CSS实现

说起来,现在很少使用滑动门技术了;前不久有个小项目需要用到,由于时间紧迫又太久没有使用,做得有点马虎。下午闲来无事重新做了一个,一个图片实现,兼容IE6-8(原谅我直接忽略IE5)、chorm和FF。做个记录以备不时之需。

简单效果如下:

slideDoor

为了按钮能够自适应文字宽度,需要下面的图片:

test

代码:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<link href="css/global.css" rel="stylesheet" />
<title>XHTML-test</title>
<style type="text/css">
  #wrapper{width:90%;margin:0 auto;}
  #nav{width:100%;margin-top:10px;}
  #nav li{float:left;display:inline;margin-right:10px;}
  #nav a{float:left;display:block;height:26px;line-height:26px;padding-left:4px;background:transparent url(images/test.gif) no-repeat 0 0;color:#fff;}
  #nav a span{float:left;display:block;padding-right:4px;background:transparent url(images/test.gif) no-repeat right 0;cursor:pointer;}
  #nav a:hover{background:transparent url(images/test.gif) no-repeat 0 -26px;}
  #nav a:hover span{background:transparent url(images/test.gif) no-repeat right -26px;}
</style>
</head>
<body>
  <div id="wrapper">
    <ul id="nav">
   <li><a href="#"><span>tt1</span></a></li>
   <li><a href="#"><span>test2</span></a></li>
   <li><a href="#"><span>test3test3</span></a></li>
   <li><a href="#"><span>t4</span></a></li>
   <li><a href="#"><span>test5</span></a></li>
 </ul>
  </div>
</body>
</html>

还可以再简化一下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd</a>">
<html xmlns="<a href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>">
<head>
<link href="css/global.css" rel="stylesheet" />
<title>XHTML-test</title>
<style type="text/css">
  #wrapper{width:90%;margin:0 auto;}
  #nav{width:100%;margin-top:10px;}
  #nav a{float:left;display:block;margin-right:10px;height:26px;line-height:26px;padding-left:4px;background:transparent url(images/test.gif) no-repeat 0 0;color:#fff;}
  #nav a span{float:left;display:block;padding-right:4px;background:transparent url(images/test.gif) no-repeat right 0;cursor:pointer;}
  #nav a:hover{background:transparent url(images/test.gif) no-repeat 0 -26px;}
  #nav a:hover span{background:transparent url(images/test.gif) no-repeat right -26px;}
</style>
</head>
<body>
  <div id="wrapper">
   <div id="nav">
    <a href="#"><span>tt1</span></a>
    <a href="#"><span>test2</span></a>
    <a href="#"><span>test3test3</span></a>
    <a href="#"><span>t4</span></a>
    <a href="#"><span>test5</span></a>
   </div>
  </div>
</body>
</html>

突然感到很佩服这个人…

看了下面这篇文章,突然感到很佩服这个人… 腾讯QQ虽然一直在用,但之前一直是属于比较不爱用的那种用户。IM是社交型产品,我的社交欲望长期保持在0的水平,仿佛格格不入。以前对许多腾讯的新功能和新产品也不怎么喜欢。但是后来渐渐发现,现在我每天看即时新闻居然最多来源于当初非常反感过的那个弹出窗口,发超大邮件时不得不弃Gmail而用QQ邮箱,工作沟通八卦传文件全赖在QQ上,渐渐的也比较愿意到QQ空间去看一下,白痴地扫一下充满垃圾的停车场种几颗白菜之类的。某些成功的互联网产品就是这样在无声无息中成为了你生活的一部分。虽然我依然鄙视Q币和黄钻会员,坚决不会为这些东西花一毛钱。

以下转载的这篇文章是在豆丁上无意中看到的,据说一段时间在网络上很红。究竟红不红我不清楚,不过作为一名让自己汗颜的“网页设计师”,我受教了。文章有点长,不过对于产品开发有兴趣的童鞋来说真的值得一看:

《马化腾关于产品设计与用户体验的培训—听课笔记》

昨天听了pony在峰会上的讲座,收获颇丰,晚上回家后把记录的笔记整理了一下,先放上来和大家分享一下。整理时间较短,如有不周全之处,大家谅解:)
背景:pony是公司的首席体验官、首席产品经理。这次在产品峰会上pony将自己平时经验的积累与大家交流,体验较细。这次分享研发管理部,设计中心整理了些材料。主要的案例是qqmail和qq影音的内容。以此为demo来讲解。
pony的讲解主要分为三大部分:产品设计、产品运营、交互设计。
在开场首先提到,互联网同类产品竞争激烈,只有抓住用户的心才能持续走下去。产品要赢得用户的心,要从一些小的点来赢得用户。

第一部分:产品设计
这个部分,感受最深的是两个词:核心能力、口碑。这部分还着重提到了pony对产品经理素质、开发人员心态的期望。
核心能力
任何产品都有核心功能,能帮助到用户,解决用户某一方面的需求,如节省时间、解决问题,提升效率等等。
很多产品经理对核心能力的关注不够,不是说完全没有关注,而是没有关注到度。核心能力不仅仅是功能上也,也包括性能上的。对于技术出身的产品经理,特别是做后台出来的,对于性能的关注,如果自己有能力、有信心做到对核心能力的关注,肯定会渴望将速度、后台做到极限。现在很多产品都没做好,一抓问题一大堆。如,前阵子网页速度优化,好多东西可以优化,一下提速好多,之前不知道都做什么去了。之前用户忍受了很久,同时浪费时间、浪费我们的资源。不抓,都没人理,很说部过去。要在性能方面放入更多精力。
谈到核心的能力,首先要有技术突破点。如做影音的时候,不是要做人家有我也有的东西。以前公司做的你有我有的东西,总是排在第二第三,虽然也有机会,但缺乏第一次出来亮相失去用户的认同感。
第一要关注你的产品的硬指标,在设计和开发的时候要考虑到外部会将对它与竞争对手做评测。如播放能力,占用内存。qq影音的核心性能和速度直接超越暴风影音。这样就能看到用户很多的好评和口碑。所以之后如果qq影音不出大问题,发展的势头将会很好。
硬指标评测cpu占用、高清加速,当时也有很多发展方向,如网络播放啊、交流啊、分享啊,也是思路。现在都砍掉,就是要做播放器,是用户的需求,纯用户需求不需要多少钱的。高清的,并不是很多人需要的,但是是高端用户的需求(这个后面口碑创造会再提到)。只有硬指标满足了,用户说,我这个破机器,暴风影音不能放,qq影音能放。这句话说出来,这样口碑就出来了。用户知道你行,差异化出来了。口碑要有差异性。
核心能力要做到极致。要多想如何通过技术实现差异化,人家做不到,或者通过半年一年才能追上来。
如,用户总评论qq的时候说用qq唯一的理由是传文件快,有群。于是这些就是我们的优势,那我们就要将优势发挥到极致。我们需要更加深入的去想,要想到要不要做传输速度、中转啊。离线传文件在邮件体现就是一个中转站,超大文件,也不难,就是要去做。产品部门很快的去做,去测试。用户用的量也不一定大,但几个月用一次,口碑就来了。用户会说,我要传大文件,找了半天找不到可以传的地方,万般无赖之下用了很烂的qqmail,居然行了。于是我们的口碑就来了。做了很多测试、逐步放量,看变化,因为到期就删掉,成本也没提升多少。
要做大,要考虑到如何做到极致让人家想到也追不上,我们这么多年在idc上的功力不能浪费,需要我们去做。高速上传、城域网中专站,支持高速地上传……,又发现问题,如不在邮件,在im做怎么体验,这个我们在后面要逐步考虑到做起来。我们的目的是要让用户感到超快、飞快,让用户体验非常好。这些都需要大量技术和后台来配合。
产品的发展都需要产品经理来配合。现在我们产品经理有是做研发出身的不多。而很多产品和服务是需要大量技术背景的,目前我们希望的产品经理是非常资深的,做过前端、后端开发的技术研发人员晋升而来的,刚毕业的人员来做产品经理很人担心。好的产品最好交到一个有技术能力的、有经验的产品人员手上,会让大家更加放心。如果产品人员太烂,让很多兄弟陪着干,结果发现方向错误是非常浪费和挫伤团队士气的。
产品最难的是订优先级和先后次序。要看哪个是用户最核心的。功能好不好不是说有用户用了,用量多少了,写个报告统计下流量证明是好。这个是很错误的,好不好要看用户是不是要用这个功能,用户要用的实时出现。腾讯很多产品经理的激情还不够,做出来的产品比较大路货。虽然挑剔不出很不对的东西,但放出去用户也没有感觉,最后就不了了之。pony有时候很痛心,希望大家在产品设计之初就想的透彻一点。产品经理需要投入更多的关注度,关注度不一样,结果出来的很不一样。
口碑
做产品要做口碑,要关注高端用户、意见领袖关注的点。以前的思路是抓大放小,满足大部分小白用户的需求。但是高端用户这块是真正可以拿口碑的。
如何提高口碑,看最高端用户的关注,这个是在基础功能比较好的情况下考虑。如邮件搜索啊,rss啊,这些是很炫的用户会在博客和论坛里面提及的。做起来也不难,在有能力的情况下保证。在产品已经成型的情况下,要考虑到,对高端用户的心态要不一样。如果想要获得高端用户的口碑,还需要在产品的设计上大气些。如,让用户在我们的qqmail上使用别的邮箱的地址,而不带任何自己qqmail的尾巴。之前我们做的时候不会自动保存别的邮箱的地址,自己心里打个小九九,让别人不方便使用外部邮箱地址,好使用我们的。这些小九九,高端用户都是看的出来,反倒不好。所以要改掉,要做到真正的方便到用户。改变用户习惯要让他信任你,改变有过程的,需要通过我们的努力让用户慢慢改过来。如,关闭数字帐号,发现很多bug,拍拍都不知道改。如,独立密码,之前不是双密码,而是改整体密码。
需要满足高端用户,让他不要怀疑你、bs你。如浏览器到兼容,可能你会考虑很多浏览器的覆盖率不高而不去做,但在高端用户来看,这是个态度问题,如果你的产品连这个都没考虑,其他的我就都怀疑了。你这个产品团队的意识好不好。再如同文件夹是否对齐,是否会引起杀毒软件的报警,都是小事但要关注。
个性化服务,并不是大众化服务,也是拿口碑的。
一个产品在没有口碑的时候,不要滥用平台,如要im带呀,投入营销资源呀,要marking联系pr公司投放广告呀,广告位提要求……等着人家砍,想一半也够了。产品经理精力好像分布的很好50%产品、30%营销、 20%……。如果你在基础处控制的好,也可以。但90%的时候第一点都做不好。如果你的实力和胜算不到70-80%,那么把精力放在最核心的地方。在已经获得良好口碑,处于上升期的产品才考虑这些。
产品经理关注最最核心、获得用户口碑的战略点,如果这块没做透,做营销只是告诉用户过来,失望,再花更多的精力弥补,是得不偿失的。当用户没有自动在增长(用户会主动给朋友推荐来使用我们的产品的时候),看着用户的增长,否则不要去打扰用户,否则可能是好心办坏事。这个时候,每做一件事情,每加一个东西要很慎重的考虑,真的是有建设性的去增加产品的一个口碑。当用户口碑坏掉后,再将用户拉回来很难。
加功能,在管理控制功能上也要有技巧。在核心功能做好后,常用功能是要逐步补齐的。产品在局部、细小之处的创新需要永不满足。作为一个有良好口碑的产品,每加一个功能都要考虑清楚,这个功能给10%的用户带来好感的时候是否会给90%的用户带来困惑。如果有冲突的要聪明点,分情况避免。每个功能不一定要用的多才是好,而是用了的人都觉得好就是好。
做产品开发的时候需要有较强的研发机制保证,这样可以让产品开发更加敏捷更加快速。有些需求,提一下都可以得到很快反应。 qqmail也会每天排好规划,为什么能很快反应,如文件加锁。有些产品做个东西写ppt、做汇报……,人家顺手就做了。很多产品不敏捷,大家要敏捷点、就算是大项目也要灵活。不能说等3个月后再给你个东西看,这个时候竞争对手都不知道跑到好远了。
开发人员的心态要关注产品,不要是公事公办的态度。你要知道用户、同行会关注你的产品,在这种驱动下开发人员要自动去完成。不能说什么都要产品做好后,流水线样的送过来我才做。开发人员要参与,40-50%左右的产品最终体验应该是由开发人员决定的。产品人员不要嫉妒有些工作是是开发人员设计的,只有这样才是团队共同参与的。如果都是产品想的就完蛋了,那么这个team做这个产品没有什么机会,必然会产生产品迭代慢的效果。这样一个格局太不行了。

运营式管理
这个部分感受最深的一个词:天天用。这部分还谈到了pony眼中产品经理的一些基本要求。
我们的产品不是单机版,需要有强的用户感和技术功底外,很重要的是服务。我们要关注很多很复杂的内容,如架构啊,应用啊,产品需要有更好的架构,这个是需要花很多精力,常态下可能看不出来。所以需要高层从kpi上考虑。这个是考功力,谁做的好,总办领导是看得到的。设计的好的架构不会手乱脚乱。如把核心的东西做成组件模块分发。
发现产品的不足,最简单的方法就是产品天天用。天天去看,去论坛,去博客、去订阅。产品经理要敏感点,找出你的产品不足之处。有的产品经理说找不出来很奇怪,上线的时候坚持三个月天天用,问题是有限的,一天发现一个,解决掉,这样慢慢的已经开始逼近你那个很有口碑的点了。不要因为工作没有技术含量就不去做,很多好的产品都是靠这个方法做出来的。对于高层来说,不仅仅是安排下面的人去做就可以了,一定要自己做。这些都不难,关键要坚持。意识要提高。你要做到每个周末,都心痒痒要去做。心里一定要想着,这个周末不试,肯定出事。这样坚持,到一个产品基本成型,就可以去看下个产品了。
从哪个地方找,论坛啊、博客啊,rss订阅啊。高端用户不屑于去论坛提,在博客提,需要产品经理自己去追出来。如qqmail、影音的产品经理自己去查、去搜,然后主动和用户接触,解决,有些确实是用户搞错了,有些是我们的问题。产品经理心态要很好,希望用户能找出问题我们再解决掉。哪怕再小的问题解决了也是完成一件大事。有些事情做了,见效很快。运营方面要天天去看的,产品经理要关注多个方面,比如说你的产品慢,用户不会管你的idc烂或者其他原因,只是知道你慢。产品经理要全面,服务器端哪个方面的问题能找出来。跟踪用户定位问题。如果pony都能搜索到的问题,没看到产品经理出现,那么就是你没做到位。

交互设计
交互要求我们细致,视觉简洁清爽。
产品经理要想到自己是个挑剔的用户,想像自己是个笨用户,复杂的看不懂。
产品人员的精力有限,交互内容很多,所以要抓最常见的一块。流量、用量最大的地方都要考虑。规范到要让用户使用的舒服。要在感觉、触觉上都有琢磨,有困惑要想到去改善。如鼠标少移动、可快速点到等等。
像邮箱的一个按钮“返回”放在哪儿,上线测,放右边还是左边,大家都会多放琢磨,怎么放更好,并上线尝试,现在的方案折中比较好。如输入邮箱密码出错,输入框内的内容select上,不用用户清楚可以直接输出。这些都是对用户体验的优化。
如对同个用户发信,在此用户有多个邮箱的情况下会默认选最近用的一个帐号。这些需求都小,但你想清楚,用户就会说好,虽然用户未必说的出好在哪儿。
产品的使用要符合用户的习惯,如写邮件的时候copy东西,更多人习惯用键盘来操作。虽然有些技术难度,但也可以解决。交互,对鼠标反馈的灵敏性,便捷性。
不强迫用户,如点亮图标。如qqmail,不为1%的需求骚扰99%的用户
操作便利,如qq音乐,新旧列表,两者都要兼顾到,如qq影音的快捷播放,从圆形到方形,最后因为影响性能而放弃。
美术、淡淡的,点到即止,如qqmail,qqmail在ui上的启发,不用太重也能做的很好。后来用在大量的产品,如hummer、影音。有图案和简洁不矛盾。
重点突出,防止不必要的低龄化,还提到了一些内容,如产品成功关键点等等,这些在pony的ppt上有,没有记下来,大家可以在之后腾讯峰会吧(http://km.oa.com/group/forum)直接看pony的ppt。

最后pony谈了一下有些产品的态度问题——态度很好,不解决问题。只做表面功夫,与其花一段时间写个长长的报告,不如实实际际的去解决问题。
外部也有很多优秀的产品可以学习,学习不是学皮毛,学样子,要学会。
外部可以学习的优秀产品,web类的,google、yahoo、facebook、apple,非web类的没有记录下来。

总结一下:
1、核心功能要做透,做的人家追不上,自己的优势要尽量的发挥;
2、产品口碑要建立,要关注高端用户,要调整自己心态;
3、敏捷、快,产品迭代要快,快速实现、快速响应,要做到真正的迭代;
4、产品人员要全面,要能找出核心需求,要关注技术(架构、服务是不是好),要关注产品(天天用),要关注用户(还需要出去寻找问题并解决);
5、开发人员心态要好,要有参与感,不要被动的等;
6、交互设计简洁,关注要点,当自己是个挑剔的、笨的用户;
7、想办法利用公司的资源,如pony等人都是大家的公共资源,要争取到pony对自己产品的关注,会给你的产品带来很多好的指导和创意。(这个不是 pony说的,是后来jeff提到的,不过很实在,pony做过这么多的产品,有这么好的产品感觉,如果给你的产品提出建议,是对产品很大的帮助)

诺曼.洛克威尔(Norman Rockwell)画集

今天滴GOOGLE封面:

Norman-Rockwell-google

觉得蛮好奇的,原来今天是Norman Rockwell的诞辰纪念。喜欢这种画风,温暖而充满人情味,像是儿时的明信片,看的时候,嘴边常挂着微笑。

——诺曼.洛克威尔(Norman Rockwell,1894年2月3日-1978年11月8日)是美国在20世纪早期的重要画家,作品横跨商业宣传与爱国宣传领域。他一生中的绘画作品大都经由周六晚报登出,其中最知名的系列作品是在1940年代和1950年代出现的。如四大自由(Four Freedoms)与女子铆钉工(Rosie the Riveter)。 从16岁开始成为一个插画家,直到82岁,一生创作不断,曾被《纽约时报》誉为“本世纪最受欢迎的艺术家”。洛克威尔的作品纪录了二十世纪美国的发展与变迁︰从炎炎夏日的赤足男孩,到踏上月球的太空人;从慵懒的小镇店面,到摩天大楼办公室;从五彩的童话故事书,到闪亮的电视萤光幕……他的作品,不只涵盖了两次世界大战,美苏冷战,以及美国的经济萧条与种族问题,还包括从甘乃迪到卡特等历届总统,电影明星,以及童子军等题材。

009_575-010norman-rockwell-triple-self-portrait-posters

 

208264-main_Full

 

gossip_norman_rockwell1

1921-12-17-The-Country-Gentleman-Norman-Rockwell-cover-A-Drum-For-Tommy-no-logo-400-Digimarc

1917-12-01-The-Country-Gentleman-Norman-Rockwell-cover-Cousin-Reginald-Catches-the-Thanksgiving-Turkey-no-logo-400-Digimarc-thumb-370x372

norman-rockwell--first-love1257387223

norman-rockwell-final-speech

009_575-004~Norman-Rockwell-Sporting-Boys-Posters

Norman_Rockwell

 

Norman-Rockwell-EF

rockwell-norman-the-runaway-2105387

aonr_dia_09_06

103-norman-rockwell-connoisseur

little_boy_writing_a_letter-270x300

normanrockwell36

2cm52

009_575-013norman-rockwell-going-and-coming-posters

009_575-018

6a00d8341c10fd53ef00e54f318ad08833-640wi

aonr_dia_09_02

ARTrockwellP2

artwork_images_185068_460180_norman-rockwell

d2af74a1559fc72a22d579ed9f4048bd

Homecoming_Marine_thumb[2]

freedom-of-worship-final

rockwel

normanrockwell8

norman-rockwell-before-the-shot-0

norman-rockwell-jury-room

norman-rockwell-poster-card-c10231129

rockwel2

norman-rockwell1

Portrait_of_Norman_Rockwell_Painting_the_Soda_Jerk

norman_rockwell01

S0D20081126233850MT636741

S0D20081126233849MT981769

S0D20081126233855MT002592

S0D20081126233853MT903304

S0D20081126233852MT035923