Wallet(卡包)
卡包幫助用戶查看和管理卡券(pass)须妻,業(yè)績(jī)是那些諸如品牌卡券、優(yōu)惠券泛领、會(huì)員卡荒吏、返券、門(mén)票等物理卡券的數(shù)字代理渊鞋〈赂卡包還可以讓用戶添加信用卡、借記卡以及商店卡篓像,然后通過(guò)Apple Pay來(lái)使用动知。在你的應(yīng)用里,你可以創(chuàng)建卡券员辩,分發(fā)給用戶盒粮,還可以在它發(fā)生變化時(shí)進(jìn)行更新。
卡券套件(passkit)框架使得利用自定義內(nèi)容創(chuàng)建卡券以及打開(kāi)用戶卡券庫(kù)中的卡券變得容易奠滑。(學(xué)習(xí)卡券技術(shù)的主要概念以及如何在你的 應(yīng)用中使用卡券套件API丹皱,參看Wallet Developer Guide.)以下原則可以幫你創(chuàng)建用戶喜歡在卡包應(yīng)用中使用的卡券。
設(shè)計(jì)卡券宋税,讓它在所有的設(shè)備上都看起來(lái)很棒摊崭。當(dāng)你選定卡券類型——比如品牌卡券、優(yōu)惠券杰赛、門(mén)票呢簸、返券、或者普通卡券——你會(huì)得到一個(gè)特別的設(shè)計(jì)圖和一系列工作區(qū)域(詳細(xì)了解不同的卡券類型,參看Pass Stytle Sets the overall Visual Appearance)根时。系統(tǒng)會(huì)在每臺(tái)設(shè)備上適當(dāng)?shù)仫@示你的卡券瘦赫,所以正確地使用卡券區(qū)域非常重要。比如在Apple Watch上蛤迎,條帶狀和極小的圖像不會(huì)被顯示确虱,所以你不要把重要的信息放在這些元素中。學(xué)習(xí)更多關(guān)于卡券設(shè)計(jì)圖的內(nèi)容替裆,參看Designing Passes for Apple Watch校辩。
使用合適的卡券區(qū)域來(lái)顯示文字。使用那種可以允許VoiceOver用戶獲得所有卡券信息的文本區(qū)域辆童,給你的卡券一致的外觀宜咒。避免把文本信息埋植于圖片中,使用自定義字體是個(gè)好想法胸遇,因?yàn)椴⒉皇撬袌D片都會(huì)在設(shè)備上正確顯示而且用戶很難閱讀那些文字荧呐。
避免使用與具體設(shè)備相關(guān)的語(yǔ)言汉形。你無(wú)法預(yù)測(cè)用戶會(huì)在哪種設(shè)備上查看你的卡券纸镊,所以你不應(yīng)使用可能只在特定設(shè)備上才有意義的語(yǔ)言。比如告訴用戶“滑動(dòng)以查看”的文本概疆,當(dāng)它出現(xiàn)在Apple Watch上時(shí)就不會(huì)有意義逗威。
盡可能避免簡(jiǎn)單復(fù)制已經(jīng)有的物理卡券。卡包有一個(gè)成熟的設(shè)計(jì)美學(xué)岔冀,卡券設(shè)計(jì)應(yīng)該符合該審美觀以達(dá)到最佳的視覺(jué)效果凯旭。與其復(fù)制一個(gè)物理卡券的外觀,不如趁此機(jī)會(huì)設(shè)計(jì)一個(gè)符合卡包形式與功能的使套,簡(jiǎn)單明快的卡券罐呼。
要精心設(shè)計(jì)卡券正面的信息。 用戶期望能夠僅僅一瞥就找到卡券上他們需要的信息侦高,所以卡券的正面應(yīng)該整潔以便于閱讀嫉柴。如果你認(rèn)為有一些別的信息用戶可能需要,最好把它放在卡券背面奉呛,而不是與其它信息擠在正面的狹小空間中计螺。需要注意的是,Apple Watch上的卡券沒(méi)有背面視圖瞧壮。
不要使用樸素的純白色做卡券背景登馒。當(dāng)背景使用鮮艷的純色或者使用艷麗生動(dòng)的圖片時(shí)看,卡券的視覺(jué)效果最佳咆槽。當(dāng)你設(shè)計(jì)背景時(shí)陈轿,一定要確保它不會(huì)影響卡券內(nèi)容的可讀性。
使用Logo文本區(qū)域填寫(xiě)你的公司名稱。Logo文本區(qū)域的字體在所有卡券上都是一致的麦射。為了避免與卡包中的其它卡券沖突赠堵,推薦你在Logo文本區(qū)域輸入文字,而不要使用自定義字體法褥。
使用白色的公司Logo茫叭。Logo圖片放置在卡券的左上角,緊鄰你的公司名稱半等。為了達(dá)到最佳的效果揍愁,你需要提供一個(gè)不包含文字的純白色Logo。如果你想讓Logo醒目(engrave)與Logo配文相配杀饵,可以添加一個(gè)黑色的水滴陰影(black drop shadow)莽囤,搭配1像素的Y軸偏置,1像素的x軸模糊切距,和35%的不透明度朽缎。
若可能,使用矩形條形碼谜悟。由于卡券的布局话肖,矩形條形碼——比如PDF417——看起來(lái)比方形二維碼好看。如同下方右側(cè)的圖示葡幸,方形二維碼給兩側(cè)帶來(lái)了不協(xié)調(diào)的空白最筒,并且在縱向使其上下的區(qū)域變得擁擠。
為更好的性能優(yōu)化圖片蔚叨。因?yàn)橛脩艚?jīng)常通過(guò)Email或Safari接收卡券床蜘,讓下載盡可能快非常重要。為提升用戶體驗(yàn)蔑水,要使用能達(dá)到預(yù)期視覺(jué)外觀的最小圖片文件邢锯。
適當(dāng)?shù)臅r(shí)候更新卡券,以強(qiáng)化卡券的效用搀别。即便僅是代表那些不會(huì)改變的物理卡圈丹擎,你的數(shù)字卡券同樣可以通過(guò)對(duì)現(xiàn)實(shí)世界的事件做出反應(yīng)來(lái)提供更好的用戶體驗(yàn)。比如领曼,當(dāng)航班晚點(diǎn)的時(shí)候你可以更新飛機(jī)登機(jī)牌鸥鹉,用戶查看登機(jī)牌的時(shí)候總是可以獲得最新的信息。