IOGraph的记录鼠标指针的移动是用户行为分析中的一种，用户研究中，通常通过访谈、问卷、实际操作观察这三个方式确定网站的可用性。而研究鼠标轨迹和点击热区则是分析用户行为的一种很好的方式。当用户的鼠标轨迹和点击热区配合眼动议一起使用，并结合相关行为和时间的记录是，就可以提供最完整的页面可用性分析报告，从而支持需求分析及产品设计。

不过，这是理想化的状态，IOGraph目前只能针对用户鼠标在屏幕上的轨迹和点击进行记录，还远远达不到我们的要求。但对于一款仅有400多KB大小的IOGraph而言，还需要苛求什么呢？

作为有史以来占硬盘最小的用户行为分析工具，IOGraph还可以设置是否进行鼠标点击统计、背景实时显示以及多显示器的支持。并且可以随时暂定和恢复使用。它工作3小时后占用的内存仅相当于多开了一个QQ。最后你可以吧IOGraph记录的一切生成一张.PIN格式的图片以供分析使用。下面是我1小时的点击轨迹和2小时的无点击轨迹：

上午1小时写产品使用文档时IOGraph鼠标停留、点击、轨迹，中间的鼠标停留较多因为在打字

下午2小时杂事的IOGraph鼠标轨迹，上方密集处为Firefox页签切换，你能看出返回和关闭么？

使用IOGraph类的工具分析用户行为是专业化细分的结果，优秀的用户体验固然重要，但不等于用户体验就是一切。好的产品能带给用户更多的价值，而用户就能容忍更多用户体验的不足，因此这些研究更适用于大中型互联网和软件企业在红海中树立标杆，在蓝海中拼搏的兄弟还是先做好产品管理，把精力用在产品价值上吧。

至于IOGraph，作为艺术品做幅画挂在墙上也不错-_-

>>猛击这里免费下载官方提供的鼠标轨迹记录软件IOGraph<<

相关日志

• 关于互联网产品管理与产品设计 (4)
• 需求调研与产品设计10条经验 (1)
• 软件/互联网产品设计流程 (10)
• 结项是产品的另一个起点 (0)
• 如何设定分类目录–我的目录是这样规划的 (0)

申请Google AdSense

去年我申请Google AdSense时遇到了一点小的麻烦，第一次竟然没有通过审批，等网站具有了一定流量时AdSense帐号审批才顺利通过。加入Google AdSense即成为google的内容发布商。作为内容发布商，你可以在自己网站显示google提供的相关广告，并根据广告被点击的次数得到佣金。赚够100美金时，就可以申请支付了。这里有个申请AdSense的详细教程不错。

设置Google AdSense广告

登入AdSense后，点击AdSense设置即可开始自定义你希望展示的广告，可选内容包括广告类型和内容，广告条的大小、颜色、字体、样式等等，总之你可以为自己的网站量身定做广告。设置过程非常简单：

插入Google AdSense代码

最后也是最关键的步骤，就是将Google AdSense代码插入到你的网站中。以Wordpress为例，通常放广告的位置在侧边栏(sidebar.php)以及单页文章(single.php)中:

具体放置的位置可以根据自己的需求灵活掌握。需要注意的是，用户才是你广告的点击者，怎么使广告产生效益的同时对用户的干扰最小时每个站长需要尤为重视的。

管理AdSense广告，查看收益

你需要根据网站用户的反馈以及AdSense的点击记录随时调整自己的广告策略。AdSense提供了足够强大的广告管理后台，但实际上影响收益的最重要因为还是网站的流量。你需要不断提高网站内容的质量，并做好基本的SEO，以吸引更多的用户。但这是一个缓慢并且艰难的过程，一部分人因为入不敷出而放弃了坚持，转而通过诱惑链接和非法手段骗取点击及种植木马，更多的人干脆取消了AdSense广告，没有广告的网站当然更受用户欢迎，但前提是——你不指望自己的网站为你赚钱。

对于类似Wordpress的个人博客而言，通过Google AdSense赚钱其实是水到渠成的事情。比起一年几十元的域名费和几百元的空间费，AdSense广告收入可能是九牛一毛，但即便是几美刀，也会给个人站长带来很大的满足感。因此，如果你看到适当的广告，请多一些宽容，少一点抱怨。如果没有你的点击，说不定这个网站很快就会关闭了。

