User Interface Design Patterns

User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer.

This site will help you in two ways: You can read insightful design pattern articles and browse screenshot examples.

Pattern categories

  • Getting input

    Getting the user to input data is a task that should be tailored to the context of use.

  • Navigation

    The user needs to locate specific features and content and needs navigation to accomplish this.

  • Dealing with data

    Data can be searched, formatted, overviewed, and browsed in a variety of ways.

  • Social

    Allow the user to associate, communicate, and interact with other people online.

  • Miscellaneous

    Patterns that haven't found their main category yet.

Recently added patterns Rss

  • Paywall

    Paywall

    Shopping Jun 27, 2012

    The user needs to pay to get access to a restricted area on a website. Read more

  • Slideshow

    Slideshow

    Images Jan 11, 2012

    The user needs to skim through stories without scrolling or any other unnecessary mouse movements. Read more

  • Gallery

    Gallery

    Images Jan 5, 2012

    The user needs to browse a series multiple images in a high resolution. Read more

Show all patterns

Recently uploaded screenshots Rss

  • 06
  • 56
  • roomguru
  • geeked-up
  • creads
  • cooper
  • bambi
  • HTMLPanda
  • Plan
  • 8c7bbb00800645095e5877f6a17022ce
  • c2275bb6e8ae053182496e3f511f169f
  • 41551c1db66b6713f808ca2304b559e3
  • aa192c782bd15c315f8709d95147f0a2
  • 15d746cd6cd614b999664e42bc5f4c1d
  • f3f384abbca74fb58645937790027ec1
  • 0c0c43f277629eeda4b6c61013b21e15
  • a6a0ce3cef20c94df56d3949e26bd1fe
  • f6a006e54b2880edc4202dfebd8f3092
Upload your own Show all screenshots

Browse categories

Recent blog posts Rss