《指尖上的交互-孙晓博.pdf》由会员分享,可在线阅读,更多相关《指尖上的交互-孙晓博.pdf(41页珍藏版)》请在三一文库上搜索。
1、指尖上的交互 孙晓博 2013年硕士毕业于浙大,校招进入百 度,在移动搜索team工作,关注web component, react, etc. 关于交互 页面反馈 页面展现 小案例 都有哪些交互? 页面反馈 提倡用事件代理,影响点击态? PM:我要点击态 动态添加过程 touchstart + class touchend class 不灵活,不能跨平台 点击区域大小 尺寸 vs. 误点比例 推荐7 * 7mm(40pixels) 给元素预留充足的间隙,保证可点击元素 大小至少是 44 * 44 Pixels 实现这里的清空,你会怎么做? click touchstart touchend
2、这些都不对,好像应该用类似 Tap来处理会更好些 最短的Tap代码,能工作么? 对于iPhone,OK 部分Android,依赖实现的功能 如果是清空按钮,功能OK 如果是展开/折叠,那就展不开了 FastClick 如何加速列表滚动? -webkit-overflow-scrolling: touch; (ios5+) 不支持改用iscroll 换个话题,谈谈页面展现 速度快 为用户着想 如何快?让进度条先结束 Load的触发影响进度条 图片以及各种请求 Load之前屏蔽非重要图片 background-iamge: none !important; 不在Load回调里发请求,延一下 如何为用户着想呢? 看不到输入框了 弹出恰当的键盘 Web表单有个缺陷,你知道么? 用”Native”的方式计算 其它关于页面展现的优化 尽量节省网络请求(localStorage) 用CSS3动画,注意z-index 图片优化(iconfont, toDataUrl) 总结一下,一个好的输入框应该 应该能被看到 弹出正确的键盘类型 取消内容按钮点击区域大 可被拉伸 缓存请求过的Sug 对于删除,可以多一些逻辑 Thank you 2015.04.15