CH3. iOS Technologies(03)_Wallet

Wallet(卡包)

卡包帮助用户查看和管理卡券(pass),业绩是那些诸如品牌卡券、优惠券、会员卡、返券、门票等物理卡券的数字代理。卡包还可以让用户添加信用卡、借记卡以及商店卡,然后通过Apple Pay来使用。在你的应用里,你可以创建卡券,分发给用户,还可以在它发生变化时进行更新。

卡券套件(passkit)框架使得利用自定义内容创建卡券以及打开用户卡券库中的卡券变得容易。(学习卡券技术的主要概念以及如何在你的 应用中使用卡券套件API,参看Wallet Developer Guide.)以下原则可以帮你创建用户喜欢在卡包应用中使用的卡券。

设计卡券,让它在所有的设备上都看起来很棒。当你选定卡券类型——比如品牌卡券、优惠券、门票、返券、或者普通卡券——你会得到一个特别的设计图和一系列工作区域(详细了解不同的卡券类型,参看Pass Stytle Sets the overall Visual Appearance)。系统会在每台设备上适当地显示你的卡券,所以正确地使用卡券区域非常重要。比如在Apple Watch上,条带状和极小的图像不会被显示,所以你不要把重要的信息放在这些元素中。学习更多关于卡券设计图的内容,参看Designing Passes for Apple Watch

使用合适的卡券区域来显示文字。使用那种可以允许VoiceOver用户获得所有卡券信息的文本区域,给你的卡券一致的外观。避免把文本信息埋植于图片中,使用自定义字体是个好想法,因为并不是所有图片都会在设备上正确显示而且用户很难阅读那些文字。

避免使用与具体设备相关的语言。你无法预测用户会在哪种设备上查看你的卡券,所以你不应使用可能只在特定设备上才有意义的语言。比如告诉用户“滑动以查看”的文本,当它出现在Apple Watch上时就不会有意义。

尽可能避免简单复制已经有的物理卡券。卡包有一个成熟的设计美学,卡券设计应该符合该审美观以达到最佳的视觉效果。与其复制一个物理卡券的外观,不如趁此机会设计一个符合卡包形式与功能的,简单明快的卡券。

要精心设计卡券正面的信息。 用户期望能够仅仅一瞥就找到卡券上他们需要的信息,所以卡券的正面应该整洁以便于阅读。如果你认为有一些别的信息用户可能需要,最好把它放在卡券背面,而不是与其它信息挤在正面的狭小空间中。需要注意的是,Apple Watch上的卡券没有背面视图。

不要使用朴素的纯白色做卡券背景。当背景使用鲜艳的纯色或者使用艳丽生动的图片时看,卡券的视觉效果最佳。当你设计背景时,一定要确保它不会影响卡券内容的可读性。

使用Logo文本区域填写你的公司名称。Logo文本区域的字体在所有卡券上都是一致的。为了避免与卡包中的其它卡券冲突,推荐你在Logo文本区域输入文字,而不要使用自定义字体。

使用白色的公司Logo。Logo图片放置在卡券的左上角,紧邻你的公司名称。为了达到最佳的效果,你需要提供一个不包含文字的纯白色Logo。如果你想让Logo醒目(engrave)与Logo配文相配,可以添加一个黑色的水滴阴影(black drop shadow),搭配1像素的Y轴偏置,1像素的x轴模糊,和35%的不透明度。

若可能,使用矩形条形码。由于卡券的布局,矩形条形码——比如PDF417——看起来比方形二维码好看。如同下方右侧的图示,方形二维码给两侧带来了不协调的空白,并且在纵向使其上下的区域变得拥挤。

为更好的性能优化图片。因为用户经常通过Email或Safari接收卡券,让下载尽可能快非常重要。为提升用户体验,要使用能达到预期视觉外观的最小图片文件。

适当的时候更新卡券,以强化卡券的效用。即便仅是代表那些不会改变的物理卡圈,你的数字卡券同样可以通过对现实世界的事件做出反应来提供更好的用户体验。比如,当航班晚点的时候你可以更新飞机登机牌,用户查看登机牌的时候总是可以获得最新的信息。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,569评论 4 363
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,499评论 1 294
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,271评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,087评论 0 209
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,474评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,670评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,911评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,636评论 0 202
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,397评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,607评论 2 246
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,093评论 1 261
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,418评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,074评论 3 237
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,092评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,865评论 0 196
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,726评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,627评论 2 270

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25 707
  • App Store 审核指南2017/07/27 简介 App 正在改变世界,丰富人们的生活,并为像您一样的开发者...
    小白沐春风阅读 3,484评论 0 2
  • 好的婚姻就要门当户对?彼此为心灵伴侣的婚姻才能够幸福?相互欣赏彼此崇拜的婚姻才能够甜蜜? 我一直对于这样的观点抱以...
    挪威阳光阅读 2,132评论 20 40
  • 拯救一个徘徊在自杀边缘的孩子的几个步骤: 1.让他明白,抑郁很可能是对愤怒的压抑; 2.帮他发现,愤怒从何而来; ...
    善默勤容阅读 114评论 0 0
  • - 01 - 欲望极简 了解自己的真实欲望,不受外在潮流的影响,不盲从,不跟风。 把自己的精力全部放在正确的、有效...
    让dream照进现实阅读 116评论 0 1