当前位置: 沃微圈 > 互联网 > 产品设计 >

页面表达原则

来源:转载

《页面表达原则》是整个“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。中信银行信用卡中心在收到申请资料后,即开始审核信用卡的申请,申请的注意条款、申请进度查询,详见网址http://bank.ecitic.com/cards/,或者咨询中信银行信用卡客服中心40088-95558。选用此方式办卡的用户可获得价值120元QQ会员礼包(12个月会员资格)。QQ用户在申请成功并获发信用卡后10个工作日内,将开通该用户的QQ会员资格6个月,成功激活后,再延长该用户6个月的QQ会员资格,注:QQ会员服务由中信银行购买并赠送给QQ信用卡客户。之前通过手机、小灵通、宽带、电信付费开通会员的用户,此次暂无法享受赠送。申请用户必须是中信银行的新用户,才可以享受赠送会员服务的优惠。如果您已经拥有中信银行的信用卡,则再申请中信银行QQ信用卡不享受赠送的QQ会员服务。

分享给朋友:
您可能感兴趣的文章:
随机阅读: