Category Archives: 交互

分页样式进化

分页是web信息架构的一种方法,它将信息分割成两个或两个以上的页面来展示,更方便于用户筛查所需内容。 经典样式 共n页 第x页 首页 上一页 下一页 尾页 常用样式 < 1 2 3 4 5 ... n > 个性样式 像播放器的进度条一样可以拖放… 点击分页和拖滚动条,这两种行为的目的是一样的,都是想查看更多信息。 原来分页还可以这样玩,向下拖滚动条到页底自动翻页。 当滚动条拖到页脚时自动将后页的内容以ajax的方式读取进来添加到当前页面。 这种方式大大节省了用户的操作步骤,并且在对比前后页信息时不用后退页面,一目了然。 我之前在twitter上看过,后来发现必应的图片搜索,国内一些微博也逐渐采用。 滚动条拖到底部自动翻页怎么实现? 对此我也挺感兴趣,试做一个分享大家 scrollPage 收听我

Posted in 交互, 体验, 开发 | 2 Comments

互动广告标准

标准是对重复性事物和概念所做的统一规定。它以科学、技术和实践经验的综合成果为基础,经有关方面协商一致,由主管机构批准,以特定形式发布,作为共同遵守的准则和依据。 通过标准化以及相关技术策略的实施,可以整合和引导社会资源,激活科技要素,推动自主创新与开放创新,加速技术积累、科技进步、成果推广、创新扩散、产业升级。 为什么友情链接图标尺寸是88×31? google AdSense那些广告默认尺寸是怎么确定的? 被称为第四媒体的互联网,广告是其普遍的盈利模式。往往广告主会在多家媒体发布广告,这就出现了重复性。为了减少重复劳动并且方便快捷统一的发布广告,于是经过多方协定产生了一些标准。 Interactive Advertising Bureau (IAB) ,是制定发布互动广告标准的国际组织。 它成立于1996年,其成员包括微软、google、yahoo等著名互联网公司。 广告有标准,那么页面要能够完美的展示这些广告,必须在设计之初将其考虑进来,在栅格系统中值入广告标准。 2009年更新的互动广告标准 Rectangles and Pop-Ups 文件尺寸 (px) 最大文件 (kb) 动画片长 (s) 300 x 250 IMU – (Medium Rectangle) 40 :15 250 x 250 IMU – (Square Pop-Up) 40 … Continue reading

Posted in 交互, 设计 | Leave a comment

定位层始终保持在当前可见屏

看到过很多这样的广告,页面两边各放一个方块图片广告,拖动滚动条时广告随之动滚,始终停留在当前屏幕的下方或上方。 对于这种漂浮广告,我相信很多用户都非常不爽! 看下面两个图的应用。 当同一种技术实现的效果被应用在了不同的地方,就产生了明显的体验差别。 它们的不同点在于是否应用户需求而设计。 淘宝产品列表 http://search1.taobao.com/browse/50010388/… 腾讯财经产业经济 http://finance.qq.com/industry/index.htm 如何实现? scrollTop是什么?当元素内部的内容高度超过元素本身的高度时就会出现滚动条,随着拖动滚动条而被隐去的上面部分的高度就是scrollTop值。 这种定位层就是当页面触发onscroll事件时,取得scrollTop值并写入定位层CSS属性,使之保持位置。 另外,IE6不支持position:fixed,只能用position:absolute特殊处理,当然你也可以忽略IE6 听不懂?看演示吧

Posted in 交互, 开发 | 3 Comments

原型制作软件Balsamiq Mockups

Balsamiq Mockups是一款基于AIR的原型设计软件,独特的涂鸦风格让人耳目一新.使用非常简便,拖拖拽拽改下文字就能形成一个效果图.勾选菜单里的”Use System Font”可以支持中文. 这款软件收费挺高,要79美元,但是你可以通其它方法免费获得序列号key,哈,这就是我发这篇日志的目的:) 序列号key Organization name:leexij@gmail.com Serial Key:eNrzzU/OLi0odswsqslJTa3IzHJIz03MzNFLzs+tMTQyNrcwsTQyAIEa5xpDAIFxDy8= 序列号已失效:(

Posted in 交互, 观察 | 25 Comments

解答产品经理EQ思考题

这是一个挺有趣的题目,能大概看出一个人的沟通能力。下面是我的解答,有不同意见还请指导。 1、某日下班,你和公司同事背包准备离开公司,这时迎面遇到了公司ceo,你礼貌的与ceo打招呼。ceo叫住了你,请你跟他到他的办公室来一趟。这个时候你会如何处理? “哦!好的,我先把包放回座位。” 把包放下说明并不急着下班,有事愿意晚点,比如要开个会加下班。如果不花时间,他必定告诉我不用。 2、你惴惴不安的来到ceo办公室后,ceo拿出10块钱,请你帮他买3罐可乐汽水(汽水3元一罐),要你自己拿一罐喝。这个时候你会如何回答? “我这有些硬币先用了吧,放口袋容易丢!” 这是我的个人性格,帮人买汽水或烟这种事感觉挺别扭不如请了,当然他要是再次确定说用他钱我就会同意。如果随和一点的人是会同意我的建议的。 3、你兴冲冲的跑去买了三罐汽水,跑回ceo办公室,结果在路上经过一个副总办公室时,发现ceo在这里,在与副总聊天。你会如何处理? 我会把汽水和找回的钱(如果用了他的钱)先放CEO办公室里去并带走自己那罐,出去经过那个副总办公室时敲个门说“X总,放你办公室了。”并小招呼一下那位副总然后离开。 4、这时你敲门进入办公室,礼貌的将2罐汽水交给ceo,按事先的约定,你应该拿走一罐,而且你要将购买汽水找回的1元钱还给ceo,那么你会怎么做,怎么说? 如果CEO叫我把汽水再从他办公室拿过来的话,那么这个场景就出现了。 我会把三罐汽水及钱(如果果用了他的钱)放到他面前桌上,然后示意离开。他请喝汽水当然从他手里递给我比较好,如果他没递过来的话我也不准备要了。 5、你将钱与汽水交给ceo后,拿着属于自己的那一罐汽水准备离开,一转身却发现原来背对着门,大椅子里原来还坐着第二位副总。这个时候你该如何处理? 如果他递过来汽水的话我肯定收了,现在情况就会发生。 我会面带微笑把汽水放回桌上。CEO当然能明白我的意思,如果CEO说谁谁不喝汽水,我再把视线转向那人,以示确定。就算他喝汽水也不可能再说喝了,这谁都看不出,所以并不尴尬。 沟通要从身边细节做起,尽量不制造尴尬或让人为难的事情。

Posted in 交互, 年华, 观察 | 10 Comments