UE技术-20110318.pptVIP

UE技术 UE技术 UE概念 用户体验（User Experience，简称UX或 UE）是一种纯主观的在用户使用一个产品（服务）的过程中建立起来的心理感受。因为它是纯主观的，就带有一定的不确定因素。个体差异也决定了每个用户的真实体验是无法通过其他途径来完全模拟或再现的。但是对于一个界定明确的用户群体来讲，其用户体验的共性是能够经由良好设计的实验来认识到。 它是指用户访问一个网站或者使用一个产品时的全部体验。他们的印象和感觉，是否成功，是否享受，是否还想再来/使用。他们能够忍受的问题，疑惑和BUG的程度。 WEB历史 WEB历史 web由产生发展至今经历了web1.0和web2.0两个时代（2003为界） 一般来说Web2.0是相对Web1.0的新的一代互联网技术的统称。 Web1.0的主要特点在于用户通过浏览器获取信息。 Web2.0则更注重用户的交互作用，用户既是网站内容的浏览者，也是网站内容的制造者。 业务系统与商业网站有着巨大的区别，业务系统主要使用web2.0来改善用户体验，而极少关注博客（BLOG）、百科全书(Wiki)、社会网络（SNS）等用户互动和参与技术。 WEB历史 Web1.0 纯文本网页 静态HTML页面 Web UI的成熟期 JavaScript 和 CSS 诞生 服务器端技术 （动态网页技术） Web2.0 Ajax 基于JavaScript的UI技术 桌面程序化UI RIA Web1.0时代 ——纯文本网页 1.1.1??? 纯文本网页 1989年，英国人Tim Berners Lee发明了www（World Wide Web），万维网诞生。 通过www，分散在网络上各处的资源可以相互访问。 最开始的网页没有UI的概念，只包含纯文本的数据和跳转的超链接。 Web1.0时代 ——静态HTML页面 1.1.2??? 静态HTML页面 随着越来越多的数据被放置到了互联网上，纯文本的HTML已经不能满足人们的期望。 Marc Andreessen在1993年引入了图片。 随后，字体、背景、框架和一些特效（marquee、blink）等元素相继被引入了HTML中。 1993年6月，互联网工程工作小组 （IETF，Internet Engineering Task Force）发布了HTML草案；1995年11月，提出了HTML2.0规范。 此时的web UI已经具有较强的静态展示能力，丰富多彩的展示效果，被越来越多的人所接受。Web UI技术逐渐形成。 Web1.0时代 ——Web Ui 的成熟期 1.1.3??? Web UI的成熟期 ——JavaScript和CSS相继诞生 1996年是HTML发展的一个里程碑，JavaScript和CSS相继诞生，W3C制定的HTML3.2规范出炉。 此时的web UI可以在展现后，与用户的操作交互，根据用户的行为方便地修改UI元素和调整样式，从而实现动态的DHTML页面。至此，传统的HTML Web UI技术发展到成熟期。后来的发展中，HTML标准没再有大的改动。 从这个时期开始，一般的web站点或是web应用系统的实现都是从界面设计人员使用Photoshop或是Dreamweaver等工具设计出效果图或是界面原型开始。此时的内容还都是所谓的静态页面，无法根据不同的外部条件展示不同的内容。 Web1.0时代 ——服务器端技术 1.1.4??? 服务器端技术 —— 动态页面 CGI、ASP、JSP、PHP等服务器端脚本技术相继涌现，真正的动态页面出现了。服务器端代码分析用户提交的请求参数，从数据库服务器获取相应的业务数据，动态地将网页和数据组合拼装出网页的HTML文本输出到客户端浏览器。 此时的服务器端页面不再是一个单纯的UI模型，而只是一个服务器端脚本引擎来处理生成客户端UI模型的模板。 其中包括HTML片段、脚本块和标签等元素。比如Struts、Tapestry和WebWork等基于JavaEE技术的web框架就是此类技术的集大成者。 随着web开发技术的进一步发展，又出现服务器端UI组件技术。例如中的服务器端UI组件和JSP中的JSF组件。其使用服务器端脚本技术，封装部分HTML、JavaScript和CSS片段构建一个完整的UI组件模型，在运行期间解释并与数据进行整合，最终输出为实际的HTML代码。 Web2.0 ——Ajax 1.2.1??? Ajax 进入21世纪后，Ajax技术的崛起绝对是互联网