沉浸式Web初体验
2015-07-30 09:16
190 查看
沉浸就是让人专注在当前的情境下感到愉悦和满足,而忘记真实世界的情境。心流理论能有力解释人们废寝忘食地投入一件事情的状态。
心流理论的核心就是说当人的技能与挑战最佳匹配时能达到心流状态。比如玩一个游戏,如果游戏太难,游戏者会感到焦虑;如果游戏太容易,游戏者会感到无聊;当游戏者觉得有能力挑战游戏时,才会投入地玩游戏。
通过怎样的方式才能达到沉浸式体验呢?一个是通过感官体验,比如座过山车,一个是通过认知体验,比如玩游戏,而同时包含丰富感官、认知体验时就极有可能创造最佳的心流状态。
当用户会花较长时间并集中绝大部分注意力去与产品进行交互时,可以使用沉浸式设计。
在Web设计中,如何达到沉浸效果呢?来看几个例子:
http://gaetanpautler.com/
以上,在页面加载的时候,在内容或菜单切换之际都用了动画,让用户对网页有所期待,感到有趣。当然,动画效果还可以用来提示用户,显示重要信息,实现菜单效果,以及实现鼠标滚动效果,等等。
http://www.psd2html.com/10-years-in-review/
以上,通过鼠标的滚动逐步展示该公司10年来的数据。
我想,在将来,这种互动式的、沉浸式的Web会越来越多。
心流理论的核心就是说当人的技能与挑战最佳匹配时能达到心流状态。比如玩一个游戏,如果游戏太难,游戏者会感到焦虑;如果游戏太容易,游戏者会感到无聊;当游戏者觉得有能力挑战游戏时,才会投入地玩游戏。
通过怎样的方式才能达到沉浸式体验呢?一个是通过感官体验,比如座过山车,一个是通过认知体验,比如玩游戏,而同时包含丰富感官、认知体验时就极有可能创造最佳的心流状态。
当用户会花较长时间并集中绝大部分注意力去与产品进行交互时,可以使用沉浸式设计。
在Web设计中,如何达到沉浸效果呢?来看几个例子:
http://gaetanpautler.com/
以上,在页面加载的时候,在内容或菜单切换之际都用了动画,让用户对网页有所期待,感到有趣。当然,动画效果还可以用来提示用户,显示重要信息,实现菜单效果,以及实现鼠标滚动效果,等等。
http://www.psd2html.com/10-years-in-review/
以上,通过鼠标的滚动逐步展示该公司10年来的数据。
我想,在将来,这种互动式的、沉浸式的Web会越来越多。
相关文章推荐
- Base64算法
- 所有有可能被互联网取代的组织一定会被取代--颠覆式创新研习社
- Doctype的三种声明
- 第7章 性能和可靠性模式 Load-Balanced Cluster(负载平衡群集)
- 服务器共享文件夹后,客户端出现“您可能没有权限使用网络资源”提示的解决办法
- DL方法与问题空间探索
- Linux/Unix----线程安全和可重入
- UVA11100- The Trip, 2007
- Windows下Redis的安装使用 以及 phpRedisAdmin安装
- 第7章 性能和可靠性模式 Load-Balanced Cluster(负载平衡群集)
- MySQL主从设定
- [.net 面向对象程序设计进阶] (19) 异步(Asynchronous) 使用异步创建快速响应和可伸缩性的应用程序
- RRDTool(三)--fetch,info
- IE 禁用缓冲
- C++ STL ; 一些记录。自己学习用。
- Linux的环境变量
- 基于Spacebuilder开发问题汇总
- class.getResource()的用法
- POJ 3083:Children of the Candy Corn
- C 语言 字符串命令 strstr()的用法 实现将原字符串以分割串分割输出