Why cards UI is quickly becoming the preferred design pattern for mobile? Why cards UI is the design unit of choice of many publishers for both their mobile apps and web experiences? Quick introduction to awesome cards UI and how they are used in mobile.
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Cards UI - the Future of Mobile?
1. Cards UI -
the Future
of Mobile?
By Ina Toncheva
@pakostina
http://bit.ly/1l1shPu
2. Cards are part of our
everyday routine
• we exchange business cards and
holiday cards
• we play cards and some of us
collect cards
… and part of our
digital experience
• Google is embracing cards-style
interface across mobile and
web
• Pinterest, Facebook and Twitter
are the three social media
giants that have also moved to
cards.
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
4. Why are Cards so Hot
Recently?
If we think of cards as
rectangles, html boxes
or modules, they are
nothing new.
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
5. • Easy to scan and consume at a
glance
• Offer great capabilities for user
manipulation
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
Cards are the design unit of choice of many
publishers because they are extremely well-
suited to the mobile environment.
6. Ideal for Responsive Design
• UI Cards are scalable
• Can have different states
(compact, normal, expanded)
• Can be rendered in variable
positions
• Can accommodate vertical and
horizontal stacking
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
In this presentation “Going Responsive with Google Play” the Google Play team discusses in depth
how cards helped them achieve design that scales across device and web.
http://www.androiduipatterns.com/2013/11/going-responsive-with-google-play.html
7. Individual Units of Quickly Consumable Content
Cards are individual units of quickly consumable content, leaving users
satisfied at the end, rather than frustrated when interrupted mid-way
through.
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
8. Can Serve 3rd Party Data
Cards already have a big impact on mobile development because they
not only serve data or experience from an internal API in a design that
feels natural to mobile, but also from a 3rd party API or markup.
The blog post below discusses in details the power of cards to deliver 3rd
party information with the same performance as if it is coming from
their own API.
http://jordancooper.wordpress.com/2014/03/14/the-most-special-
thing-about-cards-that-nobody-is-talking-about/
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
9. What Do You Think About Cards?
Do you plan using this design pattern in your next mobile app? Do you
see it as a viable solution to the challenges of responsive design in your
projects?
Read full blog post here:
http://blogs.telerik.com/blogs/14-04-15/is-cards-ui-the-future-of-mobile
Thank you!