- 1、本文档共30页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
- 5、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
- 6、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们。
- 7、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
- 8、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
[PPT模板]不一样的交互组件 乐乘 青苹果
乐乘 (yuecheng)
为什么聊这个话题?
交互设计
上层:创新
主要内容
·交互组件创新案例
·总结方式和方法
·交互创新的阻力
·交互创新的境界
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
手型拖动 vs 滚动条
标准滚动条
·标准滚动条:滑块+上下按钮
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
·滑块=可视区域
·手型工具:拖动内容
·内容区域越高,滑块越小
当滑块只剩8px时…
案例:滚动条的创新
1、滚动条+锚点
iphone OS
/mac/
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:滚动条的创新
2、滚动条变形 google wave
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:组合搜索框的创新
·标准组合搜索框:输入框+下拉菜单+按钮
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:组合搜索框的创新
1、【输入框+下拉菜单】组合
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:组合搜索框的创新
2、【下拉菜单+按钮】组合
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:文件上传组件的创新
·标准上传组件:输入框(伪)+浏览按钮+提交按钮
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
当出现两个“提交”按钮时,杯具在所难免…
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:文件上传组件的创新
gmail附件上传(过去)
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:文件上传组件的创新
gmail附件上传(现在)
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:翻页组件的创新
·标准翻页:上一页+页码+下一页+跳转
·传统翻页方式:信息分段
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:翻页组件的创新
1、无尽滚动条翻页
Bing图片搜索
Google reader
看图购
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:翻页组件的创新
2、递进式翻页
Twitter
Iphone app store
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
案例:翻页组件的创新
3、翻页辅助
Google book search
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
两种翻页模型
信息分段
信息滚动
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
回顾一下组件创新的几种方式
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
交互组件创新的阻力
1、用户学习成本
标准交互组件也有学习成本
radio button 与 checkbox
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
交互组件创新的阻力
2、挑战用户习惯
体验的频率 (注册页与登录页)
产品成熟度
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
交互创新的境界
1、可被理解的创新
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
交互创新的境界
2、潜移默化的创新(chrome浏览器地址栏)
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
地址栏+google搜索框+收藏夹+历史记录
交互创新的境界
3、成为标准的创新(输入框提示)
案例一 案例二 案例三 案例四 总结 创新的阻力 创新的境界
您可能关注的文档
- [PPT制作技巧]培训需求分析与课程设计.ppt
- [PPT制作技巧]中国食品商学院-PPT制作-06-动画制作.ppt
- [PPT制作技巧]好朋友纪念周.ppt
- [PPT制作技巧]把大学英语四级单词复制到你的大脑.doc
- [PPT制作技巧]《ANM2000原理及软件介绍》培训材料:上.ppt
- [PPT制作技巧]708090后的快乐囧事1.ppt
- [PPT制作技巧]ppt的使用.ppt
- [PPT制作技巧]第4章 过程化语句.ppt
- [PPT模板]01 管理活动与管理理论.ppt
- [PPT模板]03CSS+DIV.ppt
- 2025中国冶金地质总局所属在京单位高校毕业生招聘23人笔试参考题库附带答案详解.doc
- 2025年01月中国人民大学文学院公开招聘1人笔试历年典型考题(历年真题考点)解题思路附带答案详解.doc
- 2024黑龙江省农业投资集团有限公司权属企业市场化选聘10人笔试参考题库附带答案详解.pdf
- 2025汇明光电秋招提前批开启笔试参考题库附带答案详解.pdf
- 2024中国能建葛洲坝集团审计部公开招聘1人笔试参考题库附带答案详解.pdf
- 2024吉林省水工局集团竞聘上岗7人笔试参考题库附带答案详解.pdf
- 2024首发(河北)物流有限公司公开招聘工作人员笔试参考题库附带答案详解.pdf
- 2023国家电投海南公司所属单位社会招聘笔试参考题库附带答案详解.pdf
- 2024湖南怀化会同县供水有限责任公司招聘9人笔试参考题库附带答案详解.pdf
- 2025上海烟草机械有限责任公司招聘22人笔试参考题库附带答案详解.pdf
文档评论(0)