不一样的交互组件 乐乘
Download as PPTX, PDF7 likes1,080 views
文档探讨了交互组件的创新，包括滚动条、组合搜索框、文件上传以及翻页组件的案例和设计方法。分析了交互创新面临的阻力，如用户学习成本和挑战用户习惯。最后讨论了交互创新的境界，包括可理解的创新和逐渐被接受的创新。
不一样的交互组件 乐乘
- 4. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界1.滚动条的创新
- 5. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界手型拖动 vs 滚动条
- 6. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界标准滚动条·标准滚动条：滑块+上下按钮·滑块=可视区域·手型工具：拖动内容·内容区域越高，滑块越小当滑块只剩8px时…
- 7. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：滚动条的创新1、滚动条+锚点iphone OShttp://www.apple.com/mac/
- 8. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：滚动条的创新2、滚动条变形 google wave
- 9. 案例一 >案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界2.组合搜索框的创新
- 10. 案例一 >案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：组合搜索框的创新·标准组合搜索框：输入框+下拉菜单+按钮
- 11. 案例一 >案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：组合搜索框的创新1、【输入框+下拉菜单】组合
- 12. 案例一 >案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：组合搜索框的创新2、【下拉菜单+按钮】组合
- 13. 案例一 > 案例二 >案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界3.文件上传组件的创新
- 14. 案例一 > 案例二 >案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：文件上传组件的创新·标准上传组件：输入框（伪）+浏览按钮+提交按钮·Firefox下的输入框:·Chrome下的输入框:
- 15. 案例一 > 案例二 >案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界当出现两个“提交”按钮时，杯具在所难免…
- 16. 案例一 > 案例二 >案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：文件上传组件的创新gmail附件上传（过去）
- 17. 案例一 > 案例二 >案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界案例：文件上传组件的创新gmail附件上传（现在）
- 18. 案例一 > 案例二 > 案例三 >案例四 > 总结 > 创新的阻力 > 创新的境界4.翻页组件的创新
- 19. 案例一 > 案例二 > 案例三 >案例四 > 总结 > 创新的阻力 > 创新的境界案例：翻页组件的创新·标准翻页：上一页+页码+下一页+跳转·传统翻页方式：信息分段
- 20. 案例一 > 案例二 > 案例三 >案例四 > 总结 > 创新的阻力 > 创新的境界案例：翻页组件的创新1、无尽滚动条翻页Bing图片搜索 Google reader 看图购
- 21. 案例一 > 案例二 > 案例三 >案例四 > 总结 > 创新的阻力 > 创新的境界案例：翻页组件的创新2、递进式翻页TwitterIphone app store
- 22. 案例一 > 案例二 > 案例三 >案例四 > 总结 > 创新的阻力 > 创新的境界案例：翻页组件的创新3、翻页辅助Google book search
- 23. 案例一 > 案例二 > 案例三 >案例四 > 总结 > 创新的阻力 > 创新的境界两种翻页模型信息分段信息滚动
- 24. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界回顾一下组件创新的几种方式1、重构2、组合3、减法4、忘掉组件
- 25. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界交互组件创新的阻力1、用户学习成本 标准交互组件也有学习成本 radio button 与 checkbox
- 26. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界交互组件创新的阻力2、挑战用户习惯 体验的频率 （注册页与登录页）产品成熟度
- 27. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界交互创新的境界1、可被理解的创新
- 28. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界交互创新的境界2、潜移默化的创新（chrome浏览器地址栏）地址栏+google搜索框+收藏夹+历史记录
- 29. 案例一 > 案例二 > 案例三 > 案例四 > 总结 > 创新的阻力 > 创新的境界交互创新的境界3、成为标准的创新（输入框提示）