最后，告诉大家一个抵制垃圾广告的好办法——点击那个该死的广告100次，广告联盟会以作弊为由，封杀该网站的广告帐号，他就一分钱也捞不到了:)

相关日志

• 本博客被google等搜索引擎收录 (7)
• 第一篇博客 (3)
• 完美解决wordpress设置永久链接后主页无法找到的问题 (13)
• 在wordpress博客中插入youtube视频 (12)
• 使用Https版Google，远离“连接被重置” (3)

Https加密版google地址：https://www.google.com/

目前，Https版google还处于测试阶段，仅支持核心网页搜索，图片及地图搜索等仍不能使用。使用Https版本的google进行搜索速度会比Http版的有所降低，这是安全所需要付出的代价。当然，在中国屏蔽谷歌后，这很值得，否则一旦你使用google，就不得不面对GFW导致“连接被重置”的困扰，搜不到胡萝卜就是一个很好的证明。

另外需要注意的是，加密版的谷歌只能确保用户在页面搜索的过程是加密的，并不能确保搜索结果中的网站同样提供了Https的SSL加密服务。实际上大多数网站使用的还是Http协议，使用Https的网站多为银行及电子商务网站，以及那些对账户数据安全非常敏感的站点。

提示：如果您访问 https://www.google.com 时自动跳转http://www.google.com.hk，请点页面底部的Google.com in English，然后再访问https的Google即可。

最后，让我们对GFW竖起中指。

相关日志

• 本博客被google等搜索引擎收录 (7)
• 在Wordpress博客中添加Google AdSense广告 (4)
• 博客的思考（二） (5)
• google.cn关闭，谷歌退出中国（附David Drummond博客声明全文） (20)
• B2C京东商城与新蛋网购的用户体验对比 (5)

从1月份起，谷歌退出中国的声音就此起彼伏，3月12日，金融时报称 google 关闭谷歌中国的可能性为99%，但那时我依旧不敢相信，，难道面对中国庞大的市场以及充满前景的商业利益，谷歌真的忍心将中国网民拒之门外么？

今天，2010年3月23日，这不是见证奇迹的时刻，但Google真的关闭了CN域名，代表着“不作恶，自由”的谷歌，离开了神州大地，我不得不遗憾的说，中国互联网倒退了5年。这是时代的杯具，为天朝河蟹竖起了一座里程碑。

昨天凌晨，国务院新闻办公室网络局负责人今天凌晨就谷歌公司宣布停止按照中国法律规定的对有害信息过滤，将搜索服务由中国内地转至香港发表谈话称：

外国公司在中国经营必须遵守中国法律。谷歌公司违背进入中国市场时作出的书面承诺，停止对搜索服务进行过滤，并就黑客攻击影射和指责中国，这是完全错误的。我们坚决反对将商业问题政治化，对谷歌公司的无理指责和做法表示不满和愤慨。

我们在来看看谷歌首席法律顾问大卫·多姆德(David Drummond)在谷歌官方博客发表的全文声明（ david drummond的google blog链接被GFW屏蔽，我不得不翻墙找到这篇David Drummond撰写的谷歌退出声明，为避免此文被和谐，仅提供图片版，查看原版请自备翻墙工具进入以上链接）：

关于Google 宣布针对中国大陆的新政策的文章翻译请点击这里。

作为一个互联网深度用户，在对神兽竖起中指的同时，我欣慰的发现，赖以生存的 Google 产品依旧可以使用，比如Analytics（分 析） 、Reader 、网站管理员工具、生活等。我也衷心的希望，天朝放过他们…不要斩尽杀绝…关于这次“退出门”不知道李开复老师作何感想？

我想，一个 Google 倒下去，会有千万个 Google 站起来的，这是一个本土互联网企业的机会，说不定你的公司，就是下一个 Google …

ps.对于“可能吧”因为说实话而追随谷歌被墙一事我深表遗憾，这么好的博客，说墙就被墙了，本文中引用的几个链接也不得不删掉，真是杯具……温总理说，要“让百姓过得更幸福更有尊严”，可是，现在的互联网，连说话的权利都没有，还谈何尊严……一个繁荣的国家必定是一个包容的国家，一个强大的政府必须是一个公民的政府，我们期待着那一天，也在创造着那一天。

