Difference between revisions of "User Interface Patterns"

Latest revision as of 08:24, 17 May 2011

APPLICATION AREAS
Home Interface Conception & Design User Interface Evaluation Interface Development
PROJECTS
Pattern Library Publication Management Digitization Lifecycle Research- and Metadata Handling Usability Report Corporate & Interface Design (under Rework) Page Index
edit

These abstract patterns here are an exemplary pullout only:

Organizing Layout and Display

OL-Application Layout

OL-D Dialogue

OL-DR Details Report

OL-HB Header Big

OL-HS Header Small

Display Data

DD-LH List Header

DD-LB List Body

DD-VB View Item Body Media

Navigating Data

ND-PA Paginator Extended

Navigating Functionality

DD-LH List Header

User Input

UI-SS Simple Search

UI-IG Input Group

UI-FW Form Wizard

@@ Line 1: / Line 1: @@
+{{Template:TemplateUIE_Activities}}
+<div style="float:left; width:70%; margin-bottom:3em;">
 These abstract patterns here are an exemplary pullout only:
+<div style="clear:both;">
+== Organizing Layout and Display ==
-== Organizing Layout and Display ==
+[[Image:OL-Application Layout.png|left|frame|OL-Application Layout]]
+[[Image:OL-D Dialogue.png|left|frame|OL-D Dialogue]]
+[[Image:OL-DR Details Report.png|left|frame|OL-DR Details Report]]
+[[Image:OL-HB Header Big.png|frame|left|OL-HB Header Big]]
-[[Image:OL-Application Layout.png|center|frame|50px|OL-Application Layout]]
+[[Image:OL-HS Header Small.png|frame|left|OL-HS Header Small]]
-[[Image:OL-D Dialogue.png|OL-D Dialogue]]
-[[Image:OL-DR Details Report.png|OL-DR Details Report]]
-[[Image:OL-HB Header Big.png|center|OL-HB Header Big]]
-[[Image:OL-HS Header Small.png|center|OL-HS Header Small]]
+</div>
+<div style="clear:both;">
 == Display Data ==
-[[Image:DD-LH List Header.png|center|DD-LH List Header]]
+[[Image:DD-LH List Header.png|left|frame|DD-LH List Header]]
-[[Image:DD-LB List Body.png|center|DD-LB List Body]]
-[[DD-LM List Body Media Component.png|center|DD-LM List Body Media Component]]
+[[Image:DD-LB List Body.png|left|frame|DD-LB List Body]]
-[[Image:DD-LM List Entry Mixed.png|center|DD-LM List Entry Mixed]]
-[[Image:DD-VI View Item.png|center|DD-VI View Item]]
+[[Image:DD-LM List Body Media Component.png|left|frame|DD-VB View Item Body Media]]
-[[Image:DD-D Detail Media.png|center|DD-D Detail Media]]
+</div>
+<div style="clear:both;">
 == Navigating Data ==
-[[Image:ND-PA Paginator Extended.png|center|ND-PA Paginator Extended]]
+[[Image:ND-PA Paginator Extended.png|left|frame|ND-PA Paginator Extended]]
+</div>
+<div style="clear:both;">
 == Navigating Functionality ==
-[[Image:NF-HS Horizontal Menu Set.png|center|DD-LH List Header]]
+[[Image:NF-HS Horizontal Menu Set.png|left|frame|DD-LH List Header]]
+</div>
+<div style="clear:both;">
+== User Input ==
+[[Image:UI-SS Simple Search.png|left|frame|UI-SS Simple Search]]
+[[Image:UI-IG Input Group.png|left|frame|UI-IG Input Group]]
+[[Image:UI-FW Form Wizard.png|left|frame|UI-FW Form Wizard]]
+</div>
+[[Category: User Interface Engineering]]