SlideShare ist ein Scribd-Unternehmen logo
1 von 23
Entwicklung von Benutzeroberflächen für eine nachhaltige Informationsarchitektur: Von abstrakten Patterns zu wieder verwendbaren Interface- Komponenten Rupert Kiefl Head of User Interface Engineering Max Planck Digital Library (MPDL), 16. Mai 2009 Design und praktischer Einsatz von User Interface Patterns
Ausgangspunkt
Juni 2007 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Plan Juni 2007 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]
Marc Fornes / THEVERYMANY  14 Schermerhorn street, Apt10, Brooklyn, New York 11201, US
Struktur
Pattern orientierte Architektur
Abstrakte Pattern am Beispiel „Item List“ ,[object Object],[object Object],[object Object],[object Object],Beispiel: DD-L List Pattern Struktur ,[object Object],[object Object],[object Object],[object Object],[object Object],Systematik
Dekomposition … DD-L List Pattern DD-LH List Header DD-LB List Body Struktur
…  und Dokumentation ,[object Object],[object Object],[object Object],Struktur
Definition wiederkehrender GUI Elemente ,[object Object],[object Object],[object Object],[object Object],Interface Development ,[object Object],[object Object],[object Object],[object Object],Kommunikationsdesign ,[object Object],[object Object],[object Object],[object Object],Stakeholder ,[object Object],[object Object],[object Object],[object Object],Struktur
Gestaltung
Application Layout und Style Guide ,[object Object],[object Object],[object Object],Gestaltung
Ableitung von Style Guide Definitionen aus abstrakten Patterns DD-L List Pattern Style Guide Definition für Listen Gestaltung
Entwicklung
[object Object],[object Object],[object Object],[object Object],[object Object],XHTML, CSS, JavaScript (JQuery) Development
Dokumentation +  Referenzimplementierung ,[object Object],[object Object],[object Object],Development
Zusammenfassung Struktur: Abstraktes Pattern Gestaltung: Style Guide Definition Entwicklung: Komponenten
It works!
Ergebnis Ende 2008 (5 Patterns implementiert) http://qa-pubman.mpdl.mpg.de:8080/pubman/ http://pubman.mpdl.mpg.de
Ausblick: Erweiterung der Pattern Library … UI-03 Form Wizard ND-02 Bitmap Navigation ND-FS Format Selector UI-08 Timeline OL-D Dialogue OL-DR Details Report U ser  I nput N avigating  D ata O rganizing  L ayout
Because it’s neither the developer’s, nor the organization’s interface. It’s the user’s interface.
Diskussion ,[object Object],[object Object],[object Object],[object Object],[object Object]

Weitere ähnliche Inhalte

Ähnlich wie User Interface Patterns at IA09 Conference

Templates, Code & Tools
Templates, Code & ToolsTemplates, Code & Tools
Templates, Code & ToolsUlrich Krause
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010SharepointUGDD
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden BlendMartin Hey
 
UI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen GerätenUI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen GerätenRainer Gibbert
 
Domänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare SpezifikationenDomänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare SpezifikationenJens Nerche
 
DSpace as publication platform
DSpace as publication platformDSpace as publication platform
DSpace as publication platformredsys
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...Martin Blenkle
 
Webdesign Fachbegriffe
Webdesign FachbegriffeWebdesign Fachbegriffe
Webdesign Fachbegriffesascha assbach
 
IfN Studienarbeit Abschlusspres 18.9.2007
IfN Studienarbeit Abschlusspres 18.9.2007IfN Studienarbeit Abschlusspres 18.9.2007
IfN Studienarbeit Abschlusspres 18.9.2007derDoc
 
Metaprogrammierung und Reflection
Metaprogrammierung und ReflectionMetaprogrammierung und Reflection
Metaprogrammierung und ReflectionStefan Marr
 
Entity Framework Core - Der Umstieg auf Core
Entity Framework Core - Der Umstieg auf CoreEntity Framework Core - Der Umstieg auf Core
Entity Framework Core - Der Umstieg auf CoreNETUserGroupBern
 
