在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。
相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看，似乎可以认为，产品经理是从一个更加宏观的角度去设计产品，而交互设计师，则是从更多的细节出发，去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合，深入沟通，才能够最高效最合理的将产品策略转化为产品原型，从而为流水线的后面环节提供精确的参考资料。
下面以人人网广告平台的一些产品和交互细节为例，使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。
在广告平台其中一个投放系统中，有一个产品需求，是要根据用户所在的地区做广告的定向投放。也就是说，可以控制广告只展示给固定地域的用户。这就意味着，需要设计一个「区域选择器」，供用户选择区域。产品经理的原始需求是这样的：
产品经理：“我们这次的投放系统需要设计一个区域选择器，就是让用户选择广告定向投放的区域的。可以精确到城市，可以多选。另外，区域作为一个投放广告的限制条件，如果用户没有选择任何选项，那就代表用户忽略该条件，则该广告会面向全国投放。”
交互设计师：“哦。”
产品经理：“嗯，我能够想到的这个东西的原型，可以提供两个下拉框，让用户分别选择省和城市。当用户在第一个下拉框里面选定了省以后，第二个下拉框中会显示该省下面的地级市。我做了一个简单的框图，大家看一下。”
在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。
相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看，似乎可以认为，产品经理是从一个更加宏观的角度去设计产品，而交互设计师，则是从更多的细节出发，去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合，深入沟通，才能够最高效最合理的将产品策略转化为产品原型，从而为流水线的后面环节提供精确的参考资料。
下面以人人网广告平台的一些产品和交互细节为例，使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。入门级文章，高手请绕行。 阅读这个条目剩下部分 »
最近经常需要翻墙去研究国外某些网站的交互设计，但是随着我们科技实力的不断发展，我发现好用的代理服务器越来越少了，甚至一度没有可用的翻墙方法。今天从华大师那里得知世界上存在一种叫做GAppProxy的东西（我之前真的没听过，不要鄙视我…），于是上网翻了一些相关资料，终于成功的跨过了万里长城。
在跨越之前，我想有必要了解一下文中涉及到的相关概念：
1、Google app engine 是什么？
这个，就是 Google 的一个服务。（废话~）简单的说，使用它我们可以编写一些在线的应用，可以使用 Python 写的程序，由 Google app engine 提供网络空间和带宽。
2、GAppProxy 是什么？
GAppProxy 是基于 Google app engine 的免费国际代理。据说本意是提供给教育网用户的，但是由于使用了 Google 的服务器，公网用户也可以使用。
3、GAppProxy 能做什么？
能做什么？看本文标题啊~~
好~~ 概念了解完了，让我们开始伟大的跨越之旅吧。 阅读这个条目剩下部分 »
每年的10月和11月是各大公司校园招聘的高峰期，今天没事的时候在同事收到的一箱子简历里面翻了一会，突然意识到，其实书写求职简历的过程，就是一种典型的交互设计过程。
我们一般所说的交互设计，都是指用户通过软件等手段与机器之间的交互，这从交互设计的前身“Soft Face”这个名字中，或许就可以窥知一二。但是事实上，交互设计在生活中是无处不在的。对于人机交互来说，用户需要通过设计师所设计的用户界面(UI) 来与机器交互，UI的好坏直接影响着用户体验。同样，作为一个求职者，他们所面对的“用户”，实际上就是公司的HR，而求职简历这薄薄的两张纸，就是求职 者的UI，而这个“UI”的好还则直接决定了其是否能够得到面试机会。本文试图从交互设计的角度来探讨一下如何书写求职简历（因为校园招聘中的简历问题比较明显，本文以校园招聘为例）。
阅读这个条目剩下部分 »
（本文的标题叫做“方式研究”，是因为，我最终也没有想通原理，只猜出了方法，但是，的确是实现了效果。）
最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：
于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）：
阅读这个条目剩下部分 »
自从把网站搬到国外服务器后一直没有时间恢复原来的blog，最近，在“人生最后一次长假”
快要结束的时候，终于打起精神架设完成了wordpress。模板设计并制作完成后，想到了Google Analytics的问题。
最傻也是最简单的方法可能是把Google Analytics的代码加到模板页面里，工作量不大，在head.php里面加上就行。但是总是觉得应该有更“正统”的方法，于是询问朋友后得知，有专门的插件可以使用。
搜索关键词 Google Analytics wordpress 发现了一个叫做 Google Analytics for WordPress 的插件。于是下载。
安装的过程跟所有wp插件一样，将得到的包解压缩，然后将文件夹上传到plugins目录中即可。登录wp后台，激活该插件。发现设置过程很简单，只需要填写Analytics Account ID（就是UA-xxx那个字符串）即可。如图：
阅读这个条目剩下部分 »