如何设计一张顾客愿意打开的会员卡

电子钱包卡是一个固定的小长方形，通常只被看约两秒钟，大多是在锁屏上，而且常常是单手操作时看到的。设计它主要是在决定该省略什么。

会员卡正面应该放什么？

四样东西：是谁发行的、奖励是什么、客户进度到哪了，以及下一步该做什么。其他任何内容都会与这些争夺注意力，让卡片读起来更慢。

进度应获得最重的视觉分量。它是会变化的部分，是客户会去查看的部分，也是他们打开这张卡的根本原因。

会员卡该用什么颜色？

背景与文字之间要有高对比度，背景要够深或够饱和，才能在电子钱包自身的界面中显得突出。浅色卡片配白色背景，在一堆卡片列表中会消失不见。

使用你真实的品牌色，而不是专门为卡片挑选的颜色。这张卡会和客户的银行卡放在一起，让它看起来像你的店铺，其价值高于让它看起来漂亮。

卡片背面应该放什么？

客户可能只需要用一次、不需要一眼看到的所有内容：营业时间、地址、电话号码、计划条款、到期时间，以及如何停止接收消息。背面空间不限，而且免费。

这是电子钱包会员制中最未被充分利用的一面。大多数卡片背面是空白的，这就把所有常规问题，比如你们在哪里、几点开门、这个会不会到期，都推给了店员去解答。

卡片上应该有条形码吗？

如果流程中有任何环节会扫描它，就加上；如果没有，就不要加。一个没人扫描的条形码会占据卡片上最大的单一区域，却没有任何用处。

如果商家是通过电话号码而非扫描来识别客户，那么这张卡就是一个展示物而非凭证，这块空间更适合用来显示进度。

卡片在锁屏上是什么样子？

只有顶部条带和卡片的主要字段是稳定可见的，因此奖励和进度需要放在这些位置，而不是更靠下的地方。先为条带设计，再为完整卡片设计。

在上线前，最好在真实手机上、在日光下、以手臂距离检查一下。一张在桌面预览中看起来不错、在柜台却看不清的卡片，是为错误的屏幕设计的。

卡片集满时应该显示什么？

应显示奖励已就绪以及如何领取，取代原本的进度计数。这是这张卡片所能达到的单一最高价值状态，它应该与其他任何状态看起来都不一样。

要在这一刻发生时配上一条推送通知。一个不知道奖励已经就绪的客户不会专程前来领取，而一个未被领取的奖励，就是一个会员计划未能成功激励的客户。

设计应该多久变化一次？

很少变化。一张已安装的卡会原地更新，因此重新设计会触达每一位现有持卡人，这对修复真实问题有用，但如果只是为了求新求变，就会造成干扰。

季节性变化是值得例外处理的情况，因为它会被注意到，却不会造成困惑。Loonine 的卡片设计工具预览的是真实卡片而非效果图，因此在发布之前就可以进行检查。

卡片外观应该与商家其他品牌形象不同吗？

不应该。这张卡与客户的银行卡、交通卡放在一起，它的任务是在一秒之内被认出来。任何让它看起来像是通用会员卡、而不是你店铺的元素，都与这个目标背道而驰。

常见的错误是把这张卡当作一件营销素材来设计：渐变色、标语、图库照片。这些在卡片尺寸下只会显得杂乱。纯色的品牌色配上清晰的标志，胜过任何装饰性处理。

进度字段应该用什么样的文字？

顾客会脱口说出的那种表达。“10 个中的 7 个”能立刻理解；“完成 70%”需要换算；“350 积分”在不知道门槛的情况下毫无意义。

对于积分计划，应在余额旁注明奖励对应的货币价值，如“200 积分中的 160 · 优惠 €10”，因为顾客真正关心的是它值多少钱，而不是持有多少单位。一个顾客无法估值的余额，不会产生该机制所依赖的目标梯度效应。

卡面需要照片或插图吗？

很少需要，除非它经得起缩小。卡面的图像区域很小，在 Apple Wallet 和 Google Wallet 上的裁切方式也不同，任何带细节的图像都会变成难以辨认的一团模糊。

真正值得放图像的地方是标志条，因为这是该格式能提供的最快识别方式。要在真实手机上以实际尺寸测试，而不是在设计工具里看，这是最常被忽略的一步。

同一套设计能同时用于 Apple Wallet 和 Google Wallet 吗？

内容可以，呈现方式不行。这两个平台对图像的裁切方式不同，字段的排布位置不同，卡面的显示比例也不同，所以为某一方精细调校的布局在另一方上会略有偏差。

应针对两者的共同点来设计，而不是为其中一方做优化：选用一种鲜明的背景色、一个从任意方向裁切都不会失真的标志，以及两个平台都会突出显示的奖励和进度字段。发布前先在每种平台各用一部真实手机检查一遍。

无障碍方面呢？

对比度是最重要、也是最常出问题的一点。浅色的品牌色配白色文字，在宣传册上可能看起来没问题，但在阳光下伸直手臂拿着手机看时就无法辨认。

文字与卡面背景之间应保持强烈的对比度，并且绝不能只靠颜色来传达奖励状态。一张用文字写着“奖励已就绪”的卡，对所有顾客都有效；一张只是变成金色的卡则不然。