1、任务一 李静 W3C W3C是英文 World Wide Web Consortium 的缩写，中文意思是 W3C理事会或万维网联盟。 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（ Structure）、表现（ Presentation）和行为（ Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和 XML，表现标准语言主要包括 CSS，行为标准主要包括对象模型（如 W3C DOM）、 ECMAScript等。这些标准大部分由 W3C起草和发布，也有一些是其他标准组织制订的标准，比如 ECMA（ European Computer Man
2、ufacturers Association）的 ECMAScript标准。 标准 表现标准语言 CSS是 Cascading Style Sheets层叠样式表的缩写。目前推荐遵循的是 W3C于 1998年 5月 12日推荐 CSS2。 W3C创建 CSS标准的目的是以CSS取代 HTML表格式布局、帧和其他表现的语言。纯 CSS布局与结构式 XHTML相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。 结构标准语言 （ 1） XML XML是 The Extensible Markup Language(可扩展标识语言 )的简写。目前推荐遵循的是 W3C于 2000年 10月
3、6日发布的 XML1.0。和 HTML一样， XML同样来源于 SGML，但 XML是一种能定义其他语言的语言。 XML最初设计的目的是弥补 HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。关于 XML的好处和技术规范细节这里就不多说了，网上有很多资料，也有很多书籍可以参考。 （ 2） XHTML XHTML是 The Extensible HyperText Markup Language（可扩展超文本标识语言）的缩写。目前推荐遵循的是 W3C于 2000年 1月 26日推荐 XML1.0。 XML虽然数据转换能力强大，完全可以替代 HTML，但面对成
4、千上万已有的站点，直接采用 XML还为时过早。因此，我们在 HTML4.0的基础上，用 XML的规则对其进行扩展，得到了 XHTML。简单的说，建立XHTML的目的就是实现 HTML向 XML的过渡。 （ 3） HTML 文本标记语言，即 HTML（ Hypertext Markup Language），是用于描述网页文档的一种标记语言。 HTML是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解
5、释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程，编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是，对于不同的浏览器，对同一标记符可能会有不完全相同的解释，因而可能会有不同的显示效果。 HTML之所以称为超文本标记语言，是因为文本中包含了所谓“超级链接”点。所谓超级链接，就是一种 URL指针，通过激活（点击）它，可使浏览器方便地获取新的网页。这也是 HTML获得广泛应用的最重要的原因之一。 用户体验 用户体验（ User Experience，简称 UE）是一种纯主观在用户使用产品过程中建立起来的感受。用户体验，即用户在使用一个产品或系统之前、使用期间
6、和使用之后的全部感受，包括情感、信仰、喜好、认知印象、生理和心理反应、行为和成就等各个方面。该说明还列出三个影响用户体验的因素：系统，用户和使用环境。 用户体验设计目标 有用 易用 友好 视觉设计 品牌 用户需求是根本，但用户需求不一定是功能。 以用户体验为中心的 Web设计 1、设置体验元素 现在是一个注重个性化体验的时代，能为消费者提供独特的与产品及企业相关的各种体验将对促进销售与提高亲和力有积极的帮助，网站也可以作为顾客体验的重要部分，要让企业网站成为浏览者的体验场地，巧妙地把线上与线下接触结合起来，让浏览者参与进来。比如很多电脑制造企业的网站制作了三维产品模型，浏览者可以通过鼠标点击查
7、看产品的任意位置，甚至可以打开虚拟电脑的屏幕或光驱等。当体验者有任何疑问，线上线下多条沟通管道可以在 5秒内使浏览者与商品客服人员取得联系，如果确定购买，很快货物便会被送到府上，此时便可以在网站上查到自己电脑和用户的相关信息并可以参加用户或会员的各种活动。宜家家居的网站更推出了房间与家具之间自由搭配组合的体验功能，浏览者可以把喜欢的家具一样样“拽”进一间虚拟的房间中自由摆放，以达到购买前便可以看到购买后的效果，此举极大地促销了其产品。像这样的线上线下互动与创新，会让浏览者充分体验到网站的真实性和实用性，以后自然会把这家网站作为购买相关商品最便捷的途径。 2、设置便捷按纽 设置一些只要浏览者点击
8、一下就可以完成操作的便捷功能按纽，比如收藏本站、设为首页、推荐给朋友等。这些“举手之劳”可以有效增加自己网站再次被浏览和被推介的机会。 3、视觉统一 网站的视觉方面要和企业的 VI视觉识别系统相统一，如果企业没有 VI视觉识别系统，那么也要和企业或商品有视觉化的联系，这样可以增强浏览者对企业及产品的视觉化一致性认识及加深印象。 4、 网站功能切忌华而不实 现在很多企业的网站做的非常大，且功能齐全，以为这样才能吸引人气，其实这样做不仅要花很多的钱在网站建设上，而且功能过多还会使浏览者眼花缭乱，不知所措。请检视一下你们企业的网站，是否有很多功能从没有人使用过呢？一定会有。所以，网站不求大，不求全，
9、只求最实用的功能。尽量使页面整洁简单，一目了然，并且一定要制作网站的网站导航，这样便增加了目标浏览者使用网站各种功能的可能性，否则杂乱烦琐的设置会使浏览者产生负面的浏览体验，很快就会失去耐心而离去。 5、制造销售氛围 在我国在线购买商品还不普及，浏览者很多时候想购买，但却又有很多顾虑，这时就要利用人性的从众心理来塑造购买气氛，以此来打消消费者的顾虑，比如在订购商品页面显示大量其他购买者的购买信息，这会增加浏览者的购买信心，甚至没有购买打算的浏览者看到大家的举动也会参与到其中。就像超市的整点打折促销一样，看到别人疯狂的抢购商品，自己本能的也会产生购买欲并加入其中，虽然自己根本没有购买计划。也可以
10、用一些权威的推荐及证明来打消消费者的顾虑，如专家推荐、相关机构推荐及认证等。 6 、网站域名的选择 网站制作好后就要上传到网络上了，这时选择一个容易记忆、与企业或产品相关的域名就很关键。但现在网络域名资源日益紧缺，不一定能选到既容易记忆又符合自身特点的域名，这时就要有一个侧重点，首先网站的域名要容易记忆，但不要陷入容易记忆的域名必须简单，要由尽可能少的字符组成或使用容易记忆的重复符号等误区中。其实在中国使用的网站有时使用中文名的拼音字母同样适合并更容易记忆，注册域名最好要注册 .com而不能贪图便宜注册 .cn域名，因为后者在主流搜索引擎中收录效果会差些。 7、设计关键字 恰当的关键字会把使用
11、搜索引擎的浏览者吸引到你的站上来，但对于企业网站来说，关键字的设置方法不应该和以网站为经营主体的站相同。企业网站关键字的使用原则是一定要抓浏览者关注的核心，即浏览者最关心的问题，而对应关键字，网站上必须要有相应的解决方案或对浏览者有价值的信息，只有这样吸引来的浏览者才可能转化为有价值的目标消费者。单纯靠关键字吸引来大量的浏览者对企业网站来说是没有太大意义的。 8、培育高忠诚度浏览者 点击率被称作是网络价值衡量器，非常重要。但对于企业网站来说就并非这样，有高的流量固然重要，但可以产生商业价值的流量更重要，即吸引更多目标顾客群体，而后发展注册用户，当然，注册用户可以享受一些其在意的特权，以此网罗忠
12、诚的浏览者，最终转化为消费，因为偶尔浏览到某个网站便马上消费的情况很少，有一个浏览者了解与信任的过程。 9、让浏览者有所收获 一个成功的网站必须要具备这个功能，虽然浏览者不一定会马上购买你们的产品，但通过你们网站有所收获的话也会增加其对企业及产品的好感度与再次光顾的可能。比如有目标顾客关注的各种新闻、常识、提醒等，只要目标浏览者（目标消费者）感兴趣并常光顾，迟早会进行消费。 10、高度互动 网站必须具有高度的互动性，而非仅是一个网络版的宣传单，要让浏览者可以通过网站进行各种互动行为，包括直接联系企业客服中心；在线留言或咨询；在线订购物品；发表评论等，总之，要让网站（企业）和浏览者互动起来，通过
13、网站把浏览者和企业连接起来。能互动的地方越多，这个网站的价值就越大。因为只有和浏览者产生交流并可帮浏览者解决实际问题，比如可以回答他的提问或直接购买产品，对浏览者来说你的网站才是有生命的，有价值的。 比如你的网站可以在线订餐，或者鲜花，浏览者若使用服务并获得成功体验，以后会经常光顾你的网站并进行消费。如果你的网站只介绍你的企业（饭店）或产品（鲜花），那么对浏览者的吸引力就小得多，而不能通过网站来更多的了解或购买产品对浏览者来说是一种遗憾，对企业来说则是一种损失。所以网站一定要互动，并且要让浏览者的各种互动行为简单流畅。可以互动的东西很多，除了定购商品、咨询这两大主要功能外，还可以通过网站进行顾
14、客调查等市场营销活动。不要只被现有的形式所局限，结合自身特点探索新型网络模式更可能为企业带来意想不到的收效。 以下是我以拍拍网为例，所作的分析 页面结构：左中右三栏式，下面为左右式 页面密度：页面文字较密，感觉拥挤 网页对齐方式：正常居中对齐，浏览器大小调整时，当宽度低于页面宽度时，以顶端对齐 更改分辨率对拍拍影响大，在 1280*768模式下，商品目录已完全看不到，在 1280*800模式下，商品目录可见 2行。 第一屏内容：搜索 +广告栏或运营栏 +分类目录 +快充操作区 在左侧有较大面积的注册 /新手引导：免费开店、我市新收、安全交易、最新功能、诚信保证计划。 导航条高 30像素，不同频
15、道样式相同，与搜索条结合在一起，但切换时搜索不跟随导航条的变化而改变搜索条件。 导航数量： 14个 导航条性质：根据产品目录分类 导航切换：多为本页打开，频道间样式切换不明显 分类目录： 3到 5级分类，约 7650项 一级目录： 5个门类，约 44个分类 二级目录： 888个 目录涵盖基本商品类型，目前基本上是按品牌、型号、类别的划分目录，缺乏灵活性，多种商品在目录中没有。 搜索条： 1.导航条位于搜索框上，但导航条切换后，搜索框的搜索条件却无变化，此处有违用户形成的搜索引擎操作习惯，容易给用户造成误导，分工有所不明确。 2.由于有搜索，页面目录也具有功能，所以首页下拉框分类搜索不太实用。
16、3.高级搜索仅支持一级目录，不支持更多层级，难以达到高级搜索的准确性。 4.卖家信用选项处为单选，但却无默认选中项。 5.不能搜索用户名，这点有些奇怪。 6.高级搜索在测试期间有时候不能使用，如 30号凌晨 3点。 搜索条宽度： 650 通过此次学习，我明白了以下几点 事实上，互联网用户浏览网页的习惯和顾客浏览商店中物品的习惯没有多大差别。用户打开一个新的页面，扫视一些文字，并点击第一个引起他兴趣的链接。 在这过程中，页面上有大量的区域用户甚至完全没有看过。大部分用户在页面上寻找他感兴趣且可点击的内容，一旦发现目标，点击行为就会发生，但如果页面不符 合期望，后退或关闭按钮也将马上被点击。 1.
17、大部分时候用户并非在阅读屏幕上的内容，而是在扫视。 用户习惯扫视和快速寻找页面上一些能够引导他理解内容的关键点。 2.不要考验用户的耐心 当一个页面不能满足用户的期望时，离开就在所难免。希望通过添加相关内容来丰富页面和留住用户往往效果不佳甚至适得其反。一屏页面上承载的信息越 多，认知的负担就会越重，就需要花费更多的时间去处理信息，如果这些信息中还有些不是用户期望的，那就还要花额外的精力将这些多于信息从注意力中剥离。 Jakbo Nielsen的研究结论也表明：一个页面上的认识负担越重，导航和浏览就会越困难，用户离开并寻找其他替代品的可能性就越大。 3. 用户并不做最佳选择 用户并不是在搜寻找到最佳选项的最快途径，他们也并非用线性的方式来阅读屏幕上的内容（有顺序地从一个模块到另一个模块）。当用户找到第一个合理的 选项，或者一旦找到了可能的目标内容，“立即点击”或“开始阅读”的可能性会非常大。其实，用户是在寻找能让他们觉得有用或者合适的内容，而非寻找最佳的 选择，理由也很直观：我们不是用户的孩子，他不会关心我们的一切，他只是希望获取他想要的信息，然后走人。 谢谢观看
