用户体验:网页设计与网页内容呈现关系(2)

二、框架结构比较：

• 财付通：从大的块面感觉来分，有11个内容区域，banner部分拆分为4个。结构是左、上、下，但因为只是细线框间隔内容区，所以块面的感觉不强烈，内容的布局上就稍显凌乱。
• 支付宝：和财付通一样，11个内容区，但因为设计师采用了背景色来区别不同内容区，有重要层级显示的引导性，所以，内容不会显得凌乱。页面中凸显的是橙色的banner口号区，弱化的是底部信息区，逻辑和顺序感就出来了。

三、主要版块内容比较：

1、重要的banner区域，都传达给用户什么信息了呢？

• 财富通：大banner被分为4块，安全、方便、优惠以及口号“会支付，会生活”除了口号清楚明了以外，安全、方便、优惠几个字很小，已经被华丽的图标质感和鲜艳的色彩掩盖了。
• 支付宝：大banner分为2块，左边是代表着用户的大美女，右边是体现实力的宣言“超过2亿用户的安全选择”，辅助小字为：共享简单、安全、快捷的网上支付体验，具有亲合力的美女，醒目的大标语，传达给用户的信息，支付宝的内容构思很明显比财付通更直接有效。

2、主要内容区都有什么呢？

• 财富通：支付服务（含个人和企业），生活好帮手，还没有财富通帐户，支付好帮手，合作银行，共5块主要内容，两个广告区。
• 支付宝：两个大按钮（轻松体验、免费注册），动态信息区，个人用户，企业用户，流程演示，合作伙，公司动态，新手问题，圆形标签图，两个广告区。