Difference between revisions of "Interface Concept: Persistent Header"

From MPDLMediaWiki
Jump to navigation Jump to search
m (New page: {{Template:TemplateUIE_Activities}} <div style="float:left; width:70%; margin-bottom:3em;"> Every header has special elements or patterns: * LogIn / LogOut * Logo * Meta Navigation * Sea...)
 
 
Line 73: Line 73:
</div>
</div>
[[Image:optimalsol.jpg|center|Paginator]]
[[Image:optimalsol.jpg|center|Paginator]]
[[Category:Interface Concepts|Patterns for the Header]]
[[Category: User Interface Engineering]]

Latest revision as of 10:19, 17 May 2011

Every header has special elements or patterns:

  • LogIn / LogOut
  • Logo
  • Meta Navigation
  • Search
  • Bread Crumb

These patterns have a position users be familar with.



LogIn / LogOut[edit]

Is only interesting for people appoint or edit the content. For example the depositer. Before they can start their work they have to be logged on the system. After finishing a session they have to be logged out. You find this part of the Header on the top.


Paginator


[edit]

It's the signet of a firm or institut for example. You find this part of the Header on the left.

Paginator

Meta Navigation[edit]

Include a service which give you information about the institute, developer ... of the application, FAQ's, a general help and the possibility to resize the font. You find this part of the Header on the right.


Paginator


Search[edit]

This task include a simple search with the possibility to search in files. Besides this function it links to the 'advanced search' and 'browse by organization'. You find this part of the Header in the center of every page.

Searching is an important use case of the PubMan solution and therefore this function needs to be positioned prominently.


Paginator


Bread Crumb[edit]

To have an overview about the current location and the possibility to change in an other, higher directories. You find this part of the Header below the Logo.


Paginator


Overlapping[edit]

Sometimes the elements are overlapping.

Paginator

We looked for the optimal solution for every pattern. For Example: We don't know how long the pattern "breadcrumb" is. So we take the whole row for it.


Paginator


Paginator


Solution[edit]

At this time we don't know exactly the content of the patterns "search" and "metanavigation". We're going to define it on the fly.

Paginator