Web2.0 体验式网站设计的41个关键点（2）
作者：蓝调 来源：蓝调生活日记 发布时间：2008-08-10 17:49:00
三、浏览体验的八个关键体验点
浏览体验：呈现给用户浏览上的体验，强调吸引性。
1. 页面导航：网站导航如同楼房的地基，是整个网站基础和框架，一切内容和服务都是从导航中延伸出去。页面导航的设计分为两个层次，一是形式层：体现在导航位置、表现形式（文字、图片、flash等）等方面，二是内容层，页面导航也是对整个网站内容框架的分类和高度概括。形式层的设计，建议参照一下韩国网站的设计风格，动感、简洁、清晰。至于内容层，就因站而异了，分类条理最关键。但栏目名称尽量简短，栏目层次也不宜过多，两层比较合适，但也要以内容为中心。
1. 页面速度： web2.0，网站中增加了越来越多的视频、动画元素，对网站速度的要求也
越发苛刻。回想一下，这么多视频分享网站中，为什么很多人选择优酷？就一个速度。此外，大一点的网站再考虑一下南北互通，或者教育网的对接问题，此外选择一家稳定的服务器托管商也至关重要。
2. 页面容量：主要指首页的页面容量，除非是资讯类网站，否则网站首页内容最好不要
超过两屏，最好不要让用户再滚动鼠标就可以浏览到整个页面。再就是页面设计要考虑到文字和图片的搭配，还有不同字号、字体、颜色的搭配，还有网站留白的设计，以免页面造成视觉抵制，心理学家做过实验，人眼每秒摄入的有效字符最多只有20个，要是页面全是细密的文字，效果就可想而知了。
3. 页面结构 结构就是放置内容的框架，网站的页面结构其实是有章可循的，尤其是现在
大家见的网站越来越多，自然也形成一些列默认的模式。简单分网站主要也包括“同”字型、“司”字型、“三”字型、“F”型等页面布局，具体随后会撰文详述，这里要强调的是页面结构的创新也要基于一定的规律，千万不要打破用户的浏览预期。
4. 内容安排 首先是突出重点内容，大标题，大图片塑造视觉冲击，这也是借用报纸的操
作手法，其次是内容协调，每一个栏目应确保足够的信息量，避免栏目无内容情况出现；再次是内容形式，兼顾视频、图片、文字的比例和页面协调。
5. 内容更新主要包括内容来源、更新频率、更新数量、内容质量三个方面。Web2.0网站
更多强调如何调动用户的积极性，内容更新已经不仅仅是对编辑的考量，也是对网站用户价值的衡量，对于内容质量，主要是从原创、转载、内容本身价值等方面权衡。
6. 内容形式 现在有个立体化新闻的概念，视频、图片、文字、评论都在一个页面中展示，
而且再加上网民评论的即时更新，表现形式更生动。此外，对于文字部分，字体大小最好设置可调选项，对重点内容进行标注，对关键词设置链接（seo），如果没有广告的考虑，最好不要设置多页浏览，很影响阅读体验。
7. 内容呈现方式：更多的是细节的内容，包括新文章的标记、文章导读、相关内容的推荐、
还有网友推荐、打印页面、E-MAIL发送给好友、复制网址等，现在web2.0流行的DIG功能，加入些鲜活的互动元素。
8、路径记录：记录用户的浏览路径，方便用户随时返回和查找，此外对一些重点栏目和页面可以设置快速链接或者设置页面底部导航，为用户提供明确的快速入口。
0
投稿猜你喜欢
- 1.如果有ID字段，就是具有唯一性的字段 代码如下:delect table where id not in ( select max(id
两个三维矩阵的乘法怎样计算呢?我通过实验发现，tensorflow把前面的维度当成是batch，对最后两维进行普通的矩阵乘法。也就是说，最后- 因为最近在做深度学习抠图，正好要用到蒙版进行抠图，所以我将抠图代码进行了封装注释，可以直接使用。可能走了弯路，若有高见请一定提出！主要代码i
- 本文实例讲述了javascript设计模式 – 桥接模式原理与应用。分享给大家供大家参考，具体如下：介绍：如果软件系统中某个类存在两个或多个
- 本文实例讲述了Python字典生成式、集合生成式、生成器用法。分享给大家供大家参考，具体如下：字典生成式：跟列表生成式一样，字典生成式用来快
- 使用Tkinter(py2.7)text文本框中输入内容在界面中显示–较为规整的代码：import Tkinter as tkclass W
- 首先要做的就是去豆瓣网找对应的接口，这里就不赘述了，谷歌浏览器抓包即可，然后要做的就是分析返回的json数据的结构：https://movi
- 可以在main.js中写入方法 Vue.prototype.validSe = function (value, number
- 很多人会把Primary Key和聚集索引搞混起来，或者认为这是同一个东西。这个概念是非常错误的。 主键是一个约束（constraint），
- 1、先说恢复误删单元格的操作场景：不小心把某个cell给cut了，或者删除了单元格（前提不要关闭notebook窗口）。解决方法： 先按Es
- 在oracle中创建一个函数，本来是想返回一个index table的，没有成功。想到文本也可以传输信息，就突然来了灵感，把返回值设置文本格
- 由于研究关系需要自己手动给卷积层初始化权值，但是好像博客上提到的相关文章比较少（大部分都只提到使用nn.init里的按照一定分布初始化方法）
- MySQL默认编码是latin1，因业务需要把它转到UTF8。1、导出数据导出表结构 mysqldump -d dataname >
- 引言之前在看 CAP 定理时抱有很大的疑惑，CAP 定理的定义是指在分布式系统中三者只能满足其二，也就是存在分布式 CA 系统的。在网络上查
- 前言最近学习scrapy爬虫框架，在使用pycharm安装scrapy类库及创建scrapy项目时花费了好长的时间，遇到各种坑，根据网上的各
- 本文主要给大家分享一个实战项目，通过python代码写一款我们儿时大多数人玩过的游戏---小弹球游戏。只不过当时，我们是在游戏机上玩，现在我
- 前言：tkinter提供了3种布局管理方式：1、pack2、grid3、place每种布局管理器都非常有用，根据不同的需求，选择对应的布局方
- 前言matplotlib画图例默认的位置是在图中的各个角落，但有时图例位置会遮挡住图像而不符合我们的需求，需要对图例位置进行调整。代码如下：
- 本文实例讲述了Laravel框架用户登陆身份验证实现方法。分享给大家供大家参考，具体如下：laravel中检测用户是否登录，有以下的代码：i
- 一、变量的定义程序中，数据都是临时存储在内存中，为了更快速的查找或使用这个数据，通常我们把这个数据在内存中存储之后，给整个数据定义一个名称，
