Wallet 作為 IOS 自帶應用,在很多人的 iphone 上使用頻率并不算高,除了交通卡和偶爾刷銀聯卡進行支付,在大陸地區它的作用實在是非常有限。
但很多人可能不知道的是,Wallet 的功能可能遠比微信卡包強大。理想狀態下,它甚至可以將家門鑰匙、門禁、會員卡甚至身份證都統統塞入 iPhone 或手腕上的 Apple Watch 里,而且只要電源鍵「滴答」兩下就可以優雅地出示。
如果你想為錢包應用添加更多 Wallet 票卡,這篇文章將介紹使用 Pass2U 和 MakePass 制作最簡單的靜態碼會員卡、登機牌等票卡的操作方法,讓你在收銀臺的時候不用手忙腳亂地尋找會員小程序或者 App。
Pass2U
https://www.pass2u.net/lang/zh-tw/
Pass2U是一 家中國臺灣地區的公司做出的軟件服務,它主營業務是面向小微商家、企業制作、發放會員卡、集點卡等會員管理服務。 在有著完整 google 服務的國家和地區,Pass2U 可以在 iOS、Android 上無需下載額外軟件即可無感分發會員卡。 Pass2U 也在 App Store 提供了面向個人用戶的 Wallet 票卡制作 App,免費版可以使用其中有限的功能,在 App Store 花費 12 元即可解鎖專業版。
在此部分內我會分別介紹 App 內制作與網頁端制作的一些范例,以及我覺得各位在制作時需要注意的點。
在移動端 Pass2U 的主界面點擊右下角的加號按鈕,即可開始創建 Wallet 票卡。Pass2U 支持掃描、輸入或提取現有票卡照片中的條碼來快速套用樣式,除此之外,如果選擇「套用票卡樣式」,則能在內置的票卡商店中查找喜歡的票卡樣式進行定制和編輯,沒有任何平面設計功底的朋友也能快速開始。
如果你解鎖了專業版,則可以在套用票卡樣式時選擇手動創建票卡。Pass2U 將票卡分為五大類:登機牌、折扣券、活動購票、商店卡和通用票卡,不同票卡的默認樣式有所不同,所適用的場合也不同。
注:從右到左依次是登機牌、折扣券、活動購票、商店卡和通用票卡
票卡的信息與內容排版大家根據自己的實際需求定制即可。值得注意的是,票卡的配色選擇和其內容同等重要。例如我在上篇文章中提到的隨申碼,就應選擇綠色、藍色等較冷的顏色而非紅色之類較深的顏色,這樣更能向核驗者傳遞出安全的信號,也不會出現「這里有個紅碼」的尷尬事件。
綠色為底色的「健康碼」票卡
另外,如果對細節和設計有著較高要求,覺得移動端 Pass2U 的功能和交互都比較「生硬」,也可以試試各項功能更為細致的網頁端。網頁端提供了更多定制空間,例如可以增加票卡所關聯的 App、通知用的圖標......就看你想做出什么樣的票卡了!
直接點擊一旁的標簽就可以跳轉到要設計的區域
如果你只想快速做一張票卡看看效果,不妨先用 App 端練練手。網頁端適合對票卡設計和功能要求更多的用戶以及對公服務——Pass2U 在對公服務上更為優秀,假如你是身處海外的小店店主,Pass2U 的服務則可以用來分發會員卡、集點卡、優惠券等;如果還有儲值卡的發放需求,則可以選擇他們的動態 QR 卡或者 NFC 卡片業務。
MakePass
MakePass 是葡萄牙個人開發者 Pedro José Pereira Vieito 制作的 Wallet 票卡制作 App。在 iOS、iPadOS、macOS 上皆可下載使用,售價為 68 元,對于不想搗騰的用戶來說,這價格是偏貴了,并且由于 App 界面是純英語,對使用者的外語能力有一些要求。
但 MakePass 較優秀的 UI 以及可制作出最為完整的票卡是它最大的賣點,況且比起 Pass2U,PassMaker 的優勢是在設備端制作更加靈活,并且能將「快捷指令」融入到制作過程當中。
接下來我會介紹在 MakePass 中制作票卡的教程。
打開 iOS 的 MakePass App,映入眼簾的就是三個選項 NewPass、Open File 以及 Open From Wallet。這一點與 Pass2U 基本相似。
MakePass 的開始頁面
以一張機場登機牌的制作為例。根據應用內提示填入四個定義憑證屬性的文本框,包括標題、發行組織和描述信息:
接下來設置背景顏色、文本顏色、標題顏色、圖標和 logo 等信息,圖標和 logo 建議使用 PNG 格式的透明背景圖片。
然后我們就要選擇條碼類型了,MakePass 支持四類條碼,因為我們做的是機場登機牌,這里選擇航空業最常見的 PDF417 條碼類型(假如你在選項中選擇從照片、文件與相機中掃描的話,則無需選擇條碼類型)。
然后選擇憑證類型和交通類型,并設置好時間、地點。其中 Relevant Date 設置成登機時間,Expiration Time 則可以設置成落地時間或者起飛后 15 分鐘,地點設置成出發機場。注意在設置地點時,一定要把相關地點用左上角的大頭針標記好。
這樣就完成了!水獺現在可以用自己的電子登機牌在浦東機場的國際區自由通行了!?
在 MakePass 中比較令人頭疼的是標題的分布,如果是第一次使用的話,最好留意一下這些文本欄的分布,比如下圖所示的內容,文本框內所填的文字將會依次在藍色區域內從右到左地顯示。好在我們可以在 MakePass 這邊一邊編輯一邊查看效果,隨時根據票卡的最終呈現樣式進行調整。
上: MakePass ; 下: Wallet 票卡
結語
在我編寫這一文章的時候,我自己在思考為什么很多商家沒有使用這一功能,它簡潔、原生的體驗不應該能給顧客更加良好的體驗嗎?它的功能甚至比絕大多數微信小程序都要強大。但它為什么如 App Clips 一樣,消失在果粉的視野里。
或許是微信、支付寶的用戶太多;或許 Apple 的宣傳不到位;又或許是我們使用者還沒有意識到軟件「美」的重要性。有一天,可能微信會將小程序和 App Clips 做適配、臃腫的 App 將不復存在,用戶體驗會被大廠重新重視起來。這轉變或許已經開始了,例如這兩周,超級猩猩在自己 iOS App 上更新了 NFC Pass 的功能,用戶可以直接使用 iPhone、Apple Watch 在門禁處無感進入健身房、打卡。
其次,我還想聊聊大陸電子支付的未來,近幾年加密貨幣、NFT 等區塊鏈技術讓電子支付又激起波瀾。「數字人民幣」的誕生也意味著我國對電子支付產業的重視。央行行長在去年國際清算銀行(BIS)監管大型科技公司國際會議上表示,中國移動支付普及率達到 86%,但是也表示我國移動支付行業也面臨著行業壟斷導致的不正當競爭、侵犯用戶個人隱私等重大問題。1或許,改善現狀的更好方法是從改善基礎設施開始,包括提升 NFC 在智能手機搭載量、替換過時 POS 機、督促手機廠商的 NFC 功能開放(例如像 Apple 的 Tap to Pay、華為的手機 POS 功能)等措施,讓更便捷的支付方式使得用戶愿意轉變支付習慣,也迫使平臺不看重「流量」,而更加重視它本身的業務。
或許到時,Wallet 里不僅僅只有各張銀聯卡,你還會看到數字人民幣、支付寶、微信這三張卡。
原文鏈接
https://sspai.com/post/73580?utm_source=wechat&utm_medium=social
本文來自微信公眾號“少數派”(ID:sspaime)