百度前端技术交流会
发布日期：2010年10月18日
主 题：架构&&基础化设施服务
目 的：促进前端技术发展
时 间：2010-10-30 13:30-18:00
会议流程：
- 签到（13:00~13:30）
- 主持人开场简介
- 嘉宾介绍
- 自由交流
会议嘉宾：
豆瓣嘉宾简介
姓名：张克军
主题：豆瓣前端团队的工作方式
公司：豆瓣
所在部门：技术部
所在团队：前端开发团队
Blog：http://hikejun.com/
Email：listenpro@gmail.com
twitter：twitter.com/kejunz
FE bui坝上,这里的风光无限好~~
发布日期：2010年9月14日
一个激情四射的周末，策马狂奔的激情，四轮摩托的乐趣，篝火晚会的狂欢，烤全羊的 美味，蓝天白云绿草的美景，每一样都让我们记忆深刻难以忘怀。
两天的坝上之行，美丽的草原风光，一路笑声和厮杀声（车上杀人），这就是我们短暂 而愉快的旅程。虽然天公不算太作美，没有看到日出，周六常常乌云追来并且下起连绵细雨， 但周日老天已经算给足了面子了，雨后的风光无限好。
途中风景
百度世界－“框天地”
发布日期：2010年9月06日
设计思路
这届百度世界的主题是“创新，开放，共赢”主推的重点是框计算的开放应用平台。和多家互联网知名网站及应用开发者合作，打造全新的应用开放平台，将这些网站的网络服务以应用模块的形式，直接在搜索结果页面展现出来。以便网民“即搜即用”。
“天行健，君子以自强不息；地势坤，君子以厚德载物。”这是易经中的一句话，天宇运行不息，大地承载万物，承载与发展构成了天地间的世界。这包含了古人一种朴素的世界观。由此联想到：百度世界也是由百度框计算平台和多个网站的应用所构成的世界。框计算平台承载着无数的开放进来的应用，越来越多的开放应用同时推进着平台的发展，实现共赢。
设计思路上，主形象想营造一个百度的框计算世界的氛围。网站的主视觉突出空间感，以框计算为中心，无限的应用汇聚其中，又穿越其间，形成中心向外放射的视觉感。选出典型应用，用户可以点击小图标体验。
网站的色彩主要以蓝色为主，蓝色是体现百度形象的色彩，同时又体现大会的科技感和百度世界的包容感。整体的蓝色塑造一个由深到浅的渐变，更凸显百度世界的空间感。大会强调开放包容，深邃的蓝色更能让人体验这种包容与大气。
网站的功能上增加些便于用户了解大会的小功能，增加了大会的倒计时，大会当天也增加了首页视频直播的模块。
百度世界主论坛——“框计算创新应用论坛”
发布日期：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日
类别：JavaScript, 前端技术, 未分类 | 评论(3)
什么是认知维度
认知维度（也称作符号认知维度，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创始人朱亮、联想研究院创新设计中心美术指导张酉麟），分别分享了自己多年的管理、设计经验。在不同的设计理念、不同的公司架构下，大家对一些同样的问题产生了共鸣，纷纷趁休息时间和与会嘉宾进行了交流。
海龙还介绍了百度用户体验团队和构架，鼓励并希望优秀的设计师能够加入到我们的团队中。