文档介绍：用户浏览网页方式
用户浏览网页方式
浏览网页就像看报纸，你只会看你要找的、关注的东西，以及吸引你的内容
第一页，共35页。
用户浏览网页方式
比如：
查找“十七大”相关内容
体育新闻吸引了你的兴趣
第二页，共35页。
Don’t Make Me Think.
用户界面设计基本原则：
简单
一目了然
关注细节
方便用户操作
遵循习惯用法
保持一致性
突出重点
友好的用户体验
第三页，共35页。
信息查询类：以实用功能为主，注重视觉元素的均衡排布，较少装饰性的元 素， 如Yahoo
大众媒体类：新浪网新闻中心
电子商务类：使浏览者在访问时进行愉快的交流是设计的重点，要求既要具备 人们乐于接受的交互性，又要有吸引浏览者注意的页面形式，如 当当书店
交流平台类：以方便使用为主要特点，指示性强，易于理解，如BBS
网络社区类：由于网络社区通常不带有商业性质，因此它的界面设计可以根据 社区内容充分发挥创造性，营造一个自由、舒适、愉快的氛围。
宣传窗口类：从企业特有形象入手，充分表现企业文化特征，如Adidas
网页分类
第四页，共35页。
大型网站的特点
信息量大
涵盖面广
结构层次多
业务逻辑复杂
广告
有条理、有主次地将庞大的信息群整合到一起
层级菜单 导航 搜索 分栏 分区域 布局
第五页，共35页。
网站主要布局
1、“同”字型： 是一些大型网站首页常用的类型，在网页最上面是网站的标题以及BANNER广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。
2、弯角型： 这种结构和“同”字型很相近，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接。一般用于网站的内页。
3、上中下型： 上面是标题或广告条一类的内容，下面是正文，一些文章页面或注册页面等就是这种类型。
第六页，共35页。
网站主要布局
4、左右框架型： 这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。 但是这种结构在使用框架时有个问题，即不容易被搜索引擎找到。如果考虑到这一点，尽量少用带框架的页面。
5、整幅效果型 这种类型常被企业网站作为首页，采用大幅图片或FLASH动画，在底部加一
"进入"按钮。作为展示企业形象来说，这种页面非常美观，但是服务型网站尽可能不用这种方式，因为上网速度慢，性格比较急的人往往受不了等待。
第七页，共35页。
主页设计——准备工作
网站定位
网页的用户，考虑潜在用户
网页的主要功能、任务
确定主要内容
第八页，共35页。
主页的任务
站点的ID和使命
站点层次
搜索
导读
内容更新
友情链接
快捷方式
注册
让用户看到正在寻找的东西
吸引用户的精彩内容
告诉用户开始的地方
建立可信度和信任感
第九页，共35页。
主页设计
建立清楚的视觉层次
把页面划分为明确定义的区域
色块、分栏、标签页
另一个示例
第十页，共35页。