﻿<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>光阴·印象 - Henry 互联网交互设计 UI设计 用户体验研究</title>
	<atom:link href="http://www.henryl.net/blog/feed" rel="self" type="application/rss+xml" />
	<link>http://www.henryl.net/blog</link>
	<description>某小涵的琐碎</description>
	<lastBuildDate>Wed, 04 Aug 2010 11:40:03 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>产品经理与交互设计师的对话——需求是如何变成产品原型的</title>
		<link>http://www.henryl.net/blog/2010/07/336</link>
		<comments>http://www.henryl.net/blog/2010/07/336#comments</comments>
		<pubDate>Wed, 28 Jul 2010 01:30:45 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[研究]]></category>

		<guid isPermaLink="false">http://www.henryl.net/blog/?p=336</guid>
		<description><![CDATA[在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。
相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看，似乎可以认为，产品经理是从一个更加宏观的角度去设计产品，而交互设计师，则是从更多的细节出发，去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合，深入沟通，才能够最高效最合理的将产品策略转化为产品原型，从而为流水线的后面环节提供精确的参考资料。
下面以人人网广告平台的一些产品和交互细节为例，使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。
在广告平台其中一个投放系统中，有一个产品需求，是要根据用户所在的地区做广告的定向投放。也就是说，可以控制广告只展示给固定地域的用户。这就意味着，需要设计一个「区域选择器」，供用户选择区域。产品经理的原始需求是这样的：
产品经理：“我们这次的投放系统需要设计一个区域选择器，就是让用户选择广告定向投放的区域的。可以精确到城市，可以多选。另外，区域作为一个投放广告的限制条件，如果用户没有选择任何选项，那就代表用户忽略该条件，则该广告会面向全国投放。”
交互设计师：“哦。”
产品经理：“嗯，我能够想到的这个东西的原型，可以提供两个下拉框，让用户分别选择省和城市。当用户在第一个下拉框里面选定了省以后，第二个下拉框中会显示该省下面的地级市。我做了一个简单的框图，大家看一下。”
在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。
相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看，似乎可以认为，产品经理是从一个更加宏观的角度去设计产品，而交互设计师，则是从更多的细节出发，去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合，深入沟通，才能够最高效最合理的将产品策略转化为产品原型，从而为流水线的后面环节提供精确的参考资料。
下面以人人网广告平台的一些产品和交互细节为例，使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。入门级文章，高手请绕行。(...)
]]></description>
			<content:encoded><![CDATA[<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看，似乎可以认为，产品经理是从一个更加宏观的角度去设计产品，而交互设计师，则是从更多的细节出发，去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合，深入沟通，才能够最高效最合理的将产品策略转化为产品原型，从而为流水线的后面环节提供精确的参考资料。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">下面以人人网广告平台的一些产品和交互细节为例，使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">在广告平台其中一个投放系统中，有一个产品需求，是要根据用户所在的地区做广告的定向投放。也就是说，可以控制广告只展示给固定地域的用户。这就意味着，需要设计一个「区域选择器」，供用户选择区域。产品经理的原始需求是这样的：</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">产品经理：“我们这次的投放系统需要设计一个区域选择器，就是让用户选择广告定向投放的区域的。可以精确到城市，可以多选。另外，区域作为一个投放广告的限制条件，如果用户没有选择任何选项，那就代表用户忽略该条件，则该广告会面向全国投放。”</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">交互设计师：“哦。”</div>
<div id="_mcePaste" style="position: absolute; left: -10000px; top: 300px; width: 1px; height: 1px; overflow: hidden;">产品经理：“嗯，我能够想到的这个东西的原型，可以提供两个下拉框，让用户分别选择省和城市。当用户在第一个下拉框里面选定了省以后，第二个下拉框中会显示该省下面的地级市。我做了一个简单的框图，大家看一下。”</div>
<p>在一个互联网公司的工作流程中，产品经理（主要指偏向产品设计的产品人员）和交互设计师是这个流水线上最起点的环节，也是关系最暧昧的两个环节。说其暧昧，是因为在很多互联网公司里面，这两个环节所做的事情是有重合的，这就意味着，他们或许也是整个流程中合作最紧密的两个环节。</p>
<p>相对比之下，产品经理更关注的是产品的内部逻辑、操作流程、策略等；而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看，似乎可以认为，产品经理是从一个更加宏观的角度去设计产品，而交互设计师，则是从更多的细节出发，去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合，深入沟通，才能够最高效最合理的将产品策略转化为产品原型，从而为流水线的后面环节提供精确的参考资料。</p>
<p>下面以人人网广告平台的一些产品和交互细节为例，使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。入门级文章，高手请绕行。(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2010/07/336/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>人人网招聘 前端架构师、Javascript开发工程师</title>
		<link>http://www.henryl.net/blog/2010/03/320</link>
		<comments>http://www.henryl.net/blog/2010/03/320#comments</comments>
		<pubDate>Thu, 18 Mar 2010 04:32:05 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[人人网]]></category>
		<category><![CDATA[前端]]></category>
		<category><![CDATA[招聘]]></category>

		<guid isPermaLink="false">http://www.henryl.net/blog/?p=320</guid>
		<description><![CDATA[
前端架构师
工作地点： 北京
性别/年龄：不限
学历：本科及以上
工作职责：
1. 负责网站整体前端框架的设计、搭建
2. 负责前端开发标准、规范的制定
3. 能够深入了解后端架构，为项目提供最优化的技术解决方案
4. 关注性能，能够为全站性能提升、技术运用合理性给出专业指导意见，勤于技术创新
5. 勤于布道
职位要求：
1. 3年以上web开发和前端开发经验，有大型网站的前端架构实践经验
2. 精通各种前端框架，深入了解其开发思想以及应用范围，有独立开发框架经验
3. 至少精通一门web前端脚本语言，有项目经验，熟悉Linux，了解设计模式
4. 善于沟通，乐于分享
JavaScript开发工程师
工作地点： 北京
招聘人数：2人
性别：不限
年龄：22-30
学历：本科及以上
要求：
1. 精通HTML DOM对象的Javascript编程，熟悉对象化Javascript编程
2. 有使用js框架经验，了解不同浏览器之间的差异，写出的代码具有良好的兼容性
3. 掌握XHTML、CSS，对W3C有较深理解
4. 了解web后端开发，熟悉至少一门后端语言
5. 熟练阅读英文技术文档
申请职位请发邮件到：qiang.yan(at)opi-corp.com 抄送 hanyu.liu(at)opi-corp.com
如果你有以上没有提到的任何技能，都是你的优势。如果你觉得自己够强大，够靠谱，够热情，你可以忽略以上描述，直接来和我们面谈。我们注重技术，但更注重人。
]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" title="人人网招聘" src="http://henryl.net/blog/wp-content/uploads/2010/03/fed-job.jpg" alt="" width="620" height="260" /></p>
<p><strong>前端架构师</strong></p>
<p>工作地点： 北京</p>
<p>性别/年龄：不限</p>
<p>学历：本科及以上</p>
<p>工作职责：</p>
<p>1. 负责网站整体前端框架的设计、搭建<br />
2. 负责前端开发标准、规范的制定<br />
3. 能够深入了解后端架构，为项目提供最优化的技术解决方案<br />
4. 关注性能，能够为全站性能提升、技术运用合理性给出专业指导意见，勤于技术创新<br />
5. 勤于布道</p>
<p>职位要求：</p>
<p>1. 3年以上web开发和前端开发经验，有大型网站的前端架构实践经验<br />
2. 精通各种前端框架，深入了解其开发思想以及应用范围，有独立开发框架经验<br />
3. 至少精通一门web前端脚本语言，有项目经验，熟悉Linux，了解设计模式<br />
4. 善于沟通，乐于分享</p>
<p><strong>JavaScript开发工程师</strong></p>
<p>工作地点： 北京</p>
<p>招聘人数：2人</p>
<p>性别：不限</p>
<p>年龄：22-30</p>
<p>学历：本科及以上</p>
<p>要求：</p>
<p>1. 精通HTML DOM对象的Javascript编程，熟悉对象化Javascript编程<br />
2. 有使用js框架经验，了解不同浏览器之间的差异，写出的代码具有良好的兼容性<br />
3. 掌握XHTML、CSS，对W3C有较深理解<br />
4. 了解web后端开发，熟悉至少一门后端语言<br />
5. 熟练阅读英文技术文档</p>
<p>申请职位请发邮件到：qiang.yan(at)opi-corp.com 抄送 hanyu.liu(at)opi-corp.com</p>
<p>如果你有以上没有提到的任何技能，都是你的优势。如果你觉得自己够强大，够靠谱，够热情，你可以忽略以上描述，直接来和我们面谈。我们注重技术，但更注重人。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2010/03/320/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>我读大学那会儿原创的段子~</title>
		<link>http://www.henryl.net/blog/2010/02/289</link>
		<comments>http://www.henryl.net/blog/2010/02/289#comments</comments>
		<pubDate>Sun, 21 Feb 2010 13:46:56 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[某师大]]></category>

		<guid isPermaLink="false">http://www.henryl.net/blog/?p=289</guid>
		<description><![CDATA[昨天晚上翻硬盘翻出来滴&#8230;
纪念大学中的人和事~
1、鄙视舍委会是每一个师大学生的基本义务。
——这个很通俗易懂，不用解释了。舍委会是某师大专门负责查寝室的“学生组织”，擅长装逼以及装逼。这个句式中的“舍委会”可以换成任何被鄙视的学生组织。常用的有“学生会”和“社团联合会”。
2、十年啊&#8230; 就算当服务员估计也早就升为大堂经理了吧？
——这是我得知某系某导员的恶行（比如强迫学生买窗帘、办信用卡什么的）后，对其进行讽刺的一段话。这是个神奇的导员，他自从来到某师大，就一直在当导员，一直升不了官。据说已经当了10多年的导员了。名词解释：导员，全称政治辅导员，是大学里面除清洁工和食堂服务人员外最低级别的职位。但由于其对于学生有直接管理权，所以经常会站在学生权益的对立面。
3、这就像是你走在路上遇到了一坨大便，你会选择踩它一下？还是绕着走？
——这句话是用来劝说那些受了学校欺负的同学的，劝他们先忍耐一下。在某师大，经常欺负人的组织和个人主要包括：导员、舍委会、系学生会、公寓阿姨等。
(...)
]]></description>
			<content:encoded><![CDATA[<p>昨天晚上翻硬盘翻出来滴&#8230;</p>
<p>纪念大学中的人和事~</p>
<p><strong>1、鄙视舍委会是每一个师大学生的基本义务。</strong></p>
<p><span style="color: #808080;">——这个很通俗易懂，不用解释了。舍委会是某师大专门负责查寝室的“学生组织”，擅长装逼以及装逼。这个句式中的“舍委会”可以换成任何被鄙视的学生组织。常用的有“学生会”和“社团联合会”。</span></p>
<p><strong>2、十年啊&#8230; 就算当服务员估计也早就升为大堂经理了吧？</strong></p>
<p><span style="color: #808080;">——这是我得知某系某导员的恶行（比如强迫学生买窗帘、办信用卡什么的）后，对其进行讽刺的一段话。这是个神奇的导员，他自从来到某师大，就一直在当导员，一直升不了官。据说已经当了10多年的导员了。名词解释：导员，全称政治辅导员，是大学里面除清洁工和食堂服务人员外最低级别的职位。但由于其对于学生有直接管理权，所以经常会站在学生权益的对立面。</span></p>
<p><strong>3、这就像是你走在路上遇到了一坨大便，你会选择踩它一下？还是绕着走？</strong></p>
<p><span style="color: #808080;">——这句话是用来劝说那些受了学校欺负的同学的，劝他们先忍耐一下。在某师大，经常欺负人的组织和个人主要包括：导员、舍委会、系学生会、公寓阿姨等。</span><br />
(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2010/02/289/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>新域名启用 henryl.net</title>
		<link>http://www.henryl.net/blog/2010/01/261</link>
		<comments>http://www.henryl.net/blog/2010/01/261#comments</comments>
		<pubDate>Mon, 04 Jan 2010 09:27:28 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[琐碎]]></category>
		<category><![CDATA[henryl.net]]></category>
		<category><![CDATA[新域名]]></category>

		<guid isPermaLink="false">http://www.henryl.net/blog/?p=261</guid>
		<description><![CDATA[由于众所周知的原因，Henry已经决定废弃现有的hplus.org.cn域名。目前新域名 henryl.net 已启用。(Henry Lau，就是我的英文名字缩写) 如果有朋友订阅了blog的话请更改链接。hplus.org.cn这个域名下面的所有内容将停止更新，直到自动废弃（也可能手工废弃，不解析）。从现在起，请大家使用新域名访问~
各位好运~
]]></description>
			<content:encoded><![CDATA[<p>由于众所周知的原因，Henry已经决定<strong>废弃</strong>现有的hplus.org.cn域名。目前新域名 <a href="http://henryl.net">henryl.net</a> 已启用。(Henry Lau，就是我的英文名字缩写) 如果有朋友订阅了blog的话请更改链接。hplus.org.cn这个域名下面的所有内容将停止更新，直到自动废弃（也可能手工废弃，不解析）。从现在起，请大家使用新域名访问~</p>
<p>各位好运~</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2010/01/261/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>人人网FED团队博客正式上线</title>
		<link>http://www.henryl.net/blog/2009/12/252</link>
		<comments>http://www.henryl.net/blog/2009/12/252#comments</comments>
		<pubDate>Thu, 10 Dec 2009 02:44:47 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[琐碎]]></category>
		<category><![CDATA[fed]]></category>
		<category><![CDATA[人人网]]></category>
		<category><![CDATA[前端]]></category>

		<guid isPermaLink="false">http://www.hplus.org.cn/blog/?p=252</guid>
		<description><![CDATA[
欢迎各位朋友参观指导，交流经验。
http://fed.renren.com
]]></description>
			<content:encoded><![CDATA[<p><a href="http://fed.renren.com" target="_blank"><img class="alignnone size-full wp-image-253" title="start2" src="http://henryl.net/blog/wp-content/uploads/2009/12/start2.jpg" alt="start2" width="620" height="260" /></a></p>
<p>欢迎各位朋友参观指导，交流经验。</p>
<p><a href="http://fed.renren.com" target="_blank">http://fed.renren.com</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2009/12/252/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>使用GAppProxy建立自己的代理服务器</title>
		<link>http://www.henryl.net/blog/2009/11/232</link>
		<comments>http://www.henryl.net/blog/2009/11/232#comments</comments>
		<pubDate>Thu, 19 Nov 2009 09:01:33 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[研究]]></category>
		<category><![CDATA[GAppProxy]]></category>
		<category><![CDATA[gfw]]></category>
		<category><![CDATA[翻墙]]></category>

		<guid isPermaLink="false">http://www.hplus.org.cn/blog/?p=232</guid>
		<description><![CDATA[最近经常需要翻墙去研究国外某些网站的交互设计，但是随着我们科技实力的不断发展，我发现好用的代理服务器越来越少了，甚至一度没有可用的翻墙方法。今天从华大师那里得知世界上存在一种叫做GAppProxy的东西（我之前真的没听过，不要鄙视我&#8230;），于是上网翻了一些相关资料，终于成功的跨过了万里长城。
在跨越之前，我想有必要了解一下文中涉及到的相关概念：
1、Google app engine 是什么？
这个，就是 Google 的一个服务。（废话~）简单的说，使用它我们可以编写一些在线的应用，可以使用 Python 写的程序，由 Google app engine 提供网络空间和带宽。
2、GAppProxy 是什么？
GAppProxy 是基于 Google app engine 的免费国际代理。据说本意是提供给教育网用户的，但是由于使用了 Google 的服务器，公网用户也可以使用。
3、GAppProxy 能做什么？
能做什么？看本文标题啊~~
好~~ 概念了解完了，让我们开始伟大的跨越之旅吧。(...)
]]></description>
			<content:encoded><![CDATA[<p>最近经常需要翻墙去研究国外某些网站的交互设计，但是随着我们科技实力的不断发展，我发现好用的代理服务器越来越少了，甚至一度没有可用的翻墙方法。今天从<a href="http://bluehua.org/" target="_blank">华大师</a>那里得知世界上存在一种叫做GAppProxy的东西（我之前真的没听过，不要鄙视我&#8230;），于是上网翻了一些相关资料，终于成功的跨过了万里长城。</p>
<p>在跨越之前，我想有必要了解一下文中涉及到的相关概念：</p>
<p><strong>1、Google app engine 是什么？</strong></p>
<p>这个，就是 Google 的一个服务。（废话~）简单的说，使用它我们可以编写一些在线的应用，可以使用 Python 写的程序，由 Google app engine 提供网络空间和带宽。</p>
<p><strong>2、GAppProxy 是什么？</strong></p>
<p>GAppProxy 是基于 Google app engine 的免费国际代理。据说本意是提供给教育网用户的，但是由于使用了 Google 的服务器，公网用户也可以使用。</p>
<p><strong>3、GAppProxy 能做什么？</strong></p>
<p>能做什么？看本文标题啊~~</p>
<p>好~~ 概念了解完了，让我们开始伟大的跨越之旅吧。(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2009/11/232/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>人人网招聘前端javascript开发工程师</title>
		<link>http://www.henryl.net/blog/2009/11/221</link>
		<comments>http://www.henryl.net/blog/2009/11/221#comments</comments>
		<pubDate>Mon, 09 Nov 2009 08:49:05 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[工作]]></category>
		<category><![CDATA[人人网]]></category>
		<category><![CDATA[招聘]]></category>
		<category><![CDATA[校内]]></category>

		<guid isPermaLink="false">http://www.hplus.org.cn/blog/?p=221</guid>
		<description><![CDATA[
先插个广告：人人网FED团队博客近期上线，敬请关注 http://fed.renren.com
(以下内容是帮同事转的~~)
招聘贴发过不少,但都不是自己写的,没有诚意,偶这次忙里偷闲,自己写一个,先说点题外的~
1 . 关于人人网的前端组
人人网现有前端12名同学，其中js组5人（偶也在其中了，咔咔~）css组7人，其中绝大部分同学为08和 09界应届毕业生，大牛没有，菜头一堆。
2 . 我们的主要工作内容
负责人人网主要产品的前端开发和优化,包括主页，日志，相册，分享等等。
3 . 对工作的一点感受
在这里工作绝对不会让你觉得压抑，早上10点前到班即可，俺以前住宿舍，早上9:30起床不晚~。由于年龄相仿，所以大家都比较“本色”，刚来的新人可能会不太适应，哈哈。工作内容基本上不会让你觉得觉是在重复性的劳动，产品同学会想出各种点子折磨你（不要以为vip模板也是我们搞啊，那个是外包地）。恩，还有就是成就感，记得入职后开发的第一个home页的产品：状态框，上线之后灰常激动，心想：偶的代码要被下载上G的流量，n多用户(包括大学同学）都要通过这个框框改状态。
(...)
]]></description>
			<content:encoded><![CDATA[<p><a href="http://fed.renren.com" target="_blank"><img class="alignnone size-full wp-image-226" title="fedblog" src="http://henryl.net/blog/wp-content/uploads/2009/11/fedblog.jpg" alt="fedblog" width="620" height="100" /></a></p>
<p>先插个广告：人人网FED团队博客近期上线，敬请关注 <a href="http://fed.renren.com" target="_blank">http://fed.renren.com</a></p>
<p>(以下内容是帮同事转的~~)</p>
<p>招聘贴发过不少,但都不是自己写的,没有诚意,偶这次忙里偷闲,自己写一个,先说点题外的~</p>
<p>1 . 关于人人网的前端组</p>
<p>人人网现有前端12名同学，其中js组5人（偶也在其中了，咔咔~）css组7人，其中绝大部分同学为08和 09界应届毕业生，大牛没有，菜头一堆。</p>
<p>2 . 我们的主要工作内容</p>
<p>负责人人网主要产品的前端开发和优化,包括主页，日志，相册，分享等等。</p>
<p>3 . 对工作的一点感受</p>
<p>在这里工作绝对不会让你觉得压抑，早上10点前到班即可，俺以前住宿舍，早上9:30起床不晚~。由于年龄相仿，所以大家都比较“本色”，刚来的新人可能会不太适应，哈哈。工作内容基本上不会让你觉得觉是在重复性的劳动，产品同学会想出各种点子折磨你（不要以为vip模板也是我们搞啊，那个是外包地）。恩，还有就是成就感，记得入职后开发的第一个home页的产品：状态框，上线之后灰常激动，心想：偶的代码要被下载上G的流量，n多用户(包括大学同学）都要通过这个框框改状态。</p>
<p>(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2009/11/221/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>简历中的交互设计</title>
		<link>http://www.henryl.net/blog/2009/10/167</link>
		<comments>http://www.henryl.net/blog/2009/10/167#comments</comments>
		<pubDate>Sat, 31 Oct 2009 12:59:54 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[研究]]></category>
		<category><![CDATA[交互设计]]></category>
		<category><![CDATA[求职]]></category>
		<category><![CDATA[用户体验]]></category>
		<category><![CDATA[简历]]></category>

		<guid isPermaLink="false">http://www.hplus.org.cn/blog/?p=167</guid>
		<description><![CDATA[每年的10月和11月是各大公司校园招聘的高峰期，今天没事的时候在同事收到的一箱子简历里面翻了一会，突然意识到，其实书写求职简历的过程，就是一种典型的交互设计过程。
我们一般所说的交互设计，都是指用户通过软件等手段与机器之间的交互，这从交互设计的前身“Soft Face”这个名字中，或许就可以窥知一二。但是事实上，交互设计在生活中是无处不在的。对于人机交互来说，用户需要通过设计师所设计的用户界面(UI) 来与机器交互，UI的好坏直接影响着用户体验。同样，作为一个求职者，他们所面对的“用户”，实际上就是公司的HR，而求职简历这薄薄的两张纸，就是求职 者的UI，而这个“UI”的好还则直接决定了其是否能够得到面试机会。本文试图从交互设计的角度来探讨一下如何书写求职简历（因为校园招聘中的简历问题比较明显，本文以校园招聘为例）。

(...)
]]></description>
			<content:encoded><![CDATA[<p>每年的10月和11月是各大公司校园招聘的高峰期，今天没事的时候在同事收到的一箱子简历里面翻了一会，突然意识到，其实书写求职简历的过程，就是一种典型的交互设计过程。</p>
<p>我们一般所说的交互设计，都是指用户通过软件等手段与机器之间的交互，这从交互设计的前身“Soft Face”这个名字中，或许就可以窥知一二。但是事实上，交互设计在生活中是无处不在的。对于人机交互来说，用户需要通过设计师所设计的用户界面(UI) 来与机器交互，UI的好坏直接影响着用户体验。同样，作为一个求职者，他们所面对的“用户”，实际上就是公司的HR，而求职简历这薄薄的两张纸，就是求职 者的UI，而这个“UI”的好还则直接决定了其是否能够得到面试机会。本文试图从交互设计的角度来探讨一下如何书写求职简历（因为校园招聘中的简历问题比较明显，本文以校园招聘为例）。</p>
<p><img class="alignnone size-full wp-image-182" title="r3" src="http://henryl.net/blog/wp-content/uploads/2009/10/r3.jpg" alt="r3" width="522" height="212" /></p>
<p>(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2009/10/167/feed</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>基于vertical-align的表单元素垂直对齐方式研究</title>
		<link>http://www.henryl.net/blog/2009/07/143</link>
		<comments>http://www.henryl.net/blog/2009/07/143#comments</comments>
		<pubDate>Fri, 24 Jul 2009 09:21:39 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[研究]]></category>
		<category><![CDATA[vertical-align]]></category>
		<category><![CDATA[对齐]]></category>
		<category><![CDATA[表单元素]]></category>

		<guid isPermaLink="false">http://www.hplus.org.cn/blog/?p=143</guid>
		<description><![CDATA[（本文的标题叫做“方式研究”，是因为，我最终也没有想通原理，只猜出了方法，但是，的确是实现了效果。）
最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：

于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）：

(...)
]]></description>
			<content:encoded><![CDATA[<p>（本文的标题叫做“方式研究”，是因为，我最终也没有想通原理，只猜出了方法，但是，的确是实现了效果。）</p>
<p>最近的项目涉及到很多表单的制作，特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现，单(复)选框和它们后面的提示文字在不进行任何设置的情况下，是无法对齐的，而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle，也依然不能完美对齐。如下图所示：</p>
<p><img class="alignnone size-full wp-image-144" title="01" src="http://henryl.net/blog/wp-content/uploads/2009/07/01.jpg" alt="01" width="325" height="137" /></p>
<p>于是上网查看了一些网站，发现这个问题是普遍存在的，如下图（FF3.5）：</p>
<p><img class="alignnone size-full wp-image-145" title="error" src="http://henryl.net/blog/wp-content/uploads/2009/07/error.jpg" alt="error" width="620" height="311" /></p>
<p>(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2009/07/143/feed</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>彼岸</title>
		<link>http://www.henryl.net/blog/2009/07/121</link>
		<comments>http://www.henryl.net/blog/2009/07/121#comments</comments>
		<pubDate>Fri, 10 Jul 2009 13:20:20 +0000</pubDate>
		<dc:creator>Henry</dc:creator>
				<category><![CDATA[生活]]></category>
		<category><![CDATA[彼岸]]></category>
		<category><![CDATA[毕业]]></category>

		<guid isPermaLink="false">http://www.hplus.org.cn/blog/?p=121</guid>
		<description><![CDATA[铁路旁的信号灯
伴着晚风
不断的闪过
像是火照之路上的曼珠沙华
为迷途的亡灵指引着道路
毕业那天很匆忙
10点多下了火车
接近中午才到学校
匆匆的领了毕业证
就又踏上火车
远去
(...)
]]></description>
			<content:encoded><![CDATA[<p>铁路旁的信号灯<br />
伴着晚风<br />
不断的闪过<br />
像是火照之路上的曼珠沙华<br />
为迷途的亡灵指引着道路</p>
<p><span style="color: #999999;">毕业那天很匆忙<br />
10点多下了火车<br />
接近中午才到学校<br />
匆匆的领了毕业证<br />
就又踏上火车<br />
远去</span></p>
<p>(...)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.henryl.net/blog/2009/07/121/feed</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
