设为首页 - 加入收藏
广告 1000x90
您的当前位置:主页 > 资源 > 效果代码 > 正文

国际设计师须知的“多币种支付”设计

来源:未知 编辑:天选资讯 时间:2023-02-28

  随着全球化贸易的进一步加深,不少互联网人为了引入更大体量的用户体验并使用产品而开启了 出海之旅 。这种时候,直接降低用户购买门槛的多币种支付,便成了产品必需品。如何进行 多币种支付 设计呢?本文作者对此进行了分析,一起来看一下吧。

  由于用户对非自己国家 / 地区货币价值概念欠缺,在支付场景需要自行汇率计算、衡量价值等一系列时间 / 学习成本,支付转化率较低。为了提升用户的支付体验,提高支付人数和支付转化率,产品需要将价格做的更加显性——所见即所付。

  以 Amazon、AliExpress 为例,都为用户提供了多币种支付方案,支持用户使用本币付款。本文将重点对多币种支付方案设计及注意点进行说明。

  每一种货币都统一由三位英文字母代表,而这一套三位英文字母,就是国际标准 ISO 4217。但是进行币种切换选择时,只看到 ISO 代码,部分用户也会定位难度。这种情况下,货币的名称就成为了辅助信息,帮助用户定位货币种类;用美元作为例子,如下图:

  在币种展示中增加货币符号,可以提高用户币种寻找效率。不仅因为日常生活中用户接触更多的是货币符号,而且符号类视觉元素相比文案或者 ISO 代码更易用户阅读与聚焦。

  需要注意的是,货币符号是存在多国 / 多地区通用的情况。单独的一个货币符号,并不能直观的表达一种货币。例如美元符号 $,加拿大元、新加坡元、澳元符号相同,使用时可用 ISO 代码在货币符号前做以区分;如下图:

  当价格展示空间有限,可以考虑缩小货币符号和小数点后金额缩小的方式为整数金额争取更多位置。如图:

  如上文币种展示中提到的,币种符号存在多币种同用情况,例如符号 ,人民币和日元都在使用;符号 $ 美元、加拿大元、澳元等共同使用;创建币种符号对照表可解决这一问题,同时方便设计师或研发定期更新维护。

  因为英文中没有 万 、 亿 ,与之替代的只有 千(Thousand)、 百万(Million) 和 十亿(Billion) 的概念,所以西方习惯在较长数字中每隔三位增加一个逗号,以方便在数字位数较多的情况下也能快速看出它的值。这种情况多使用在日元、韩元等货币位数较多的价格展示中,为用户简化金额阅读。如下图:

  ISO 4217 货币代码亦可改动,例如当一个国家发行新货币,进行货币改革,更换货币单位之时。俄罗斯的卢布就曾由代码 RUR,改成 RUB。

  默认记住上一次用户的币种选择可以让用户免去重复的币种切换工作,直接享受畅通购买的体验。

  使用 IP 定位确定新用户所在地区,并为用户切换至对应地区使用币种也是个不错的选择,但是对于正在出差的用户来说有些多此一举;

  世界上大约有 170 种货币,产品不可能为每一种货币提供支付渠道。那部分不可支付币种,我们可以通过当天汇率,在前端页面展示参考价格,方便用户衡量价值。

  例如,Amazon 中切换肯尼亚先令等,可以看到如下备注信息,提示用户页面价格只作为参考,用肯尼亚先令支付可能不成功。

  很多大型电商平台中,默认用户地区会使用网页 IP 定位,而地区确定后又可以推测用户使用货币,所以设计师会将币种设置与导航栏的语言 / 地区 / 国家设置进行入口合并。

  这样做可以让用户在有相关设置需求时,较快的定位入口,同时也考虑设置内容的联动性,辅助用户批量设置。

  在一些复杂的支付链路中,我们会使用弹窗让用户完成购买信息的细节选择。例如选择套餐的付款方式(优惠券 / 活动码)、套餐的付款周期(月 / 季度 / 年)等情况,而这也是用户最后切换支付币种的机会。

  在 多币种 支付设计过程中,设计师需要选择合适的币种展示方式和币种时机(币种选择器位置),并结合支付场景、支付链路、开放币种范围等因素综合思考,才能保证国际化用户良好的支付体验和感知。 多币种 支付不仅可以传递产品国际化信息,也可以给业务带来营收价值。

  国际化支付场景虽然常见,但是设计细节关注度较低,很多设计师无论是否拥有国际化设计经验都习惯凭主观直觉设计。因此,我们对国际化 多币种 支付设计抽丝剥茧,总结出比较系统化的设计方法。希望这篇文章可以帮助到更多刚接触国际化业务的设计师。

相关推荐:

网友评论:

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片

织梦模板大全 dedecms.codesdq 联系QQ:121673232 邮箱:121673232@qq.com

Copyright © 2002-2011 DEDECMS. 织梦科技 版权所有 Power by DedeCms

Top