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

原创辰司群核科技用户体验设计

导读

随着全球化贸易的进一步加深，不少互联网产品为了引入更大体量的用户体验并使用产品而开启了“出海之旅”。直接降低用户购买门槛的多币种支付，变成了产品必需品。如果说语言翻译是产品国际化的第一步，那么多币种支付能力的搭建就是紧随其后的第二步。

为什么要“多币种支付”？

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

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

Amazon中多币种方案

AliExpress中多币种方案

一、币种展示

ISO代码 + 货币名称

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

货币符号+ISO代码+货币名称

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

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

注意：通常在网站中，为了视觉效果等原因设计师会考虑国旗与币种共同使用。这个设计决策是非常危险的，首先同一国家不同地区也会存在使用不同货币的可能，另外国旗会有触碰敏感话题的风险。

二、币种界面和功能

价格展示较长

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

同时，金额较大时，别忘记为千位分隔符留下足够字符空间；

考虑货币符号

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

币种符号$对照表

千位分隔符

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