User Interface Engineering

From MPDLMediaWiki
Revision as of 14:03, 19 September 2011 by Rkiefl (Talk | contribs)

(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search


Interface Conception & DesignUser Interface EvaluationInterface Development

Pattern Library

Publication Management

Digitization Lifecycle

Research- and Metadata Handling

Usability Report

Corporate & Interface Design (under Rework)

Page Index

User Interface Engineering is to design interfaces with the focus on the user's experience and interaction. The goal is to make solutions as simple and efficient as possible.

Our Goals

UIEUser Interface Engineering-Process

User Interface Engineering (UIEUser Interface Engineering) shapes usability, accompanying all phases from requirements to specification and productive deployment. The UIEUser Interface Engineering Team actively participates in the release process of applications, with influence on scope, design and implementation.

The approach aims at establishing a 'Usability Engineering Lifecycle'[1] for interfaces developed at the Max Planck Digital Library. The first interfaces to go through a complete life cycle is the eSciDoc publication management solution (PubManPublication Management). Interfaces for digital collections of books and images are addressed as well.

A long term goal is to balance design, (user) performance and accessibility as far as possible because interfaces need to reflect also the cultural and organizational affiliation. For web applications browser compatibility is considered as well.

Because it’s neither the developer’s, nor the organization’s interface. It’s the user’s interface.

Fields of work

Our fields of work are structured in some more technical and other more visual oriented…

Interface Analysis & Evaluation

Detailed evaluation of the human machine interface is an effective method for designing a better user experience. Modern web applications are expected to deliver a high degree of usability. User participation within the development process is essential to meet those expectations. To balance the developer’s perspective, proven methods such as workshops and usability tests are applied to ensure the necessary degree of user participation in interface development.

Interface Conception & Design

From early drafts to productive use, each interface is designed and visualized using interface prototypes to provide an outlook on the solution at an early point in time. Short iteration cycles enable usability evaluation right from the beginning. Optimized information architecture and navigation can be designed in close cooperation with users, making usability more predictable.

Interface Development

Within the institutes of the Max Planck Society there are many different needs for new or improved software solutions. It is almost impossible to build individual GUIs on top of them. Interfaces developed by UIEUser Interface Engineering use basic patterns, based upon a style guide for web applications. As far as possible, new services are built on reusable components[2], so that new interface elements will be implemented along with proven ones. Every component has a defined pattern, css definitions[3] and (JavaScript) behaviour and is documented in detail.


To make sure that we find out the needs of the user we have to involve him before we start and when we finished our work we control the result.

Inquirie Testing Inspection
Expert Interviews: "Rapid Control Prototyping"[4] and "Paper Prototypes" Thinking Aloud Interviews: "Thinking Aloud"[5] Cognitive Walkthroughs
UIEUser Interface Engineering Workshops: "Card Sorting"[6] and "Wireframes"[7] Zelle C2
Zelle C3


  • Expert Interviews: "Rapid Control Prototyping"[8] and "Paper Prototypes"
  • UIEUser Interface Engineering Workshops: "Card Sorting"[9] and "Wireframes"[10]


  • Thinking Aloud Interviews: "Thinking Aloud"[5]


  • Cognitive Walkthroughs


Some working results…

Pubman6 screenshot list.png

Publication Management

(PubManPublication Management R4)

FACES 3.jpg

Metadata &

Image Handling

Digitization Lifecycle

Digitization Lifecycle

Uie visual.png


  1. Deborah J. Mayhew (1999): The Usability Engineering Lifecycle. A Practitioner's Handbook for User Interface Design. Morgan Kaufmann
  2. Wikipedia on Reusability
  3. The World Wide Web Consortium page on CSS
  4. Wikipedia on Prototyping
  5. 5.05.1 Wikipedia - Comparison of Usability Methods
  6. FH JOANNEUM Gesellschaft mbH zu Testverfahren
  7. Wikipedia on wireframes, The Wireframes Magazine
  8. Wikipedia on Prototyping
  9. FH JOANNEUM Gesellschaft mbH zu Testverfahren
  10. Wikipedia on wireframes, The Wireframes Magazine