Twitter Facebook Dribbble

Post 4: Facebook Paper & Interface Ideas

2013 saw the rise in popularity of ‘cards’ in interface designs (See Why cards are the future of web). There is something about the ‘card’ based interface that I find really interesting. The restraints on size and content are one thing, but I think it is its link with physical cards in the real world that really grabs me.

[See more card interfaces here]

Generally speaking, most mobile applications don’t take advantage of the technology their built on – they often function like web sites, with your finger acting as the mouse pointer.

I was a really big fan of the UI that Tinder went with last year. Swiping left for ‘No’ and right for ‘Yes’ was simply, easy to learn and fun, taking full advantage of the touch screen.

Tinder

Yesterday Facebook announced they would be launching a new way “explore and share stories” called Facebook Paper (watch the video). The demo shows cards folding and sliding all over the screen. It looks great.

 

Screen Shot 2014-01-31 at 1.03.12 pm

 

Late in 2013 I began sketching ideas (I can’t code :/) around how card elements might move in the app interface I’ve been working on over the past few days. Cards invite gestures and behaviours that regular web-based interfaces can’t.

Almost everyone has played with a deck of cards at least once in their lives and I believe that really helps the users feel more comfortable with more playful UI designs.

If you’re interested in animation in interface design, I highly recommend watching the presentation below (50mins) given by Pasquale D’Silva. It gives a great insight into how animation can make the difference between a clunky and smooth and enjoyable user experience.

All of this has got me thinking about all the possibilities for my own interface.

Leave a Reply

Your email address will not be published. Required fields are marked *