想做国际化产品？先来掌握「多币种支付」设计方法！ - 优设网 - 学设计上优设
source link: https://www.uisdc.com/multi-currency-payment-design
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
导读
随着全球化贸易的进一步加深，不少互联网产品为了引入更大体量的用户体验并使用产品而开启了“出海之旅”。直接降低用户购买门槛的多币种支付，变成了产品必需品。如果说语言翻译是产品国际化的第一步，那么多币种支付能力的搭建就是紧随其后的第二步。
更多出海产品设计方法：
为什么要“多币种支付”？
由于用户对非自己国家/地区货币价值概念欠缺，在支付场景需要自行汇率计算、衡量价值等一系列时间/学习成本，支付转化率较低。为了提升用户的支付体验，提高支付人数和支付转化率，产品需要将价格做的更加显性——所见即所付。
以 Amazon、AliExpress 为例，都为用户提供了多币种支付方案，支持用户使用本币付款。本文将重点对多币种支付方案设计及注意点进行说明。
Amazon 中多币种方案
AliExpress 中多币种方案
一、币种展示
1. ISO 代码 + 货币名称
每一种货币都统一由三位英文字母代表，而这一套三位英文字母，就是国际标准 ISO 4217。但是进行币种切换选择时，只看到 ISO 代码，部分用户也会定位难度。这种情况下，货币的名称就成为了辅助信息，帮助用户定位货币种类；用美元作为例子，如下图：
2. 货币符号+ISO 代码+货币名称
在币种展示中增加货币符号，可以提高用户币种寻找效率。不仅因为日常生活中用户接触更多的是货币符号，而且符号类视觉元素相比文案或者 ISO 代码更易用户阅读与聚焦。
需要注意的是，货币符号是存在多国/多地区通用的情况。单独的一个货币符号，并不能直观的表达一种货币。例如美元符号"$"，加拿大元、新加坡元、澳元符号相同，使用时可用 ISO 代码在货币符号前做以区分；如下图：
注意：通常在网站中，为了视觉效果等原因设计师会考虑国旗与币种共同使用。这个设计决策是非常危险的，首先同一国家不同地区也会存在使用不同货币的可能，另外国旗会有触碰敏感话题的风险。
二、币种界面和功能
1. 价格展示较长
当价格展示空间有限，可以考虑缩小货币符号和小数点后金额缩小的方式为整数金额争取更多位置。如图：
同时，金额较大时，别忘记为千位分隔符留下足够字符空间；
2. 考虑货币符号
如上文币种展示中提到的，币种符号存在多币种同用情况，例如符号“¥”，人民币和日元都在使用；符号“$”美元、加拿大元、澳元等共同使用；创建币种符号对照表可解决这一问题，同时方便设计师或研发定期更新维护；
币种符号$对照表
3. 千位分隔符
因为英文中没有“万”、“亿”，与之替代的只有“千（Thousand）”、“百万（Million）”和“十亿（Billion）”的概念，所以西方习惯在较长数字中每隔三位增加一个逗号，以方便在数字位数较多的情况下也能快速看出它的值。这种情况多使用在日元、韩元等货币位数较多的价格展示中，为用户简化金额阅读。如下图：
三、币种本地化
1. ISO 代码定期更新
ISO 4217 货币代码亦可改动，例如当一个国家发行新货币，进行货币改革，更换货币单位之时。俄罗斯的卢布就曾由代码 RUR，改成 RUB。
所以不要忘记定期关注 ISO 代码相关消息，发现调整，实时更新；
2. 币种默认初始逻辑
默认记住上一次用户的币种选择可以让用户免去重复的币种切换工作，直接享受畅通购买的体验。
使用 IP 定位确定新用户所在地区，并为用户切换至对应地区使用币种也是个不错的选择，但是对于正在出差的用户来说有些多此一举；
使用浏览器默认语言并为用户定位对应币种容错率相对更高些。
另外，用户登录与未登录两种场景也可以结合考虑添加默认币种逻辑；
3. 考虑提供参考价格
世界上大约有 170 种货币，产品不可能为每一种货币提供支付渠道。那部分不可支付币种，我们可以通过当天汇率，在前端页面展示参考价格，方便用户衡量价值。
例如，Amazon 中切换肯尼亚先令等，可以看到如下备注信息，提示用户页面价格只作为参考，用肯尼亚先令支付可能不成功。
四、切换币种功能
用户的购买支付流程根据不同用户习惯会有所区别，主要可分为两类：
① 先看价格范围再看商品详情
② 先看商品详情再查看价格
第一类用户在平台上首先会将币种进行本地切换。那么全局币种切换器成为这类用户的必需品。而第二类用户在意商品细节多过于价格或是默认币种与本地货币换算较为常见，所以通常到了最后一步支付时，用户切换到本地货币进行最终的价格确认。这种情况，支付时的币种切换器更有意义。
1. 全局的货币选择器
很多大型电商平台中，默认用户地区会使用网页 IP 定位，而地区确定后又可以推测用户使用货币，所以设计师会将币种设置与导航栏的语言/地区/国家设置进行入口合并。
这样做可以让用户在有相关设置需求时，较快的定位入口，同时也考虑设置内容的联动性，辅助用户批量设置。
当你的网站导航栏不固定时，在方案对比页面增加货币选择器是个不错的选择。用户查看方案详情或对比方案信息时，产生货币切换需求概率较高。在方案页面的币种选择器可以更快的满足用户需求，从而促进用户支付。
2. 支付链路中的货币选择器
在一些复杂的支付链路中，我们会使用弹窗让用户完成购买信息的细节选择。例如选择套餐的付款方式（优惠券/活动码）、套餐的付款周期（月/季度/年）等情况，而这也是用户最后切换支付币种的机会。
不要忘记贴心的为用户保留币种切换功能，帮助用户顺滑的完成支付链路。
在“多币种”支付设计过程中，设计师需要选择合适的币种展示方式和币种时机（币种选择器位置），并结合支付场景、支付链路、开放币种范围等因素综合思考，才能保证国际化用户良好的支付体验和感知。“多币种”支付不仅可以传递产品国际化信息，也可以给业务带来营收价值。
国际化支付场景虽然常见，但是设计细节关注度较低，很多设计师无论是否拥有国际化设计经验都习惯凭主观直觉设计。因此，我们对国际化“多币种”支付设计抽丝剥茧，总结出比较系统化的设计方法。希望这篇文章可以帮助到更多刚接触国际化业务的设计师。
Recommend
-
55
分享发现 - @JJBOOM - http://ww1.sinaimg.cn/large/aaa27c72gy1fpnmxiqoxrj20ga0b5n2e.jpghttp://ww1.sinaimg.cn/large/aaa27c
-
61
导读 理论上 Chrome 68 稳定版本才刚推出不久，69 版本应该还要等上一阵子才能用上，但日前 Android Police 却已经抢先将 beta 测试版 Chrome 69 的 APK 拆解分析，让大伙能提前一睹 Google 将带来的新功能。
-
34
奔走的房价
-
55
第 91 届奥斯卡金像奖颁奖典礼将于北京时间 2 月 25 日上午 7:30 在美国洛杉矶举行。作为最为重要的年度电影盛会，每年的奥斯卡奖都会吸引全世界的目光。喜欢电影的人总会在结果揭晓前给出自己的预测，不过主观评价并不靠谱，我们应该用...
-
41
今天凌晨，苹果正式推送了 iOS 13 和 iPadOS 的首个公测版本（Public Beta），用户可以注册参与「Apple Beta 版软件计划」更新公测版系统。 对于普通用户来说，由于目前的测试版仍存在一些 bug， 我们不推荐将你的主要设备现...
-
12
开个比惨贴，我先来，你们随意
-
18
看跌还是看涨？不如先来看看比特币这四个关键价格指标 达令智库DR 2020-12-28 11:10 2725 摘要: 证券交易员依然...
-
18
零经验想做产品经理？你应该掌握这些知识产品经理话题下的优秀答主这是产品经理职场入门课的第三篇，是产品经理入门知识的介绍。产品经理没有对应的专业，但却有一定的专业...
-
10
腾讯音乐：天花板VS黑天鹅，哪个先来？ 战事下半场已然开始，腾讯音乐掌握了先手，但未来能否维持在行业的领先地位仍不明朗。 5月17日，腾讯音乐（TME.US）公布2021年第一季业绩报告。2020年，腾讯音乐在美国市场的股价涨幅是64...
-
6
虚实结合，是很多人认识...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK