浅析设计与内容呈现的关系（3）
作者：saidy 来源：KDUED.COM 发布时间：2009-08-06 18:12:00
三、主要版块内容比较：
1、重要的banner区域，都传达给用户什么信息了呢？
财富通： * anner被分为4块，安全、方便、优惠以及口号“会支付，会生活”除了口号清楚明了以外，安全、方便、优惠几个字很小，已经被华丽的图标质感和鲜艳的色彩掩盖了。
支付宝： * anner分为2块，左边是代表着用户的大美女，右边是体现实力的宣言“超过2亿用户的安全选择”，辅助小字为：共享简单、安全、快捷的网上支付体验，具有亲合力的美女，醒目的大标语，传达给用户的信息，支付宝的内容构思很明显比财付通更直接有效。
2、主要内容区都有什么呢？
财富通：支付服务（含个人和企业），生活好帮手，还没有财富通帐户，支付好帮手，合作银行，共5块主要内容，两个广告区。
支付宝：两个大按钮（轻松体验、免费注册），动态信息区，个人用户，企业用户，流程演示，合作伙，公司动态，新手问题，圆形标签图，两个广告区。
3、对比一下，同样是11块区域，支付宝呈现的内容更丰富。看看支付宝多出的内容都有些什么作用呢？
（1）、两个大按钮：轻松体验（留住不太感兴趣还在疑惑中的用户），免费注册（方便感兴趣的用户，诱导他立即注册）；
（2）、动态信息区：即时传达最新信息给用户；
（3）、流程演示：图形化的展示，更直观有效的告诉用户操作的简单快捷性；
（4）、公司动态：既是新闻窗口也是对用户的一种贴心服务；
（5）、新手问题：帮助新手即时快捷地解决问题；
（6）、圆形的动态标签图：是企业的品牌宣传，是用户的心声宣言，是综合实力的表现。
四、交互设计细节比较：
支付宝还有两处细节设计很体贴：一是“立即充值”按钮处，增加了“送积分”的冒泡效果，属于诱惑式营销的方式；另一个设计细节是动态信息公告，为了页面简约和节省空间，只放了一条信息，而一条信息很容易被其他版块内容淹没，设计师对这个区域作了重色处理，让用户一眼能看到，又不会占用太大空间，同时，右端有5个小圆点，表示信息的轮换，告诉用户这里有5条信息，目前显示在第几条。
总结一下：
1、财富通的内容规划、版块构成及内容呈现，没有支付宝好，传达给用户的信息量少；支付宝显得更加专业、更具实力、更贴近用户的心智模型；我相信，支付宝在做内容规划和版块布局时，是充分分析了目标用户的心理需求的。
2、财富通的视觉设计能力强，色彩和质感的体现都比支付宝好，banner处的3个图标很时尚美观，甚至前卫，但真正传递给用户什么信息？值得思考；支付宝的视觉设计，从页面的表现来看，技能应该没有财富通强，但设计师充分考虑了内容的呈现，主次关系，从整体效果来看，是更成功的商业视觉设计师。
0
投稿猜你喜欢
- 用ASP生成XBM数字图片（可用来生成验证码）XBM图片是一个纯文本的文件，可以用ASP来自动生成。可以用它来使用网站登陆的验证码；我们用记
- 当你加入到一个项目，相关的CSS文件可能会看得你头昏眼花。时间一长，修改了哪些内容，增加了哪些内容，也都弄不清，维护成本相当的高。正好我们国
百度有啊2009年情人节logo——大纸袋GG给大纸袋MM送了枝玫瑰花，大纸袋MM奖励了大纸袋GG一个吻，好可爱！淘宝网2009年情人节lo- 你不得不承认，今天网络发展之迅速，信息流动速度之快、量之大，是我们不曾考虑过的，但现在它就真真切切地摆在我们面前。如何接纳信息，怎么处理、消
- 有助于效率的类型选择1、使你的数据尽可能小最基本的优化之一是使你的数据(和索引)在磁盘上(并且在内存中)占据的空间尽可能小。这能给出巨大的改
- 1、互动流通的活跃度是社区网站的关键，产品设计者大都需要在此猛下药。facebook有利用率最高的minifeed，myspace有“好友的
- 选择了MySQL的安装版本后，要做的第二项决策是你是使用源码分发版还是二进制分发版。大多数情况，如果你的平台上已经有了一个二进制分发版，你可
- CSS执行顺序与优先权的问题其实就是一个冲突解决的问题，当同一个元素(或内容)被CSS选择符选中时，就要按照优先权取舍不同的CSS规则，这其
- 上一篇：微软建议的ASP性能优化28条守则(6) 技巧 20：避免在循环语句中使用字符串串联 许多人在循环语句中建立一个字符串，如下所示：
- 这个是今年年初写的一篇，拿出来温习下。指针让程序结构变得混乱，也让程序执行效率提高，因此在oo的语言中不提倡指针的使用，使得程序结构清晰易读
- 当服务器必须提供与两个或更多个网络或网络子网的连接时，典型的方案是使用多宿主计算机。此计算机通常位于外围网络（也称为 DMZ、外围安全区域或
- 1. 你必须有自己的服务器，可以在服务器上建立站点。2. 域名管理里 你的域名必须支持泛解析。（现在好像除了 双线双I
- 一般我们可以使用背景图的方式给图片添加阴影，但对于不固定尺寸的图片如何实现呢？我们可以采取“视觉欺骗 * ”——定义渐变边框来实现运行代码框&
- 如何远程读取数据库页面？见下：<％Set HttpObj = Server.CreateObject(&
- 终于完成了偶的拖动窗口，花了近15个小时，庆祝一下(*^__^*)；以前写了IE下的功能，于是又写了firefox下的功能，在firefox
- 今天研究了一下JS的用setAttribute方法实现一个页面两份样式表的效果，具体方法如下：第一步：在连接样式表的元素里定义一个id,例如
- 内容摘要：本文介绍了asp使用正则表达式自动解析远程图片地址并下载保存的方法，值得收藏！一、使用正则表达式Regexp匹配取得原页中的图片的
- 类型主要针对文本属性进行定义。理解“编辑字体列表”和“行高”。二、CSS规则定义之“背景”·背景有背景颜色和背景图像的选择设置。·利于背景图
- jQuery 将马上发布 1.4 正式版，代码也从 googlecode 上迁移到了 github. jQuery 是我接触的第一个 JS
- 如何检测某个对象是否有某个属性？第一想到的——没错，in："prop" in obj这很完美，不过，还有不少人热衷下面的
