《页面表达原则》是整个“web交互设计方法”中的一部分：
页面表达原则概述：
1. 更少的信息量更好。
2.不提供多余的功能。
3.结构化更易于理解。
4.信息的表达应该清楚、明确、直接。
5.操作可识 别。
6.操作前，结果可预知。
7.操作时，操作有反馈。
8.操作后，操作可撤销。
9.让用户知道身处何地。
10. 避免内容看上去象广告。
11.同一功能在不同页面上位置相同。
12.措辞统一。
详细描述：
1．更 少的信息量更好。
用户不是在阅读网站，而是在浏览网站。他们浏览与自己目标匹配的文字和图片，冗长的链接、说明和消息只能减慢 用户的速度，并且“隐藏”重要信息。
实例一.
公告栏有“详情”，那 么这个页面中只需要简略的写出最重要的一两句话：
近期个别不法团伙利用自定义代码窃取网友QQ密码，转载广告。为保障广大网友的利益，出现类似行 为的QQ空间将被永久关闭。了解详情
实例二.
左侧的文字过多，这些 文字完全是可以精简的。以左下角的“温馨提示”为例：
关于上传照片的说明， 温馨提示之前已经有的专门的说明。这里不必要再说了。此处的温馨提示可以直接简化为：
再进一步来看，这个页面 是注册成为城市达人的页面，这段信息本来也不必要出现在这里。也就是说，整段温馨提示都可以删掉。
2. 不提供多于的功能，减少出错。
提供尽可能多的功能并不意味着会有更多的用户喜欢。提供过多的功能，过大的自由度不仅不会使产品 的功能更强大，反而会给用户造成很多错误的引导。
实例一.QQ空间商城中的导航
为了让用户预览到自己空 间中的导航换上皮肤的效果，这里显示出了用户个人空间中的导航。显然这里并不希望用户通过它离开商城。但是，这里的“主页、日志……”却是可以点击的。
为 了挽留用户，且避免误操作，不得不弹出一个对话框：
实例 二.Photoshop CS2中，一个工作窗口可以拖动的范围更大了，如图：
以前的版本只能这样：
与以前 的版本相比，最顶部的80px也可以用作显示工作窗口了。PhotoshopCS2提供了更大自由度的操作。但是，如果把工作窗口拖上去，菜单栏、辅助工 具栏就会被遮挡住。在遮挡住的状态下，要想点击“显示变换控件”这个复选项，又不得不再把工作窗口拖下来。更糟糕的是，也许有些用户会根本就找不到这个功 能了。
虽然遮挡住菜单栏是用户自己的操作导致的，但是这并不能说明这个设计是没问题的。用户在遮挡住菜单栏的时候并不总能意识到操作将产生 的全部后果。
在photoshop CS3中，这个功能被取消了。
实例三：
当用户在Qzone商 城中将播放器放在上图这个位置时，很可能没有意识到“装扮空间”、“自定义”、“信息中心”三个链接将会被挡住，无法点击了。
允许用户在页面上任 意位置摆放装扮物，这样强大的功能并没有建立在“不出错”的基础上。
不提供多余的功能的观点来自于alan cooper的“以目标为导向的设计理念”。
“以目标为导向的设计理念”首先区分了用户的“目标”与“任务”这两个概念。
目标是用 户需要最终做到的；任务是为了完成目标而不得不完成的操作。任务不是用户的需求。如果可以完成更少的任务就达到目标，是更好的。一个产品是在帮助用户实现 目标。用户使用产品的过程是借助产品完成自己目标的过程。因此，在帮助用户实现目标的前提下，产品要求用户进行的操作越少越好。
3. 结构化更易于理解
结构化是指：将信息归纳、整理成若干条，以条目的形式展示的做法。类似下图：
将较大 信息量的文字信息逐条展示可以提高读者的阅读速度，提高阅读效率。
显然下面这样一段说明文字是很难阅读的：
请您务必填写个人真实资 料，如果因为您的个人资料填写错误所导致无法成功办理中信QQ信用卡及无法获赠QQ会员，腾讯及中信将不承担任何责任。QQ用户点击“下载申请表格”， （下载申请表后，不要修改文档，直接点击打印，否则无法进件。请务必完整打印出申请表与申请合约，并寄回信用卡中心。）打印后并填写好申请表，准备好身份 证复印件（必须），以及其他备选财产证明文件：其他信用卡的复印件、车产证明复印件、房产证明复印件、收入证明复印件、交易额等证明复印件，装到信封内， 即可邮寄到“深圳邮政028-222信箱”，或者快递到“广东省深圳市罗湖区笋岗路12号中民时代广场B座29层 进件室”，邮编518029。中信银行信用卡中心在收到申请资料后，即开始审核信用卡的申请，申请的注意条款、申请进度查询，详见网址 upload/201004220018036833.jpeg" />
问题1.副标题表意不明确
这句说明仍旧没能说明 “这里是什么功能”。如果能通过这句话说明：“在这里添加文字内容，显露您的心情”，说明的效果会更好。至于“让好友都知道！”这几个字几乎是没有用的， 没有传达任何信息量。
