Web交互设计方法概论页面表达原则VIP专享VIP免费

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