惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

月光博客
月光博客
Martin Fowler
Martin Fowler
博客园_首页
量子位
T
Tailwind CSS Blog
博客园 - Franky
G
Google Developers Blog
D
DataBreaches.Net
Vercel News
Vercel News
B
Blog
Recent Announcements
Recent Announcements
S
SegmentFault 最新的问题
M
MIT News - Artificial intelligence
爱范儿
爱范儿
博客园 - 【当耐特】
The Cloudflare Blog
H
Help Net Security
云风的 BLOG
云风的 BLOG
P
Proofpoint News Feed
C
Check Point Blog
有赞技术团队
有赞技术团队
Microsoft Security Blog
Microsoft Security Blog
酷 壳 – CoolShell
酷 壳 – CoolShell
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
国际设计师须知的“多币种支付”设计
群核科技用户体验设计 · 2023-02-17 · via 人人都是产品经理

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

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

一、为什么要“多币种支付”?

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

以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)先看价格范围再看商品详情

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

2)先看商品详情再查看价格

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

第一类用户在平台上首先会将币种进行本地切换。那么全局币种切换器成为这类用户的必需品。而第二类用户在意商品细节多过于价格或是默认币种与本地货币换算较为常见,所以通常到了最后一步支付时,用户切换到本地货币进行最终的价格确认。这种情况,支付时的币种切换器更有意义。

1. 全局的货币选择器

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

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

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

当你的网站导航栏不固定时,在方案对比页面增加货币选择器是个不错的选择。用户查看方案详情或对比方案信息时,产生货币切换需求概率较高。在方案页面的币种选择器可以更快的满足用户需求,从而促进用户支付。

2. 支付链路中的货币选择器

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

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

不要忘记贴心的为用户保留币种切换功能,帮助用户顺滑的完成支付链路。

六、结语

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

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

作者:辰思,公众号:群核科技用户体验设计

本文由 @酷家乐用户体验设计 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于CCO协议。

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。