Difference between revisions of "User Interface Patterns"

From MPDLMediaWiki
Jump to navigation Jump to search
 
(29 intermediate revisions by 2 users not shown)
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:
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 ==
== 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 ==
== 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 ==
== 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]]

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