錢包

2018-08-12 21:55 更新

錢包

Wallet 應用是幫助用戶查看和管理各種數(shù)字化票券的,他們是一些物理個體的數(shù)字展現(xiàn),例如登機牌、優(yōu)惠券、會員卡、獎勵卡和各種票。Wallet 也可以讓人們添加他們的信用卡、借記卡和儲值卡結(jié)合 Apple Pay 使用。你可以在應用中創(chuàng)建一個票券,分發(fā)給用戶,并且在有更改時進行更新。

使用 PassKit 框架可以方便地用自定義內(nèi)容來收集一個票券和使用戶票券庫中的票券。(想要學習 Passbook 技術的核心概念和 PassKit 接口的使用方法,請參考 Passbook Programming Guide。)以下幾點可以幫助你創(chuàng)建一個用戶樂意保留并使用的票券。

設計一個在各個設備上呈現(xiàn)很好票券。當你選擇一個票券的樣式——比如登機牌,優(yōu)惠券,票據(jù),獎勵卡或者通用的票券——你會獲得一個特別的布局和一系列區(qū)域去處理(更加詳細關于不同票券的樣式,參看 Pass Style Sets the Overall Visual Appearance)。這個系統(tǒng)在各個設備上合理展示你的票券,所以正確使用票券的區(qū)域是非常重要的。例如,在 Apple Watch 上,條狀圖(strip)和縮略圖(thumbnail)圖片是不顯示的,所以你不希望把基本的信息放到這些元素里。更多 Apple Watch 票券的布局,參看 Designing Passes for Apple Watch.

使用合適的票券區(qū)域展現(xiàn)文本。在你的票券中使用允許 VoiceOver 的用戶獲取票券中的所有信息的區(qū)域,保持你的票券外觀的一致性。避免將文本嵌入圖片或使用自定義的字體也是一個很好的方法,因為不是所有的圖標會展示到所有的設備上,這樣對用戶來說閱讀這樣的文字會有困難。

避免使用識別一個設備的語言。你不能預料到哪些用戶將會查看你的票據(jù)的設備,因此你不想使用可能在一個特別設備上不起作用的語言。比如,文字告訴用戶“滑動去查看”內(nèi)容,當這個發(fā)生在 Apple Watch 上將會不起作用。

盡可能,不要只是簡單復制已有的物理票券。Wallet 已經(jīng)建立了有美感的設計,票券也都配合這種設計以看起來更好。所以不要只是復制物理票券的外觀,抓住這次機會設計一個符合 Wallet 組成和功能的干凈簡潔的票券樣式。

對放在票券正面的信息精挑細選。用戶期望掃一眼票券就能快速獲得他們需要的信息,所以票券正面的信息應該是整潔且易讀的。如果有用戶可能會需要的額外信息,將它們放到票券的背面要比擠在正面好得多。注意,Apple Watch 上的票券沒有背面。

通常情況下,避免使用純白色背景。通常,一個好看的票券應該使用鮮艷的純色背景或者使用強烈的,充滿活力的圖片作為背景。當然,在設計背景時還要確保內(nèi)容的可讀性。

在商標文本區(qū)域顯示你的公司名稱。所有票券的商標文本區(qū)域的文字都使用了統(tǒng)一的字體。為了避免和其他票券發(fā)生沖突,還是建議您在商標文本區(qū)域輸入文字,不要使用自定義字體。

使用白色的公司商標。商標圖片放置在票券左上角公司名稱的旁邊。最好提供一個白色的,單色的,不包含文字的商標。如果你想要增強商標的效果,又想要與文字風格匹配的話,可以增加一個在 y 軸方向上有1像素偏移,有1像素模糊和透明度為35%的黑色陰影效果。

如果可以的話,使用矩形的條形碼。類似于 PDF417 這樣的長方形條形碼比正方形二維碼更適合票券的布局。如下右圖所示,正方形的二維碼會使兩邊有空白區(qū)域并且會在垂直方向上使上下方內(nèi)容變得擁擠。

為性能去優(yōu)化圖片。因為用戶通常會通過電子郵件或者 Safari 接收票券,所以讓下載的越快越好是非常重要的。為了提高用戶體驗,使用能滿足視覺效果的最小的圖片文件。

在合適的時候更新票券以增強其效用。即使一個票券代表的是一個并不會改變的物理實體,數(shù)字的票券也可以通過映射真實世界的一些事件來提供更好的用戶體驗。例如,當某個航班延誤時你可以更新登機牌上的信息,這樣用戶就能夠通過查看電子登機牌來獲得當前的信息。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號