相关日志

• 软件/互联网产品设计流程 (10)
• 本博客被google等搜索引擎收录 (7)
• 在Wordpress博客中添加Google AdSense广告 (4)
• 关于互联网产品管理与产品设计 (4)
• 使用Https版Google，远离“连接被重置” (3)

Balsamiq Mockups出自加利福尼亚州的Balsamiq工作室，创始人Peldi在2008年6月推出了这款手绘风格的产品原型设计工具，并广受好评。2年多来，Balsamiq工作作为一个微型独立软件开发商，专注于Mockups的开发设计，仅3周便实现了盈利，18个月内销售额达到200万美元，用户端数量超过10万个，这与Balsamiq Mockups的市场用户细分的成功以及产品特性是分不开的。

Balsamiq Mockups的用途和价值

在Web产品设计中，Balsamiq Mockups是产品设计师绘制线框图或产品原型界面的利器。在产品设计的需求阶段，低保真的线框图或者草图设计介于产品流程设计与高保真DEMO设计之间，在Balsamiq Mockups出现之前，流程图可以使用Visio，高保真DEMO可以使用Axure，但我们并没有好用的草图设计工具；在产品设计管理中，我们通常在产品的业务流程和数据流转已经相当明确时才开始进一步考虑产品的结构层和框架层，虽然此时纸、笔、白板都是非常简单方便的交流工具，但是他们的最大劣势就是——很难将有价值的原型保存下来。Balsamiq Mockups的出现完美的解决了这个问题。

Balsamiq Mockups的优点和特色

可存：告别那一堆堆的纸质线框图吧…
易用：UI控件支持自动拖拽，并且可以实现自动对齐；
美观：手绘风格，简约清爽；
丰富：从按钮到输入框，从导航条到页面、表格，甚至包括了最潮的Iphone元素；
方便：对元素的修改除了工具栏外，还可以使用隐藏编辑框，支持快捷键；
兼容：可使用XML语言保存元素，也可以导出PNG图片，可以插入到任何项目；
跨平台：Windows、Mac OS、Linux下都可以使用，还有能集成在Confluence，JIRA，和XWiki中的版本，对了，如果你没时间下载桌面版，还可以直接使用网页版的Balsamiq Mockups…

Balsamiq Mockups的风险和劣势

应用范围：就像之前提到的，Balsamiq Mockups最好用于商用web产品设计中的低保真线框图或者草图设计，相对于纸和笔，它不够灵活；相对于Axure，它不够精确；

使用语言：暂时没有英文版的Balsamiq Mockups，虽然相对于用惯国外软件的产品设计师/前端交互设计师来说，这并不是什么大问题，但毕竟这提到了使用门槛，童鞋们还是要学好英语；（关于中文汉化版Balsamiq Mockups下面会提到）

价格不菲：79美元的价格并不适合喜欢的朋友尝鲜；而对于国内公司而言，在产品设计领域的理念和意识，远达不到花钱去买一个细分的专业软件的程度。即便不使用Balsamiq Mockups，地球照样转。（关于Balsamiq Mockups的免费方法下面会提到）

使用Balsamiq Mockups的职业和互联网公司

使用Balsamiq Mockups的人包括产品经理、产品设计师、用户体验设计师、交互设计师、网站前端设计师等等，随便谁都可以。这并不重要，问题是很多大公司都在使用，来看看腾讯CDC对Balsamiq Mockups的分析，或者搜狐产品经理对Balsamiq Mockups的推荐，甚至现在网易招聘产品设计师都要求会Balsamiq Mockups了……

下载和安装Balsamiq Mockups

首先提供在线安装Balsamiq Mockups的方法：

>> 点击进入Balsamiq Mockups官方下载安装页面 <<

点击图标直接安装即可，安装内容包括Adobe AIR环境以及Mockups主体桌面程序：

如果你的电脑安装时出现问题，可以尝试分步下载安装Balsamiq Mockups：

确保你的电脑安装了Adobe AIR，下载后安装到默认文件夹

