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

3、对比一下，同样是11块区域，支付宝呈现的内容更丰富。看看支付宝多出的内容都有些什么作用呢？

1. 两个大按钮：轻松体验（留住不太感兴趣还在疑惑中的用户），免费注册（方便感兴趣的用户，诱导他立即注册）；
2. 动态信息区：即时传达最新信息给用户；
3. 流程演示：图形化的展示，更直观有效的告诉用户操作的简单快捷性；
4. 公司动态：既是新闻窗口也是对用户的一种贴心服务；
5. 新手问题：帮助新手即时快捷地解决问题；
6. 圆形的动态标签图：是企业的品牌宣传，是用户的心声宣言，是综合实力的表现。

四、交互设计细节比较：

支付宝还有两处细节设计很体贴：一是“立即充值”按钮处，增加了“送积分”的冒泡效果，属于诱惑式营销的方式；另一个设计细节是动态信息公告，为了页面简约和节省空间，只放了一条信息，而一条信息很容易被其他版块内容淹没，设计师对这个区域作了重色处理，让用户一眼能看到，又不会占用太大空间，同时，右端有5个小圆点，表示信息的轮换，告诉用户这里有5条信息，目前显示在第几条。

总结一下：

1. 财富通的内容规划、版块构成及内容呈现，没有支付宝好，传达给用户的信息量少；支付宝显得更加专业、更具实力、更贴近用户的心智模型；我相信，支付宝在做内容规划和版块布局时，是充分分析了目标用户的心理需求的。
2. 财富通的视觉设计能力强，色彩和质感的体现都比支付宝好，banner处的3个图标很时尚美观，甚至前卫，但真正传递给用户什么信息？值得思考；支付宝的视觉设计，从页面的表现来看，技能应该没有财富通强，但设计师充分考虑了内容的呈现，主次关系，从整体效果来看，是更成功的商业视觉设计师。