百度世界主论坛——“框计算创新应用论坛”
发布日期:2010年9月03日李彦宏演讲之后,百度高级副总裁沈皓瑜随后主持了“框计算创新应用”平行论坛,金山软件CEO雷军、CBSI全球副总裁王路、4399游戏董事长蔡文胜等多位互联网资深人士交流了各自企业与百度开放平台对接的经验,深入探讨了框计算给企业带来在流量、品牌、收入等各方面的收益。

(框计算创新应用论坛上,群贤毕至)
more »
百度世界主论坛——百度创始人、董事长兼CEO 李彦宏演讲
发布日期:2010年9月03日2010年9月2上午10点,2010年百度世界大会在北京中国大饭店正式开幕。
一段炫丽的开场vedio之后,百度创始人、董事长兼CEO 李彦宏(Robin)上台为大家进行主题演讲,以极具视觉冲击力的展示效果回顾了“框计算”一年来的进展,并对起未来进行了深入构思。
“框出行”“框生活”“框书房”——框融天下,创新无限,当“框计算”理念与应用冲击着观众的大脑时,现场华丽逼真的3D展示效果也让大家赞叹不已。
下面为大家奉上来自百度内网的现场精彩独家图文。
(“框”融天下,创新无限——Robin开始主题演讲)
more »
基于Canvas的热力图绘制方法
发布日期:2010年8月31日一. 介绍
最近参与的一个项目Marmot中需要根据点坐标绘制热力图。
热力图
以特殊高亮的形式显示访客热衷的页面区域或访客所在的地理区域
特点为:
1. 可以显示不可点击区域发生的事情。你将发现用户经常会点击那些不是链接的地方,也许你应该在那个地方放置一个资源链接。比如:如果你发现人们总是在点击某个产品图片,你能想到的是,他们也许想看大图,或者是想了解该产品的更多信息。 同样,他们可能会错误地认为特别的图片就是导航链接。
2. 热力图同时还能告诉你,页面的哪些部分吸引了大多数用户的注意。这对那些对web分析数据没有很多经验的产品人员非常有用。
3. 如果你在一个页面上有多个链接指向同一个URL,例如:如果有不同位置的3个链接指到同一个特定的产品页面 ,那么热力图将会显示你的访客最喜欢点击哪一个链接,这将帮助你提升网页的设计并让它对用户更加友好,不过实现这个功能需要一些设置。
…………
实例如下:

