Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Cards for discovery in 5 mins

1.087 visualizaciones

Publicado el

The Content Discovery team at the BBC aims to make bridges between our different products and help users discover more of our content relevant to their goals. In order to achieve this we’ve been researching and designing a new Card presentation format.

As UX professionals, we want to reduce the cognitive load at each step that users take so that they feel they can move fluidly through the content. In this short presentation I give you a handy analogy for how the snackability, familiarity and portability of cards are essential to enabling horizontal journeys across the architecture of a website or app. I also touch briefly on how we’re designing a global Card pattern to promote onwards journeys across the BBC.

For my full talk on this topic, see

Publicado en: Diseño
  • Inicia sesión para ver los comentarios

Cards for discovery in 5 mins

  1. 1. Cards for discovery in 5 minutes! Emily Heath @gradualist
  2. 2. News Sport TV & iPlayer Children’sKnowledge & Learning Homepage Search App Cards footer Radio & Music Cross-product journeys
  3. 3. A single currency for cross-product journeys
  4. 4. Pick a card, any card
  5. 5. A card is a piece of portable, snackable micro-content presented in a consistent and recognisable format.
  6. 6. Hakonart’s lunchbox design available on Other lunch boxes and designs are available.
  7. 7. The Mona Lisa lunchbox Hakonart’s lunchbox design available on Other lunch boxes and designs are available. Familiar Portable Snackable
  8. 8. 1. Familiarity
  9. 9. Footnote (*these psychologists!): Halberstadt, J., Pecher, D., Zeelenberg, R., Ip Wai, L. and Winkielman, Piotr. (2013) Two faces of attractiveness : making beauty in averageness appear and reverse. Psychological Science, Volume 24 (Number 11). pp. 2343-2346. ISSN 0956-7976
  10. 10. Who’s the prettiest?
  11. 11. Beauty-is-averageness
  12. 12. Cognitive fluency Try it for yourself on
  13. 13. Familiar Portable Snackable
  14. 14. 2.Portability Familiar Portable Snackable
  15. 15. portable | p təb(ə)l|ˈ ɔː adjective able to be easily carried or moved, especially because being of a lighter and smaller version than usual: a portable television.
  16. 16. Card architecture: a) the most useful bits of one thing
  17. 17. Card architecture: b) the mash up of many things
  18. 18. Card architecture: c) the card as micro content
  19. 19. portable | p təb(ə)l|ˈ ɔː adjective • Computing (of software) able to be transferred from one machine or system to another. portable versions of IBM's Systems Network Architecture technology.
  20. 20. The journey of a card
  21. 21. 3. Snackability Familiar Portable Snackabl e
  22. 22. Image:
  23. 23. Familiar Portable Snackabl e E.g. Twitter video player, soundcloud, Yummly
  24. 24. Familiar Portable Snackabl
  25. 25. Thanks! Emily Heath @gradualist