May 16 2012

40 Innovative UI Concepts from Dribbble

dribbble

Innovative concepts, whether practical or imaginative, can help progress creatives and their work to the next level. By breaking rules, ignoring common conventions, and testing the limits of design, we can create opportunities that allow us to enhance and improve our work. Take a look at some of these brilliantly designed interactions from Dribbble, and let them inspire creativity in your own work today.

The Side Nav Revisited

Appointment by Paresh Khatri

Browse Shows – iOS App by Umar Irshad

Dialoggs – Collapsible Menu by Drew Wilson

Dashboard – Realtor Project by Brian Waddington
 

Zendesk Project Lotus by Jason Wu

Page Curls and Peels

Qiwy iOS app curl test by Mikael Eidenberg

Inside (first draft) – iPad – UI/UI/iOS by Cuberto

Peel Back by Juan Sanchez

Curl by Prathyush Pramod

Bookmark for Magazines by Ugur Akdemir

Folding Screens

Photofold by Supratim Nayak

Fold to unlock iOS style by Anton Kudin

Flipweek agenda by Wouter ● Bread&Pepper

UX/iOS idea with video process by Cuberto

Unlock Concept by Guillaume Gaubert
 

Complex Tooltips, Modals, and Popups

Category popup by Fares Farhan

Wunderlist Mini by Tanveer Junayed

Paris in the Spring by Dave Ruiz

Dashboard by Kerem Suer

Modal Window by Ionut Zamfir

Switch Elements

On Off Switch for iOS App by Cosmin Neagu

Qiwy iOS app switches by Mikael Eidenberg

Buttons, Lights & Shadows by Fernando Maclen

Toggle Buttons by Onur Orhon

Rocker switch v2 by Mike Bernardo
 

Interfaces with Depth and Layers

Credit Card by Matthew Sanders

Robots in disguise by Austin Bales

Circle by musHo

iPhone App UI by Filip Chudzinski

App Remix: Lose It! by Carl DeCaire
 

Progress & Loading Bars

FoodSimple Meal Manager by Handsome
 

Mini Music Player by Daryl Ginn
 

Countdown by Kerem Suer
 

Deloitte iPhone application by Deloitte Digital Australia
 

Progress bar lives by dimga
 

Social Sharing

Share Button by Patrik Larsson

Share by 3DROPS

Facebook button concept by Erik Deiner

Share Bar (Animated) by Shaun Moynihan
 

Tweet this by Eddie Lobanovskiy
 

Editor’s note: Thanks to everyone who supported and participated in the Arrrows font giveaway! Congratulations David Morrison and Jan for being the lucky two to win the random drawing. We’ll be in touch shortly to deliver the Arrrows font bundle to you!

About the Author:

Jessica Moon is an Art Director at digital-telepathy, a user experience design studio that specializes in creating products like SlideDeck, Impress, and Filament. She has a passion for illustration and design, and enjoys blogging and tweeting about what she’s learned. You can also find her on Google+.

Leave a Response

14 Responses

  1. May 16 2012
    David Morrison

    A lot of inspiration in these samples. Thank you for this excellent collection. Some of them seem a little overwrought for digital space, such as the fun toggle buttons (a simulacrum of Inuit Parka closures designed to be manipulated by mitten muffled hands). More than 3 degrees of separation from the original intent I think, but fun. My picks? — the Share Button is great (Patrick Larsson) — as is Zendesk Project Lotus (Jason Wu).

  2. May 18 2012
    Hung-Su

    An outstanding collection, you’ve just increased the number of people I’m stalking on dribbble x)

  3. May 24 2012
    John Roescher

    This is a great list!

    Thanks for including one of Handsome’s shots > http://dribbble.com/shots/555449-FoodSimple-Meal-Manager

  4. May 29 2012
    bochelord

    This is a brilliant collection certainly!

  5. Jun 01 2012
    Eric

    Great round up, beautiful concepts

  6. Jun 17 2012
    Tom

    Clean and clever designs… Brilliant! That toggle button is awesome. Thank you for the inspiration! Cheers from Tom at webtemplates.com.au.

  7. Jun 26 2012
    Theresa Neil

    Thanks for the round up. Most of these are current UI patterns with fantastic visuals. Can’t wait to create the 2nd release of my Mobile Design Pattern Gallery book with new design examples like these.

  8. Apr 04 2013
    Merlijn

    Thanks Jessica, I was looking for a video of that folded App menu and came across this blog. Found a lot more than I came for.

  9. Apr 11 2013
    John Ue

    Jessica,

    It was a very insightful list of mobile UIs. I have posted your blog on my facebook page a couple of days ago. Over 150 fans shared your insights among their Korean friends. I assure you that your blog must have inspired many including myself. I thank you on behalf of them for being good inspiration. Cheers! :D

    https://www.facebook.com/photo.php?fbid=526449434067886

  10. Apr 14 2013
    Youngwoo

    Thanhks Jessica. It is great list inspired with new rerference never seen before.

  11. May 22 2013
    Unaiz

    Nice Post.. Thanks for sharing this brilliant collection with us..