当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 网页改版实力分享:支付宝首页改版

心得技巧
设计作品参考:有创意的美观大方的简历设计
产品设计:产品三要素三角模型
手机移动平台的UI界面设计:减少空间占用
B2C网站产品设计实例:简单的广告设计
设计理论:杂志的目录设计
用户体验设计:良好的站内搜索设计指导
设计作品参考:很具想象力的标志LOGO设计
用户体验:简单的用户研究的分析和总结
WEBJX收集11个优秀的在线表单服务网站
邮件设计与网页设计的巨大差别
优秀的交互设计应该是最愉悦的满足用户的需求
谈新版豆瓣首页交互设计:复杂网站的标签系统
GOOGLE用户体验设计师谈Google的十大设计原则
腾讯QQ产品经理谈互联网产品经理的素质
网页设计参考:50个激发你设计灵感的网站实例
WEBJX收集27个流行且别致的网站header设计实例
50个鼓舞人心的设计惊艳的iphone应用网站
淘宝网系统的前端安全规范
混乱的URL编码
WEBJX收集10个非常不错的旅游行业网站设计

心得技巧 中的 网页改版实力分享:支付宝首页改版


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-27   浏览: 51 ::
收藏到网摘: n/a

2009-10-21_120901

png_4545

前一阵子支付宝首页改版了,据支付宝的人说改版以后效果十分之不错。那么我们来看看这次支付宝改版有那些值得借鉴的地方。

一、头图介绍

首先顶部仍然和上一版一样,采用了很大的头图,不过不同的是采用了轮换的方式,这个细节的改动确实很不错。通常来一张顶部头图,是用来介绍和宣传产品功能的最好手段。但是往往的问题的,要表达的东西过多,虽然头图面积很大,但是还是很难充分利用好要表达的内容。有些时候甚至根本起不到表达和介绍的内容,仅仅是好看而已。但是支付宝这次采用了轮换的方式,轮换通常用来用作图片新闻,用在头图还是很少见的。这次头图不仅可以自动切换,每个切换按钮都是精工细琢。把支付宝的特色功能点进行分类,一张一张图来介绍,而且每张图都采用了类似漫画的方式。这样做不仅起到了充分介绍产品特点的作用,同时也增加了趣味性,让用户印象十分深刻。

二、数字、logo、信任

作为一个线上支付产品,最关键的一点就是赢得用户的信任。而这次改版可以发现,基本采用了两种表达方式赢得用户的信任,第一个就是数字,第二个就是合作单位。对于数字,譬如:65家机构,46万家商户,14家银行等,页面特别在数字的地方加粗,加亮,或者用注释的方式显现出来。大量的数字可以很好的赢得用户的信任感,也就是常说的“数据说服力”。合作单位:页面上也用较大的地方来摆放各种合作公司的LOGO,而且我们不难发现这些logo都是精挑细选,不仅是大公司,而且是热门很熟悉的公司,再有每一个行业的logo只有一个出现在首页上。因为这些公司都是大家熟悉信任的公司,那么他们与支付宝合作,就会把这种权威性转嫁给支付宝。也就是常说的“狐假虎威”。

三、入口

网站的登录和注册仍然是放在首页,不过细节上的变化就是,整个页面强调的是登录,而在上一版中强调的是新用户注册。新版中登录用了橘黄色,十分抢眼。虽然注册按钮很大,但是用的是灰白色,不是十分明线。这跟上一版的设计正好是相反的方式。新版的登录框规划的更好,登录,注册,问题处理很自然的用一个线性的整体方式表现出来。而在上一版就比较凌乱。

四、色彩

不知道是不是,支付宝的团队大量配置苹果电脑的原因。新版的色彩搭配方式和苹果网站十分相似,采用了无色+有色的方式。内容图片用色彩丰富的配图,而且每张图都制作精良。区块分割采用了灰色。可以很好的分割各个内容块儿,又不会突兀。

作为电子商务网站来说,支付宝这次首页改版是相当成功的,各个部分都是精雕细琢,整体又十分和谐。总体风格由原来的稳重大气,变成了时尚大气。这也非常迎合了大量80后使用人群的风格。

ps:支付宝花大把资金招人,看来是没白招。