《页面表达原则》是整个“web交互设计方法”中的一部分: 页面表达原则概述: 1.更少的信息量更好。 2.不提供多余的功能。 3.结构化更易于理解。 4.信息的表达应该清楚、明确、直接。 5.操作可识别。 6.操作前,结果可预知。 7.操作时,操作有反馈。 8.操作后,操作可撤销。 9.让用户知道身处何地。 10.避免内容看上去象广告。 11.同一功能在不同页面上位置相同。 12.措辞统一。 详细描述: 1.更少的信息量更好。 用户不是在阅读网站,而是在浏览网站。他们浏览与自己目标匹配的文字和图片,冗长的链接、说明和消息只能减慢用户的速度,并且“隐藏”重要信息。 实例一. 公告栏有“详情”,那么这个页面中只需要简略的写出最重要的一两句话: 近期个别不法团伙利用自定义代码窃取网友QQ密码,转载广告。为保障广大网友的利益,出现类似行为的QQ空间将被永久关闭。了解详情 实例二. 左侧的文字过多,这些文字完全是可以精简的。以左下角的“温馨提示”为例: 关于上传照片的说明,温馨提示之前已经有的专门的说明。这里不必要再说了。此处的温馨提示可以直接简化为: 再进一步来看,这个页面是注册成为城市达人的页面,这段信息本来也不必要出现在这里。也就是说,整段温馨提示都可以删掉。 2. 不提供多于的功能,减少出错。 提供尽可能多的功能并不意味着会有更多的用户喜欢。提供过多的功能,过大的自由度不仅不会使产品的功能更强大,反而会给用户造成很多错误的引导。 实例一.QQ空间商城中的导航 为了让用户预览到自己空间中的导航换上皮肤的效果,这里显示出了用户个人空间中的导航。显然这里并不希望用户通过它离开商城。但是,这里的“主页、日志„„”却是可以点击的。 为了挽留用户,且避免误操作,不得不弹出一个对话框: 实例二.Photoshop CS2中,一个工作窗口可以拖动的范围更大了,如图: 以前的版本只能这样: 与以前的版本相比,最顶部的80px也可以用作显示工作窗口了。PhotoshopCS2提供了更大自由度的操作。但是,如果把工作窗口拖上去,菜单栏、辅助工具栏就会被遮挡住。在遮挡住的状态下,要想点击“显示变换控件”这个复选项,又不得不再把工作窗口拖下来。更糟糕的是,也许有些用户会根本就找不到这个功能了。 虽然遮挡住菜单栏是用户自己的操作导致的,但是这并不能说明这个设计是没问题的。用户在遮挡住菜单栏的时候并不总能意识到操作将产生的全部后果。 在photoshop CS3中,这个功能被...