Wo 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
Umfasst: Blog/Trends, inspirierende Beispiele, Community
androidpatterns.com
Umfasst: Use Cases, Community
tappgala.com
Umfasst: inspirierende Beispiele
mobiletuxedo.com
Umfasst: Blog/Trends, inspirierende Beispiele
lovelyui.com
Umfasst: inspirierende Beispiele
androiduipatterns.com
Umfasst: Blog/Trends, Use Cases
androidpttrns.com
Umfasst: inspirierende Beispiele
mobile-patterns.com
Umfasst: inspirierende Beispiele
pttrns.com
Umfasst: inspirierende Beispiele, iPhone
UI-Patterns für Smartphones und Tablets
inspired-ui.com
Umfasst: inspirierende Beispiele
UI-Patterns für PC (Web)
ui-pattern.com
Umfasst: Blog/Trends, inspirierende Beispiele, Use Cases, Community
patternry.com
Umfasst: HTML-Code, CSS-Code, Blog/Trends, Use Cases, Community
developer.yahoo.com/ypatterns
Umfasst: HTML-Code, CSS-Code, Blog/Trends, Use Cases, Community
quince.infragistics.com
Umfasst: inspirierende Beispiele, Use Cases, Community
designinginterfaces.com
Umfasst: inspirierende Beispiele, Use Cases
designingsocialinterfaces.com
Umfasst: inspirierende Beispiele, Use Cases
welie.com
Umfasst: inspirierende Beispiele, Use Cases
smileycat.com
Umfasst: inspirierende Beispiele
box.mepholio.com
Umfasst: inspirierende Beispiele
flickr.com/groups/namics_uipatterns
Umfasst: inspirierende Beispiele
webdesignpractices.com
Umfasst: inspirierende Beispiele, Forschungsergebnisse
geog.uoregon.edu/datagraphics
Umfasst: Use Cases, Spezialisierung auf Datengrafiken
UI-Patterns für Smartphones, Tablets und PC
UICloud.com
Umfasst: Blog/Trends, inspirierende Beispiele, HTML-Code, CSS-Code, jQuery, Community
patternbrowser.org
Umfasst: inspirierende Beispiele, Use Cases
cardstack.io
Umfasst: Card UI Design
patterntap.com
Umfasst: inspirierende Beispiele, Community
cs.helsinki.fi/u/salaakso/patterns
Umfasst: inspirierende Beispiele, Use Cases
uxporn.uxpin.com
Umfasst: Blog/Trends, inspirierende Beispiele
useyourinterface.com
Umfasst: inspirierende Beispiele
Dark UI-Patterns
darkpatterns.org
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.
apliki.wordpress.com 