錢包

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

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/61.jpg" alt="" />

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

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

使用合適的票券區(qū)域展現(xiàn)文本。在你的票券中使用允許 VoiceOver 的用戶獲取票券中的所有信息的區(qū)域，保持你的票券外觀的一致性。避免將文本嵌入圖片或使用自定義的字體也是一個(gè)很好的方法，因?yàn)椴皇撬械膱D標(biāo)會(huì)展示到所有的設(shè)備上，這樣對(duì)用戶來說閱讀這樣的文字會(huì)有困難。

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

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

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

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

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

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

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

http://wiki.jikexueyuan.com/project/ios-9-human-computer-interface-guidelines/images/62.jpg" alt="" />

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

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