fly interface ii

21
FLY INTERFACE II Monday, April 18, 2011

Upload: fangdeng

Post on 27-May-2015

449 views

Category:

Travel


1 download

DESCRIPTION

FLY接口组件设计

TRANSCRIPT

Page 1: FLY INTERFACE II

FLY INTERFACE II

Monday, April 18, 2011

Page 2: FLY INTERFACE II

30MIN说些什么坐在门外歇歇脚

Monday, April 18, 2011

Page 3: FLY INTERFACE II

从FLY说开去Date Warehouse(DW 数据仓库) 根据用户访问行为等信息研发的算法

其实我不用关心是它是什么东西

那背后不是我的领域

这里有特殊情况

Monday, April 18, 2011

Page 4: FLY INTERFACE II

WE? 我们的角色

个性化推荐

每日焦点

...

Essence : Ajax 异步渲染

偏好 offers

热销 offers (categories), company

上新 offers

感兴趣 word

Monday, April 18, 2011

Page 5: FLY INTERFACE II

USAGE SCENES 使用场景

Monday, April 18, 2011

Page 6: FLY INTERFACE II

MAIN FUNCTION

封装接口返回的数据,保证数据可用 (Usability 可用)

提供最简单的可配置项 (Flexible 灵活)

封装静态方法, 渲染时使用模板引擎 (Efficient 高效)

曝光和打点, 数据收集 (Feedback 反馈)

Monday, April 18, 2011

Page 7: FLY INTERFACE II

COMPLEX SCENES

循环请求对象指向问题 - 新建params对象

完整的回调 - 增加onTemplatePre回调

隐藏域的性能问题 - 使内容存入值中(现不在此完成)

Monday, April 18, 2011

Page 8: FLY INTERFACE II

NOW!

轻量级通用组件 FE.util.fly()

用Google Closure Compile压缩后大小仅4k+

简单的打点方式

Monday, April 18, 2011

Page 9: FLY INTERFACE II

换一个角度

DESIGN PHILOSOPHYKey: Design 设计

Monday, April 18, 2011

Page 10: FLY INTERFACE II

DESIGN PHILOSOPHY

Ockham’s Razor 奥卡姆剃刀

这个原理称为“如无必要,勿增实体”,即简单有效原理

简化结构 核心价值 简化流程

Monday, April 18, 2011

Page 11: FLY INTERFACE II

DON’T MAKE ME THINK

Don’t make me think.

We don’t make optical choices. Users like mindless choices.

Omit Needless words. The art of not writing for the web.

人与代码的沟通也是交互

Monday, April 18, 2011

Page 12: FLY INTERFACE II

那些我们熟知的

Jquery Wirte less, do more

$(‘node’).do1.do2.do3.......

Monday, April 18, 2011

Page 13: FLY INTERFACE II

那些我们熟知的

Apple Industrial Design苹果的工业设计

Monday, April 18, 2011

Page 14: FLY INTERFACE II

DISCUSS

数据出错时的反馈

大量使用的性能问题

用户体验,渲染时间

Monday, April 18, 2011

Page 15: FLY INTERFACE II

DISCUSS

数据出错时的反馈

大量使用的性能问题

用户体验,渲染时间

应用场景?

Monday, April 18, 2011

Page 16: FLY INTERFACE II

DISCUSS

数据出错时的反馈

大量使用的性能问题

用户体验,渲染时间

应用场景?

异步用在哪里?

Monday, April 18, 2011

Page 17: FLY INTERFACE II

DISCUSS

数据出错时的反馈

大量使用的性能问题

用户体验,渲染时间

应用场景?

异步用在哪里?

频繁交互、频繁读取数据、动态更新

Monday, April 18, 2011

Page 18: FLY INTERFACE II

DISCUSS

数据出错时的反馈

大量使用的性能问题

用户体验,渲染时间

应用场景?

异步用在哪里?

后台作渲染和出错处理

频繁交互、频繁读取数据、动态更新

Monday, April 18, 2011

Page 19: FLY INTERFACE II

FUTURE 未来

静态页面一部分将在DCMS第二期由后台渲染

Monday, April 18, 2011

Page 20: FLY INTERFACE II

DON’T FORGET 别忘了

这是一次推广Fly组件的分享,请大家可以用起来

Monday, April 18, 2011

Page 21: FLY INTERFACE II

Thanks !

Monday, April 18, 2011