文章

改版 Zain Cash,约旦大多数人已经在用的钱包。

为一个用户过百万的移动钱包做的转化优先网站。阿拉伯语优先的信息线索、更清楚的表达、更快的页面。

作者
Laith Aljunaidy
发布于
最后更新
分钟阅读
6 分钟阅读
  • Zain Cash
  • 约旦移动钱包
  • 金融科技 UX 设计
  • 转化优先网站
  • 阿拉伯语 UX 设计
本页内容
  1. 要点
  2. 这么大的钱包为什么还需要改版网站?
  3. 需求是什么?
  4. 改版背后的三个想法
  5. 设计”拿到你的卡”这条路径
  6. 为什么先给数字?
  7. 结果
  8. 常见问题
  9. 参考来源
改版后的 Zain Cash 网站首页
改版后的首页。阿拉伯语优先,以转化为导向。

Zain Cash 是约旦的一款移动钱包和支付应用。它由 Zain 打造,受约旦中央银行监管,超过一百万人用它转账、支付、充值、管理卡片和购买代金券。其中超过 43 万人在使用 Zain Cash 的卡。当一个产品这样嵌进日常生活,网站就不是宣传册了。它是正门。

所以这次改版无关装饰。它关乎转化。人们来到这里是为了下载应用、申请卡片,或者弄懂某个功能,而页面必须让他们快速到达,在手机上,通常是从右往左读。下面是我们如何重建它,以及它立足的三个想法。

要点

  • Zain Cash 是约旦一款超过一百万人使用的移动钱包,受约旦中央银行监管,卡片用户超过 43 万。
  • 当一个产品这样嵌进日常生活,它的网站是正门,不是宣传册。
  • 我们围绕三个想法重建:阿拉伯语优先的信息线索、更清楚的表达、更快的页面。
  • 速度就是转化。Google 发现,页面加载超过三秒时,53% 的移动访问会被放弃。
  • 先给结果和证据。在这个体量上,用户数字本身就是信任的论据。

这么大的钱包为什么还需要改版网站?

因为网站是新用户做决定的地方。Zain Cash 已经织进了约旦的日常生活,超过一百万人用它转账、支付、充值、管理卡片、购买代金券,其中超过 43 万人用它的卡。在这个体量上,网站不是围着产品做的市场物料。它是通往产品的正门。

当正门是所有还没下载的人的第一印象,它就承担着实打实的重量。它得把一个好奇的访客转化成持卡人,把一项不断扩张的服务讲清楚,并且快到没人在它加载完之前就离开。这是产品问题,不是宣传册问题。

需求是什么?

跟上一个不停发布的服务,同时还要转化。Zain Cash 不断增加卡片、支付方式和合作伙伴,网站必须跟上,又不能变成一张杂乱的清单。每个访客都带着一件要办的事:下载应用、申请卡片,或者判断某个功能适不适合自己的生活。

塑造一切的那个约束是读者。多数流量来自手机,用阿拉伯语,耐心很短。页面必须快速给出答案,并且用人们真正使用的阅读方向,否则价值还没传到人就走了。

改版背后的三个想法

阿拉伯语优先的信息线索、更清楚的表达、更快的页面。信息线索是一连串提示,告诉读者下一步在这边。以阿拉伯语优先来设计,页面就把这些提示放在从右往左阅读的人预期的位置上,扫读起来自然,而不像翻译过来的。然后每个版块都被削到只说一件事,并且说明白,因为什么都说的页面等于什么都没说。

第三个想法是速度,而它不是装饰。Google 发现,页面加载超过三秒时,53% 的移动访问会被放弃。对于一个受众几乎全在手机上的钱包来说,慢页面就是一扇关着的门,所以更快的页面是转化工作的一部分,不是收尾的修饰。

Zain Cash 功能网格
功能集合做成可扫读的网格。每个版块只说一件事。

设计”拿到你的卡”这条路径

改版承载的是真实的产品,从多数访客前来要办的那件事开始。现在就拿到你的卡,卡片选项直接摊开,而不是埋起来。功能集合读起来是一个可扫读的网格:预付卡、非接触支付、奖励、在应用里管理卡片、线上购物与支付。二维码支付流程、NFC 贴片、可穿戴支付和代金券目录各有自己的空间。

把选项摊开而不是藏在菜单后面,正是重点所在。来申请卡的人应该立刻看见它,而不是去找。每去掉一步访客与卡片之间的距离,就少一步流失。

Zain Cash 卡片选项版块
现在就拿到你的卡。选项摊开,不埋起来。

为什么先给数字?

因为在这个体量上,数字就是论据。页面先给出最要紧的数据,超过 43 万人在用 Zain Cash 的卡,超过一百万人在用这个钱包,因为这种规模带来的信任比任何标语都更能成交。一个正在决定要不要把钱交给某个钱包的新访客,想知道别人已经这么做了。

把证据放在最上面,会重新框定它下面的一切。读者不再问 Zain Cash 是不是真的,而开始问哪张卡适合自己,而页面剩下的部分正是为回答这个问题而建的。

结果

一段更从容、更快的旅程。访客可以搜索、找到、行动,一路没有阻力,品牌读起来就是它本来的那个成熟金融产品,而不是一家求机会的创业公司。你可以在 zaincash.com 看到线上版本。

我的角色是 UX 和产品设计,负责钱包体验以及承载它的那些界面,与 Branders 团队一起完成。底下的思路,为结果而不是为功能做设计,也是我带进每一个产品的那个镜头。如果你有一个需要它的产品,告诉我你在做什么。

常见问题

Zain Cash 是什么?

Zain Cash 是约旦的一款移动钱包和支付应用,由 Zain 打造,受约旦中央银行监管。超过一百万人用它转账、支付、充值、管理卡片和购买代金券。

Zain Cash 网站改版的重点是什么?

一个转化优先的网站,立足三个想法:阿拉伯语优先的信息线索、更清楚的表达、更快的页面,让访客可以毫无阻力地下载应用、申请卡片或弄懂某个功能。

页面速度对钱包网站为什么重要?

多数流量来自手机,而 Google 发现页面加载超过三秒时 53% 的移动访问会被放弃,所以速度是转化的一部分,不是锦上添花。

参考来源

  1. Google 发现 thinkwithgoogle.com

双指、双击或用触控板缩放,拖动可移动。