>> 点击进入 Adobe AIR 的最新版本安装页 <<

安装完Adobe AIR后直接下载Balsamiq Mockups桌面程序，无论是Windows还是Mac都可以正常使用，下载后安装到你需要的文件夹即可

>> 直接下载 Balsamiq 官方网站的桌面端程序<<

最后，当你无法安装Balsamiq Mockups或者没时间安装时，Balsamiq还为你提供了在线Web版本的Mockups。

免费获得Balsamiq Mockups的license key注册码

如果不注册，Balsamiq Mockups便只能绘图，不能保存你的Mockups，同时每隔5分钟会弹出提示框请你输入许可证。虽然对企业而言，79美元的注册费并不多，购买大量许可还有打折优惠，但对于个人使用者或者希望体验的朋友来说，免费的总是最好的。Balsamiq非常体贴的推出了“免费获得Balsamiq Mockups许可证密钥的几个方法”，包括：

如果你是非营利、慈善机构、开源贡献者；
如果你是技术/软件博客作者或者记者；
如果你是学校高中班老师；
如果你加入可用性专业培训；
如果你是大学的教授或者学生；

当然，对普通人而言，在你的博客上写一篇关于Balsamiq Mockups的评测或者介绍，做口碑营销，是比较靠谱的办法，这并不困难，因此不要去寻找所谓的破解和注册机了——当你完成博客时，给Balsamiq写邮件索要免费的Mockups注册码吧！

邮箱：free@balsamiq.com
主题：I want to review Mockups on my software blog!
内容：关于Balsamiq Mockups介绍的博客URL

PS.以下是我成功申请Balsamiq Mockups的免费Serial Key的邮件以及Balsamiq首席运营官Valerie Liberty的回信，再次感谢Balsamiq的慷慨并强烈表扬Valerie Liberty的高效，重点在于，回信的美国当地时间是晚上10点多……

发送至 free@balsamiq.com
日期 2010年3月18日 下午1:08
主题 I want to review Mockups on my software blog!

Hi,This is my blog’s URL what about Balsamiq Mockups:http://www.hanjunxing.com/balsamiq-mockups-one-for-all
Could you give me a license, free of charge,please?Thank you very much!

日期 2010年3月18日 下午2:11
主题 Re: I want to review Mockups on my software blog!

It’s my pleasure to give you the license below:
Organization name:***
Serial Key:***
Enjoy Balsamiq Mockups and thanks for spreading the word, I am looking
forward to seeing your review!
Valerie Liberty
Chief Operating Officer, Wow! Division

Balsamiq Mockups如何输入中文

选择菜单栏 View >> 将 Use System Fonts 勾上，就能完美支持中文输入。

Balsamiq Mockups的中文汉化版本

目前Balsamiq没有发布中文版的Mockups，同时由于Balsamiq Mockups是基于Flash的应用程序，所以无法安装汉化补丁或汉化包。值得庆幸的是，Balsamiq Mockups的操作非常简单和人性化，你不需要专门的Balsamiq Mockups教程，因为你甚至不需要看文字提示就可以快速上手绘制自己的产品原型了。最后，为需要的朋友提供一个Balsamiq Mockups的山寨中文汉化版：Balsamiq Mockups中英文对照图，顺便做一个Balsamiq Mockups的界面DEMO：

相关日志

• 软件/互联网产品设计流程 (10)
• 推荐一本书：Thinking in UML (3)

上周五自动升级Firefox到3.6版本，今天上班发现公司的OA竟然进不去了。OA对firefox不兼容，因此我之前一直使用Firefox十大必备插件之一的的IE tab插件，即将OA地址添加到IE tab的规则中，可以默认使用IE tab调用IE内核在Firefox中打开。可是IE tab不兼容Firefox 3.6版本，因此不得不尝试Coral IE Tab代替IE Tab。

Coral IE Tab属于IE Tab的改进增强版，它保留了IE Tab在Firefox中调用IE内核的功能，同时又针对IE Tab的不足做了两大改进：

1. 支持 Adblock Plus，这样在 IE 引擎里也可以用 Adblock Plus 过滤广告了。
2. 支持 Cookie，这样在 Firefox 和 IE 之间切换的时候，不用再重新登录了。

所以，还没安装Coral IE Tab的兄弟们抓紧了，IE Tab已经半年没更新了，在互联网时代这种抛弃用户的做法是不能被原谅的！忘掉IE Tab吧！

安装Coral IE Tab时直接打开Firefox的附加组件Coral IE Tab页，直接添加安装即可，完成后需要重启Firefox。需要注意的是，Coral IE Tab和IE Tab不兼容，使用之前须禁用或卸载IE Tab。

Coral IE Tab的使用方法与IE Tab一样，在Firefox菜单栏右键>>选择定制>>将Coral IE Tab的标签按钮拖到Firefox工具栏中你喜欢的位置即可。当需要Firefox无法打开的网站时，点击Coral IE Tab图标即可使用IE内核刷新打开当前页面，非常方便。

杯具的是，即便Coral IE Tab更加强大，但招商银行的网上银行似乎依旧无法在Firefox中通过插件正常使用，不过，经过测试，支付宝的使用是没问题了，看来，Firefox想一统江湖，还有一段很长的路要走…

相关日志

• wordpress必备插件&我的私藏Plugins（不断更新） (8)

Adobe公司于美国当地时间18日晚在旧金山美术剧院大厅举行了Photoshop诞生20周年生日庆典。Adobe资深创意总监Russell Brown做了演讲。这这吸引了全球媒体的目光和无数Photoshop爱好者的关注。回顾Photoshop的历史，相信创始人Thomas和JohnKnoll兄弟甚至他们的伯乐Adobe的Russell Brown当年都无法想到Photoshop今天所取得的伟大成就。正如Adobe官方网站所说：

For 20 years, the world has used Adobe Photoshop software to transform creative inspiration into nearly everything we see in print, online, and across media.

Photoshop从1990年2月正式发布应用于苹果Mac上的Photoshop1.0.7版本，这个版本只有一个800KB的软盘大小。如今的最新版本为Photoshop CS4 (11.0) 已经是800M的庞然大物。经过20年的发展，Photoshop已经从名不见经传的图像处理程序，成为Adobe公司旗下最为出名的图像处理软件之一，集图像扫描、编辑修改、图像制作、广告创意、图像输入与输出于一体的图形图像处理软件，应用在传播传媒、出版印刷、平面设计、互联网等诸多领域，深受专业人士和爱好者的追捧。

Adobe Photoshop已经20岁了，我想也很难有什么软件能像Photoshop一样让我如此动情，并非仅仅因为我的网名是“Ps”，而是Photoshop伴我走过了高中折腾网站和大学熬夜做海报的岁月，直到今天，Photoshop依然在互联网产品设计领域陪伴着我……当你对一款软件有了感情，她便不再仅仅是软件了。最后送上最真诚的祝福——

Photoshop，20岁生日快乐！

相关日志

• 无相关日志

易贴的优点：

1/域名好记，” 1tie.cn “，这很关键-_-!；

2/记录很方便，登录进去直接写，写完保存，白痴化；

3/还可以记录网站、视频、相册、书摘，并分享；好吧，我还没用过，因为以上两点对我才是最重要的；

你可以说，QQ的硬盘也不错，的确，但是我总打不开，比较纠结；新浪微博也挺好（点击获取新浪微博邀请链接），但是如果你真的是想记录一些有用的事项并希望方便的找到，还是用在线记事本吧；当然，N次贴也很好，可我不想把它贴在我的钱包里……如果你有很好用的工具，欢迎推荐给我。

相关日志

• 无相关日志

bizinformation刚刚上线一个多月，目前除了能够提供给你目标网站的估值外，还可以从网络认知和社会值等方面打分，最重要的是，这个网站有中文版的：

不过，网站价值的评估并没有一个规范的公式可以定义，在实际操作中，投资人收购公司是需要考虑更多因素的，而非仅仅看一些在线流量指标。所以，网站价值评估工具只能给你一些参考。类似的网站价值评估工具还有cubestat，她能提供给你更多信息，这样的网站还有很多，但这些工具对同一网站的价值评估所给出的答案是不同的。或许我们更需要的是，为什么？而不仅仅是一个数字。

相关日志

• 无相关日志