Difference between revisions of "User Interface Engineering"

From MPDLMediaWiki
Jump to navigation Jump to search
m
Line 31: Line 31:
===Applied Evaluation Method Types===
===Applied Evaluation Method Types===


===Testing===
Testing


* Thinking Aloud Interviews: "[[User_Interface_Evaluation#Usability_Interviews_.28Thinking_Aloud.29|Thinking Aloud]]"<ref name="Thinking Aloud">[http://en.wikipedia.org/wiki/Comparison_of_usability_evaluation_methods Wikipedia - Comparison of Usability Methods]</ref>
* Thinking Aloud Interviews: "[[User_Interface_Evaluation#Usability_Interviews_.28Thinking_Aloud.29|Thinking Aloud]]"<ref name="Thinking Aloud">[http://en.wikipedia.org/wiki/Comparison_of_usability_evaluation_methods Wikipedia - Comparison of Usability Methods]</ref>


===Inquiries===
Inquiries


* Expert Interviews: "Rapid Control Prototyping"<ref>[http://de.wikipedia.org/wiki/Rapid_Control_Prototyping Wikipedia on Prototyping]</ref> and "Paper Prototypes"
* Expert Interviews: "Rapid Control Prototyping"<ref>[http://de.wikipedia.org/wiki/Rapid_Control_Prototyping Wikipedia on Prototyping]</ref> and "Paper Prototypes"
Line 41: Line 41:




===Inspections===
Inspections


* Cognitive Walkthroughs regularly
* Cognitive Walkthroughs





Revision as of 12:38, 21 December 2010

Welcome to UIE[edit]

UIE-Process

Human Centered Design

User Interface Engineering (UIE) shapes usability, accompanying all phases from requirements to specification and productive deployment. The UIE 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 (PubMan). 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.

UIE Fields of work[edit]

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.

User Interface 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.

Applied Evaluation Method Types[edit]

Testing

Inquiries

  • Expert Interviews: "Rapid Control Prototyping"[3] and "Paper Prototypes"
  • UIE Workshops: "Card Sorting"[4] and "Wireframes"[5]


Inspections

  • Cognitive Walkthroughs


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 UIE use basic patterns, based upon a style guide for web applications. As far as possible, new services are built on reusable components[6], so that new interface elements will be implemented along with proven ones. Every component has a defined pattern, css definitions[7] and (JavaScript) behaviour and is documented in detail.

INTERFACE WORK
R4.1 Easy Submission de.png

Publication Management

(PubMan R4)

FACES 3.jpg

Metadata &

Image Handling

Digitization Lifecycle

Digitization Lifecycle



References[edit]