amsl - Ergebnispräsentation der EFRE-Förderphase
amsl - Ergebnispräsentation der EFRE-Förderphaseamsl - Ergebnispräsentation der EFRE-Förderphase
amsl - Ergebnispräsentation der EFRE-FörderphaseBjörn Muschall
 
Using openArchitectureWare 4.0 in domain "registration"
Using openArchitectureWare 4.0 in domain "registration"Using openArchitectureWare 4.0 in domain "registration"
Using openArchitectureWare 4.0 in domain "registration"joergreichert
 
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-EntwicklungVielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-EntwicklungBenjamin Schmid
 
Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Jürg Stuker
 
eCopSoft Präsentation Sascha Rinne
eCopSoft Präsentation Sascha RinneeCopSoft Präsentation Sascha Rinne
eCopSoft Präsentation Sascha RinneWolfgang Reinhardt
 
ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...
ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...
ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...Aberla
 

Ähnlich wie User Interface Patterns at IA09 Conference (20)

Entwicklung von ILIAS touch und Erfahrungen
Entwicklung von ILIAS touchund ErfahrungenEntwicklung von ILIAS touchund Erfahrungen
Entwicklung von ILIAS touch und Erfahrungen
 
Templates, Code & Tools
Templates, Code & ToolsTemplates, Code & Tools
Templates, Code & Tools
 
Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010Dnug dresden blend 5. 5. 2010
Dnug dresden blend 5. 5. 2010
 
DNUG Dresden Blend
DNUG Dresden BlendDNUG Dresden Blend
DNUG Dresden Blend
 
GUIs mit Expression Blend
GUIs mit Expression BlendGUIs mit Expression Blend
GUIs mit Expression Blend
 
UI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen GerätenUI Design Patterns für Navigationssysteme auf mobilen Geräten
UI Design Patterns für Navigationssysteme auf mobilen Geräten
 
Domänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare SpezifikationenDomänenspezifische Sprachen für Ausführbare Spezifikationen
Domänenspezifische Sprachen für Ausführbare Spezifikationen
 
DSpace as publication platform
DSpace as publication platformDSpace as publication platform
DSpace as publication platform
 
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog... Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
Webpräsenz und Amazon und Google als Herausforderung? Webpräsenz und Katalog...
 
Webdesign Fachbegriffe
Webdesign FachbegriffeWebdesign Fachbegriffe
Webdesign Fachbegriffe
 
IfN Studienarbeit Abschlusspres 18.9.2007
IfN Studienarbeit Abschlusspres 18.9.2007IfN Studienarbeit Abschlusspres 18.9.2007
IfN Studienarbeit Abschlusspres 18.9.2007
 
Metaprogrammierung und Reflection
Metaprogrammierung und ReflectionMetaprogrammierung und Reflection
Metaprogrammierung und Reflection
 
Entity Framework Core - Der Umstieg auf Core
Entity Framework Core - Der Umstieg auf CoreEntity Framework Core - Der Umstieg auf Core
Entity Framework Core - Der Umstieg auf Core
 
Analyse-Methodik
Analyse-MethodikAnalyse-Methodik
Analyse-Methodik
 
amsl - Ergebnispräsentation der EFRE-Förderphase
amsl - Ergebnispräsentation der EFRE-Förderphaseamsl - Ergebnispräsentation der EFRE-Förderphase
amsl - Ergebnispräsentation der EFRE-Förderphase
 
Using openArchitectureWare 4.0 in domain "registration"
Using openArchitectureWare 4.0 in domain "registration"Using openArchitectureWare 4.0 in domain "registration"
Using openArchitectureWare 4.0 in domain "registration"
 
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-EntwicklungVielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
Vielfalt vs. Abstraktion - Der Jakobsweg der modellbasierten GUI-Entwicklung
 
Top 10 Internet Trends 2001
Top 10 Internet Trends 2001Top 10 Internet Trends 2001
Top 10 Internet Trends 2001
 
eCopSoft Präsentation Sascha Rinne
eCopSoft Präsentation Sascha RinneeCopSoft Präsentation Sascha Rinne
eCopSoft Präsentation Sascha Rinne
 
ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...
ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...
ESEconf2011 - Trost Joachim: "Tool supported technical Code and Design Qualit...
 

User Interface Patterns at IA09 Conference