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 task that should be tailored to the context of use.

  • Dealing with data

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

  • Navigation

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

  • 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

  • Event calendar

    Event calendar

    Content Mar 16

    The user wants to find events of interest happening in a certain period of time. Read more

  • Article list

    Article list

    Content Mar 15

    The user needs guidance in finding editorial content of interest, which hierarchical navigation alone does not accomplish. Read more

  • Autocomplete

    Autocomplete

    Search Mar 9

    The user needs to enter information into a text box which is prone to be mis-typed, hard to remember, or ambiguous. Read more

Show all patterns

Recently uploaded screenshots Rss

  • mag.ma
  • mag.ma
  • mag.ma
  • www.lomography.com
  • getglue.com
  • carolinesmode.com
  • Stadium.dk
  • REI.com
  • Komplett.dk
  • facebook.com
  • www.gowalla.com
  • teuxdeux.com
  • teuxdeux.com
  • fluxiom.com
  • agilezen.com
  • developer
  • signup.createsend.com
  • agilezen.com
Show all screenshots

Browse categories

Recent blog posts Rss