25+ UI-Patterns Bibliotheken für Ihr kreatives User Interface Design

UI-Patterns for mobil, tablet und desktopWo Sie UI-Patterns und Inspiration für Ihr User Interface Design finden.

Wer kennt das nicht: Der Nutzungskontext wurde analysiert und die Konzeption eines User Interfaces startet. Zur Gestaltung eines User Interface Designs, das genau zu den Eigenschaften der Anwender, ihren Zielen und ihre Situation passt, sind viele kreative Ideen gefragt.

Wie Sie mit Pair-Design verschiedene Ideen zur Gestaltung des User Interfaces generieren, habe ich Ihnen bereits vor längerer Zeit gezeigt.

Einen anderen Weg bieten die UI-Pattern Bibliotheken. In ihnen sind exemplarische Lösungen für viele bereits durchdachte Designprobleme dokumentiert. Im Sinne des Pair-Designs stehen Ihnen die Ideen anderer Kreativer Tag und Nacht im Internet zur Verfügung, um Sie zu inspirieren.

Strukturierung der UI-Patterns

Nachfolgend möchte ich Ihnen meine Sammlung von UI-Pattern Bibliotheken vorstellen und für Ihre schnelle Orientierung wie folgt einordnen:

  • Mobil / Tablet / PC(Web)
  • inspirierence Beispiele
  • Use Cases
  • Blog/Trends
  • Community
  • HTML-Code, CSS-Code
  • Spezialisierung

UI-Patterns für Mobile / Smartphones

mobiledesignpatterngallery.com

UI-Patterns for mobil design

Umfasst: Blog/Trends, inspirierende Beispiele, Community

androidpatterns.com

ui-patterns for mobil design

Umfasst: Use Cases, Community

tappgala.com

ui-patterns for mobil design

Umfasst: inspirierende Beispiele

mobiletuxedo.com

ui-patterns for mobil design

Umfasst: Blog/Trends, inspirierende Beispiele

lovelyui.com

ui-patterns for mobil design

Umfasst: inspirierende Beispiele

androiduipatterns.com

ui-patterns for mobil design

Umfasst: Blog/Trends, Use Cases

androidpttrns.com

ui-patterns for mobil design

Umfasst: inspirierende Beispiele

mobile-patterns.com

ui-patterns for mobil design

Umfasst: inspirierende Beispiele

pttrns.com

ui-patterns for mobil design

Umfasst: inspirierende Beispiele, iPhone

UI-Patterns für Smartphones und Tablets

inspired-ui.com

ui-patterns for mobil and tablet design

Umfasst: inspirierende Beispiele

UI-Patterns für PC (Web)

ui-pattern.com

ui-patterns for web design

Umfasst: Blog/Trends, inspirierende Beispiele, Use Cases, Community

patternry.com

ui-patterns for web design

Umfasst: HTML-Code, CSS-Code, Blog/Trends, Use Cases, Community

developer.yahoo.com/ypatterns

ui-patterns for web design

Umfasst: HTML-Code, CSS-Code, Blog/Trends, Use Cases, Community

quince.infragistics.com

ui-patterns for web design

Umfasst: inspirierende Beispiele, Use Cases, Community

designinginterfaces.com

ui-patterns for web design

Umfasst: inspirierende Beispiele, Use Cases

designingsocialinterfaces.com

ui-patterns for web design

Umfasst: inspirierende Beispiele, Use Cases

welie.com

ui-patterns for web design

Umfasst: inspirierende Beispiele, Use Cases

smileycat.com

ui-patterns for web design

Umfasst: inspirierende Beispiele

box.mepholio.com

ui-patterns for web design

Umfasst: inspirierende Beispiele

flickr.com/groups/namics_uipatterns

ui-patterns for web design

Umfasst: inspirierende Beispiele

webdesignpractices.com

ui-patterns for web design

Umfasst: inspirierende Beispiele, Forschungsergebnisse

geog.uoregon.edu/datagraphics

ui-patterns for web design

Umfasst: Use Cases, Spezialisierung auf Datengrafiken

UI-Patterns für Smartphones, Tablets und PC

UICloud.com

ui-patterns for Smartphones, Tablets und PC

Umfasst: Blog/Trends, inspirierende Beispiele, HTML-Code, CSS-Code, jQuery, Community

patternbrowser.org

ui-patterns for Smartphones, Tablets und PC

Umfasst: inspirierende Beispiele, Use Cases

cardstack.io

ui-patterns for Smartphones, Tablets und PC

Umfasst: Card UI Design

patterntap.com

ui-patterns for Smartphones, Tablets und PC

Umfasst: inspirierende Beispiele, Community

cs.helsinki.fi/u/salaakso/patterns

ui-patterns for Smartphones, Tablets und PC

Umfasst: inspirierende Beispiele, Use Cases

uxporn.uxpin.com

ui-patterns for Smartphones, Tablets und PC

Umfasst: Blog/Trends, inspirierende Beispiele

useyourinterface.com

ui-patterns for Smartphones, Tablets und PC

Umfasst: inspirierende Beispiele

Dark UI-Patterns

darkpatterns.org

ui-patterns for Smartphones, Tablets und PC

Umfasst: Ethisch streitbare UI-Patterns

Fazit

UI-Pattern Bibliotheken sind inspirierend. Keine Frage. Doch bitte verstehen Sie Design-Patterns nicht als festgelegte Normen. Mit etablierten UI Patterns erreichen Sie ein User Interface Design, das auf Bekanntes aufsetzt. Sie nutzen so zusagen “den Weg des geringsten Widerstands”. Zur Absicherung Ihrer Usability empfiehlt sich jedoch dringlich die Überprüfung Ihres User Interface Konzept per Usability Test.

Bitte verfassen Sie einen Kommentar

Trage deine Daten unten ein oder klicke ein Icon um dich einzuloggen:

WordPress.com-Logo

Du kommentierst mit Deinem WordPress.com-Konto. Abmelden / Ändern )

Twitter-Bild

Du kommentierst mit Deinem Twitter-Konto. Abmelden / Ändern )

Facebook-Foto

Du kommentierst mit Deinem Facebook-Konto. Abmelden / Ändern )

Google+ Foto

Du kommentierst mit Deinem Google+-Konto. Abmelden / Ändern )

Verbinde mit %s