认知维度与API的可用性评估
发布日期:2010年8月20日
什么是认知维度
认知维度(也称作符号认知维度,Cognitive Dimensions or Cognitive Dimensions of Notations,简称CD)是一套关于符号标记、用户界面和编程语言的设计原则。
认知维度提供一种轻量级的方法来帮助分析设计,它包含了14条不同的维度来指导设计。 more »
UE之江湖外传
发布日期:2010年8月18日
“好久不见,你去哪儿啦?
——江湖。”
在京城西北角的一座熊掌型大厦里,隐匿着一群手持鼠标,眼盯屏幕的怪侠,他们对颜色敏感,对图形挑剔,执着于创意,疯狂于设计。
他们叫UI。
在京城西北角的那座熊掌型大厦里,还有一群以问卷为剑,以访谈为盾的奇士,他们重现用户行为轨迹,洞察用户使用心理,凭数据出谋划策,以报告指点江山。
他们叫UER。
他们身在江湖,请叫他们UE大侠。
英雄篇
“江湖在什么地方?
——在卡丁车赛道上…”
7月23日,放下工作,江湖轶事继续在在UE部门Q2季度会的卡丁车赛道上上演。
离开熊掌大厦,离开熟悉的工位,坐上大巴,大侠们又要开始新的征程了。
交互设计的方法
发布日期:2010年8月03日长期以来我就有对几年来交互设计的心得进行总结整理的想法。回到中国来亲身体会到不少同行,主要是交互设计师和视觉设计师对于交互设计的困惑,以及其他行业对于交互设计的误解和滥用。后来我在小范围内开设了一个关于交互设计的讲座;现在把它整理成文,希望与同行切磋,共同进步。
这篇文章是我几年来在美国从事交互设计工作的一个经验总结。当时我们遵循以用户为中心(User-Centered-Design, 简称UCD)的设计原则,每一个项目都是不折不扣的按所有UCD的步骤进行。下面总结的交互设计的方法,是从UCD的过程中提炼出来,也就是说,同样适用于任何非UCD的设计过程。
交互设计的流程
如果一提到交互设计,你就想到画线框图或原型图,那你只对了五分之一。交互设计是一个过程,从开始到结束有一套系统的流程。原型图只是其中的一个环节。
当接到一个设计项目,怎么开始?都应该做哪些工作?怎样尽可能的保证交付物满足既定的功能以及用户体验层面的易用性?
第一步,是任务分析,列出界面所要完成的所有任务。第二步按各任务确定页面流程,建立信息架构。接下来是创建统一的页面布局包括分区等。然后在页面布局的基础上进行原型设计,可以是低保真和高保真的原型图。最后编写设计说明。
下面以设计一款动感相册界面为例,逐步讲解各个环节。 more »
Design in 百度
发布日期:2010年7月28日
7月24日,百度用户体验部负责人张海龙出席业界知名论坛Iconfans线下分享会,与UE精英畅谈Design in Baidu。百度一同出席的还有李年福、史玉洁两位UI经理。
闷热的天气并没有阻挡大家前来学习交流的脚步, 60多位来自百度、腾讯、联想、新浪、eico、UIRSS等IT巨头、专业 UI公司及论坛的设计师们报名,最后到场80余位,现场火热程度绝对不亚于室外的高温。
2点30分交流会正式开始,张海龙及其他嘉宾(腾讯北京无线部门经理姜军军、17flyidea创始人朱亮、联想研究院创新设计中心美术指导张酉麟),分别分享了自己多年的管理、设计经验。在不同的设计理念、不同的公司架构下,大家对一些同样的问题产生了共鸣,纷纷趁休息时间和与会嘉宾进行了交流。
海龙还介绍了百度用户体验团队和构架,鼓励并希望优秀的设计师能够加入到我们的团队中。
js selector设计及实现(一) 实现思路
发布日期:2010年7月21日前言
前阵子和伟大的JK同学学习了一下目前我们框架里新版本的selector,这里列的是第一版selector的代码思路。
后一版本调优性能,多了些函数,从性能上与各大框架比还是有竞争力的。
说句实在话,虽然各大框架和库都实现了selector。但看他们的selector实现其他的人看上去无疑都是难看懂。
而google,baidu上query出的结果基本都是说使用方式的文章,基本没有类似针对selector设计和具体实现上的文章。
所以,决定将整个思路和实现写出来,一来是增加印象,二来是给目前想写的人以参考。
我是以我学习及写selector的角度及把我向JK学习思路和我自己的设计,代码写的思路写出来。
这篇文章我也想不到写了这么长。建议这么看比较好:
- 不熟悉selector用户先去熟悉了休息会,再看此文;文中没有写详细的selector的具体内容,只是为了描述,大略的提了下;
- selector了解了之后再看看思路;顺序解析还是比较容易看懂的;
- 后文中的js代码里,我做了详细的注释,结构也和文中提的代码结构一样,有兴趣的同学可以读下,这个selector代码暂名为:Fox,接口为Fox.query(selector, context)。
代码可以点这里下载和测试。
此份代码已经注释,比较简单,我没去写优化的代码,之所以代码里面不写,是因为写了解释起来很绕,熟悉思路先吧,以后详细优化的文章及代码可以抽空再写。
OK,开始吧。
知道五周年UE那点事儿
发布日期:2010年7月20日百度知道5年了 …5年来,知道正是因无穷的网友的智慧才不惑,因网友间的真诚的互助才永葆青春。我们拿什么来感谢这些最可爱的人?怀着一颗感恩的心来做设计,将知道赋予一个时代、赋予一种激情、赋予一种趣味,借用一位知道用户在台上讲的一句话:我仿佛回到了延安….知道就是力量!知道给予了我们想象,我们为知道创造更多的想象空间。
感谢知道运营团队精心策划的线下聚会和颁奖典礼 辛苦了 ^-^
感谢全体知道团队的努力 pm、rd、fe、op、qa、ue
接下来我们看图说话 :)


