Design

O modelo a seguir é o exemplo de um cartão de fidelidade ativado por smart tap. Observe que todos os campos são iguais aos de um cartão não ativado por essa tecnologia. O código de barras ficará oculto quando o smart tap estiver ativado. Outras diferenças na experiência do usuário são um indicador abaixo do cabeçalho do cartão, mostrando que o smart tap está ativado, e um botão na parte inferior do cartão para desativar esse recurso.

Modelo de design do smart tap
  1. class.programLogo
  2. class.issuerName
  3. class.programName
  4. class.heroImage
  5. object.loyaltyPoints.label
  6. object.loyaltyPoints.balance
  7. object.secondaryLoyaltyPoints.label
  8. object.secondaryLoyaltyPoints.balance

  9. object.barcode.type

    object.barcode.value

  10. object.barcode.value

    object.accountId

    object.barcode.alternateText

  11. class.hexBackgroundColor
  12. class.accountNameLabel
  13. object.accountName
  14. class.accountIdLabel
  15. object.accountId
  16. class.rewardsTierLabel
  17. class.rewardsTier
  18. *.imageModulesData.mainImage
  19. *.messages[0].header
  20. *.messages[0].body
  21. *.textModulesData.header
  22. *.textModulesData.body
  23. *.infoModuleData.labelValueRows[0].columns[0].label
  24. *.infoModuleData.labelValueRows[0].columns[0].value
  25. *.linksModuleData.uris[2]
  26. *.linksModuleData.uris[0]
  27. *.linksModuleData.uris[1]