Posts tagged ‘网页设计’

It’s All About Conversion – 如何设计用户注册流程

Conversion(转化率)这个词在电子商务团队中应该是很熟悉了,但是其实不仅仅是电子商务,这个词也应该出现大部分互联网团队的核心考核指标中。举个例子,如果说商品详情页和付款流程是电商网站的黄金页面和流程,那么新用户注册页面/流程就是各个社区网站(尤其是刚成立的)的黄金页面和流程。

去年在51.com大热的时候曾经对其做过分析,发现姑且不论其“山寨”的一面,在新用户注册和引导这里51.com是达到和国际水平接轨了,推测应该也是参考借鉴了很多国外的先进例子。

下面贴出的这个ppt的内容来自之前AdaptivePath做的一份用户注册流程案例分析报告(最早来自豆瓣上交互设计小组的Helicopter的介绍),我进行了全文翻译和更新部分内容。主要说来我们能从这些国外网站是如何设计新用户注册流程的实际案例中提炼出下面的四大原则:

  • 为用户提供绝妙的加入理由 – 要说服新用户注册,网站应一方面提高自己在潜在用户心中的价值估价,同时降低用户加入所需要投入的成本。简单地说就是要让这个(价值-成本)的差值越大越好! 
  • 设计使用户感到轻松的注册过程 – 成功引导用户按下“注册”按钮只是第一步!网站还需要一个让用户觉得轻松舒服的注册体验!如果注册过程是便捷快速的,用户会更倾向于尝试各种其他服务,就算他们并不确定到底会得到什么好处。
  • 不要让新用户“悬着”- 对新用户提供的指引信息不应在他们注册后就停止。将新用户抛弃在一个不熟悉的页面或缺乏下一步如何行动的提示只会使用户感到迷惘。因此应想办法向新用户们隐形或显性地指导他们下一步可以做什么。
  • 加快初始好友建立过程 – 对于新加入社区的用户来说,如何开始建立自己的社交圈子是最大的障碍。如果没有好友,很多基于社区的服务会失去很大价值。因此,帮助用户迅速找到和添加好友是留住用户的关键。

Ref:

为销售服务的网页设计思路 — Sales-oriented Web Design

之前做过一阵子平台型产品项目,而现在的工作中对于”销售(Sales)” 这个词的体会更深刻了。 因此将之前写过的一篇总结的标题改为这个“为销售服务的网页设计思路 — Sales-oriented Web Design”,再重新修正一下。

首先解释一下下面提到的AIDA和着陆页这两个关键词:

AIDA模式 — 在1925年由Professor Strong提出,具体是指一个成功的推销员必须把顾客的注意力吸引或转变到产品上,使顾客先对该产品产生兴趣,随之产生拥有的欲望,尔后再形成实际购买行为。

  • A – Attention: attract the attention of the customer. (引起注意)
  • I – Interest: raise customer interest by demonstrating features, advantages, and benefits. (诱发兴趣)
  • D – Desire: convince customers that they want and desire the product or service and that it will satisfy their needs. (刺激欲望)
  • A – Action: lead customers towards taking action and/or purchasing. (促成购买)
  • Nowadays some have added another letter to form AIDA(S): S – Satisfaction – satisfy the customer so they become a repeat customer and give referrals to a product. (现在有些网站还会加一个专门针对老用户重复购买和口碑营销的区域)

Landing Page 着陆页 — 访客进入目标网站进行浏览时经过的第一个页面。尤其是销售主导型(无论是实际产品、服务还是一个促销活动)着陆页,如何进行最大限度优化是最终销售(Action)转化率能提升的关键。

将AIDA模型套用在着陆页上的主要思想是从页面设计上就要包含AIDA这4个步骤:

  • (Attention)– 着陆页要尽快告诉新来的用户我们是干啥的,留住那些可能会成为真正用户的潜在用户。常见办法:
    • 有视觉吸引力的图片;
    • 一句话说明产品是什么;
  • (Interest)– 用户没有立即关闭这个着陆页还只是第一步,对于这些潜在用户来说,还需要进一步使他们对我们买的产品感兴趣,例如我们产品为什么比竞争者的要好?常见办法:
    • 重点产品功能介绍;
    • 有什么独家卖点;
  • (Desire)– 有了兴趣并不代表潜在用户会购买,从理性角度上考虑,决定想要一个东西,必然是因为这个东西带来的收益(应该说是可感知收益更准确)要大于为此支付的成本。要记住用户要的不是我们的产品功能,而是这个功能给他带来什么好处!如何诱发这个临门一脚的常见办法:
    • 介绍产品对于用户本身有什么实际利益;
    • 展示其他现有用户的满意反馈;
    • 有权威性的review;
    • 视频富媒体介绍;
  • (Action)– 当激发了用户的购买欲望后千万不要停顿,让他立刻就明白下一步的购买行为该如何进行。
    • 例如购物的话就是购买的图标,注册的话是注册的窗口等;
    • 或者在购物的场景还还能再推他一把,放上优惠券什么的(”立即注册还送100积分“)

当然这个设计原则不是适合于所有的着陆页,主要适合有明确销售指标或者新推出产品页面,这些可以完整地实现AIDA。对于已经开了一段时间,有了一定用户基础或者无直接销售指标的产品类型(比如门户网站、搜索引擎),就不用硬套AIDA了。

直接举例子,拿最近大热的Twitter着陆页来看:

首先在上方有大图来吸引注意(Attention),然后用一段简单介绍来说明Twitter的功能(Interest),还不放心的用户可以在最下方看到来自知名刊物对Twitter的推荐,或者跟随右上角的What-Why-How三步介绍,还有个视频(Desire),满意了? — 显眼的地方有个加入Twitter的按钮(Action)

Twitter_Frontpage

 下面这个例子是一个叫MailChimp的邮件营销公司,页面比较明确地分成了AID三块。首先(A)有能吸引眼球的猴子:) 和一句醒目的核心描述(We make email marketing easy & fun for 60,000 users); 然后(I)介绍了产品对用户的利益点;还有(D)来自权威媒体的背书;相对来说最后的(A) ,也就是signup稍微弱了一点。

mailchimp_frontpage

(Note:现在MailChimp的首页已经出了新版了,在最后的Action这里明显加强了)

再举个比较古老的黄钻页面的例子看看(QQ会员首页目前为老用户服务的因素太多,反而不如这个页面“卖东西”的气味更明显)。此页面已下线,只是作为纯研究在这里使用

首先有大图来视觉吸引,同时有对什么是黄钻的简单介绍(Attention),然后下面有对于黄钻具体功能的图文混排介绍(I)。但假设这是一个将新用户转化率作为第一目标的着陆页的话,按照上面的模型思考还是有后两步的缺失:

  • 在尝试引起用户的兴趣后,对于进一步推动用户的购买欲望导向不够(D),是否能用些类似”我们能给你提供……”/”为什么选择我们“/”还有谁使用了我们“这些来更明确地给用户开通的理由?
  • 现在这个页面上对于最重要的“立即开通黄钻贵族”也严重导向不足,只有一个小的文字链;

Qzone_VIP

Reference: