产品经理与交互设计师的对话——需求是如何变成产品原型的

20100728

在一个互联网公司的工作流程中,产品经理(主要指偏向产品设计的产品人员)和交互设计师是这个流水线上最起点的环节,也是关系最暧昧的两个环节。说其暧昧,是因为在很多互联网公司里面,这两个环节所做的事情是有重合的,这就意味着,他们或许也是整个流程中合作最紧密的两个环节。

相对比之下,产品经理更关注的是产品的内部逻辑、操作流程、策略等;而交互设计师更关注的是产品的易用性、流畅度和操作感受。总的来看,似乎可以认为,产品经理是从一个更加宏观的角度去设计产品,而交互设计师,则是从更多的细节出发,去提升用户体验。这两种不同的视角决定了只有产品经理和交互设计师密切配合,深入沟通,才能够最高效最合理的将产品策略转化为产品原型,从而为流水线的后面环节提供精确的参考资料。

下面以人人网广告平台的一些产品和交互细节为例,使用对话的形式来分享一下我个人在做交互设计过程中的一些体会和想法。入门级文章,高手请绕行。 阅读这个条目剩下部分 »

标签: , ,           评论: 56条
人人网FED团队搜狗拼音输入法皮肤

fed-input

请先安装搜狗拼音输入法。下载地址: http://pinyin.sogou.com/

然后,下载skin文件,双击即可自动安装。 http://fed.renren.com/wp-content/uploads/2010/07/fed.ssf

测试版。时间仓促。各种bug请大家提出~

标签: ,           评论: 11条
人人网招聘 前端架构师、Javascript开发工程师

fed-job

前端架构师

工作地点: 北京

性别/年龄:不限

学历:本科及以上

工作职责:

  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@opi-corp.com

如果你有以上没有提到的任何技能,都是你的优势。如果你觉得自己够强大,够靠谱,够热情,你可以忽略以上描述,直接来和我们面谈。我们注重技术,但更注重人。

标签: , ,           评论: 23条
解放你的浏览器

dimu-20100104
在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了,必须进行优化。

为什么会出现这种情况呢,我们先来看一下浏览器的内核处理方式:
阅读这个条目剩下部分 »

标签: ,           评论: 22条
体验更强大、更畅快的人人网,请升级您的IE6。


IE6(Internet Explorer 6)是微软在2001年发布的一款浏览器,由于同年捆绑了IE6的Windows XP发布并流行,这么多年来一直还是广大人人网用户的首选浏览器,从我们的统计数据中来看,现在有60%以上的 用户在使用IE6浏览器访问人人网。

然而,IE6已经是一款有着9年历史的浏览器了,虽然它很简单方便,但这9年互联网已经有了翻天覆地的变化,IE6早已无法适应现在互联网中越 来越 复杂强大的应用,怪异的渲染引擎、低级的功能、漏洞百出的安全性已经让IE6完全失去了与其他现代浏览器竞争的条件。

截止2009年5月,IE浏览器在欧洲的市场占有率已经低至40%,不及Firefox的47%,IE6更是仅存14.5%的市场占有率。 Firefox、Safari、Chrome、Opera等浏览器流行程度持续上升,众多网站宣布放弃对IE6浏览器的支持,很多抵制IE6的活动也在全 球各地开展开来。在各种现代浏览器的围追堵截和众多网站的强烈声讨中,IE6已经在欧洲慢慢退出了历史舞台。

阅读这个条目剩下部分 »

标签: , ,           评论: 213条
语义化你的HTML标签

作为一个前端开发人员,你要是没有听说过css,那你肯定是一个“out-man”。随着css的深入人心,结构与表现与行为的逐渐分离,HTML语义化成了炙手可热的卖点。

语义化的HTML首先要强调HTML结构

一个网页就好像一幢房子,HTML结构就是钢筋混泥土的墙,一幢房子如果没有钢筋混泥土的墙那就是一堆废砖头,也就称不上是房子了。CSS是装饰材料,是油漆,是用来装饰房子的。CSS如果没有html结构那就什么也不是了,没有了实际使用价值。CSS完全依靠引用它的(X)HTML文档。如果你想使CSS的能力发挥到极致,提供一个用既干净又有结构的HTML是非常必要的。
阅读这个条目剩下部分 »

标签: ,           评论: 14条
开博喽

2009.12.8,今天是人人网四岁的日子,我们今天正式开博 ~~

comming soon… 已经一段时间了,大家一直忙于工作没有贡献新文章,博客迟迟没有上线,也许是我们太居于形式,忽略了博客的对我们的意义~

FED 这个名字很符合我们前端劳动人民的本色,同时也不失潮气。和我们这个平均年龄二十四、五岁的团队也很搭调。

我们年轻,我们“贱”气十足,这群年轻人怀揣着梦想,从今天开始在这里记录年轻的每个时刻~

分享,快乐!

标签:           评论: 26条
web前端优化之动态加载

网站最近搞了次优化,效果比较明显,以前不敢用的动态加载(我自己起得,洋名叫lazy load,这样翻译应该也算得体,延迟加载也说得过去..)终于派上了用场.

总的来说是这样的:

  1. 页面加载时不会初始化的脚本不引用,不显示的ui用的样式不加载.用户交互用到时加载.
  2. 除用户可视区域外的图片不加载,用户有滚屏操作时加载.

阅读这个条目剩下部分 »

标签: ,           评论: 7条
简历中的交互设计

每年的10月和11月是各大公司校园招聘的高峰期,今天没事的时候在同事收到的一箱子简历里面翻了一会,突然意识到,其实书写求职简历的过程,就是一种典型的交互设计过程。

我们一般所说的交互设计,都是指用户通过软件等手段与机器之间的交互,这从交互设计的前身“Soft Face”这个名字中,或许就可以窥知一二。但是事实上,交互设计在生活中是无处不在的。对于人机交互来说,用户需要通过设计师所设计的用户界面(UI) 来与机器交互,UI的好坏直接影响着用户体验。同样,作为一个求职者,他们所面对的“用户”,实际上就是公司的HR,而求职简历这薄薄的两张纸,就是求职者的UI,而这个“UI”的好还则直接决定了其是否能够得到面试机会。本文试图从交互设计的角度来探讨一下如何书写求职简历(因为校园招聘中的简历问题比较明显,本文以校园招聘为例)。

阅读这个条目剩下部分 »

标签: ,           评论: 32条
基于vertical-align的表单元素垂直对齐方式研究

最近的项目涉及到很多表单的制作,特别是复选框(checkbox)和单选框(radio)。但是在前端开发过程中发现,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertical-align:middle,也依然不能完美对齐。

阅读这个条目剩下部分 »

标签: ,           评论: 9条