美文网首页iOS
CH3. iOS Technologies(03)_Wallet

CH3. iOS Technologies(03)_Wallet

作者: 逃亡的光子 | 来源:发表于2016-06-24 12:25 被阅读59次

    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接收卡券,让下载尽可能快非常重要。为提升用户体验,要使用能达到预期视觉外观的最小图片文件。

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

    相关文章

      网友评论

        本文标题:CH3. iOS Technologies(03)_Wallet

        本文链接:https://www.haomeiwen.com/subject/baacdttx.html