第四讲：Web用户体验解构（上）.ppt

6、信息内容展示区 6信息内容展示区 指的是网页的主要区域，用于呈现网站希望展现给用户的信息。 首页 列表页 具体页面 Page ? * 7、广告区 7、广告区 广告作为网站主要收入来源之一．是网站不可或缺的一部分．设计好网站广告并非一件容易的事．广告主和用户两者之间存在着直接的矛盾：从广告主的利益角度出发，需要考虑如何吸引用户注意并激发用户点击的欲望，从而达到良好的广告效果：从用户的角度，广告也是最影响用户体验的一个因素．应该尽量减少不相关广告的干扰，从而保证用户对网站内容的正常浏览，同时，网站广告这种新兴的广告形式在设计上还存在很多不完善的地方，如何合理地结合图片，文字．声音和影像几种形式来传送多感官的信息也是一个问题，网络广告也较少有规范的约束，这直接导致网站广告的混乱性和不合理性． Page ? * 7、广告区 7广告区： 　　 广告类型： 　　　Banner广告 按钮式广告 弹出式广告 浮动式广告 动态广告 伸缩式广告 文字链接广告、其它 　 设计要点 1．选捧合适的展现形式 2．提高广告的命中率 3．广告不应该隔断或者削弱相关内内容的联系 4．避免过多广告同时出现 5．规范统一的尺寸 广告代码网址推荐：/ Page ? * 谢谢！ 网站的用户体验设计需要感性和理性的完美结合，但网站的用户体验设计在国内发展不过几年的时间，还处于起步阶段，存在很多局限性。 本书从网站整体分解的视角，把网站划分为相对独立的元素或者模块进行分析。针对每个元素或者模块，我们将结合国内外前沿的研究结论和知名网站较为成熟的设计方案的分析对比，从中找出交互设计中的一些理性规律，包括设计要点，不同设计方案之间的优缺点等。设计师可以更加理性地根据网站自身的特点的需求，选择最优的方式，也为说服产品经理等提供了有力的依据。 另外，还有一个常见的现象是很多互联网公司的产品经理比交互设计师来得强势，没有规范，没有充足的依据的设计方案，很难说服产品经理采纳您所推荐的设计，因为这很可能会增加开发人员的工作量。而且没有规范的约束，网站设计的统一性和最优化也很难得到保障。 * 网页头部．也称为Header,简称头部，指的是网站页面的顶部区域．通常包含网站的Logo.Slogan. Banner.导航条等元素，有时还提供常用功能的快速入口，如登录，帮助等．头部主要用于网站展示品牌形象，告诉用户目前在浏览哪个网站以及该网站主要提供什么内容． 顾名思义，实用型的网站头部设计简洁．不花哨，能够在合理有限的空间内起到必要的作用，一般其只包含Logo．导航条和快速入口等重要元素． 设计型头部的优点在于有很大的发挥空间．如果设计效果好．就会造成很强的视觉冲击力．给用户留下很深的印象：其缺点在于往往占用过多空间，削减了网站内容的重要性．造成喧宾夺主的效果．也容易产生头重脚轻的感觉．这种头部设计样式非常多变，往往依赖于设计师来设计．因此在这里暂不多加叙述。 Logo起着网站指明灯的作用，使用户始终可以通过单击Logo返回首页： * 广义上．在页面上能够起到指示和引导作用的元素都可以称之为导航，它就像商场中的指示牌和城市旅游地图一样，能够告诉用户。我在哪里7’还有‘我该怎么去想要去的地方?。，以引导用户更好地浏览网站内容 网站信息架构的一种反映，体现了网站内容的分类和组织方式．没有导航的内容就像一盘散沙．用户不容易找到所需要的内容，却很容易在网站上’迷路’．失去方向感，有时只能后退或者关闭页面才能退出，这会增加用户的挫折感． * 第四讲：Web用户体验解构(上) 网站的主要功能区 From:杨卓 Data:2011.09.22 前言—为什么要解构 设计绝不包含任何运气成分。 一个网站的外观、版式布局、导航结构传达个性的元素，这其中的任何一项，乃至颜色和字体的使用方式，对于第一印象而言都至关重要。它们都需要我们有明确的目标，进行针对性的设计，才能传达正确的信息，而用户才会信任我们的网站和产品 Page ? * 前言—为什么要解构 主要功能区域 　网站功能区指的是除整体布局之外，组成页面的主要区域，通常按照其功能进行划分。它包括头部，页尾、导航区、搜索区、登录注册区、主要信息展示区、广告区等主要功能区。 Page ? * 主要功能区域 头部：又叫做网站的Header,包括LOGO,Slogan,Banner等相关元素 页尾设计，又叫做网站的Tailer,或footer，包括公司信息、举报等信息 导航区，包括树状导航、面包屑导航等，广义的导航包括搜索区 搜索区：主要指的是网站的搜索框 登录注册区：指的是注册登录的区域 信息内容展示区：指的是网页的主要区域，用于呈现网站希望展现给用户的信息。 广告区：用于放置广告的区域，分散于页面不同区域 购物车