UIE Work/Corporate & Interface Design

From MPDLMediaWiki
Jump to navigation Jump to search

http://colab.mpdl.mpg.de/mediawiki/images/5/5a/Virr_Media_TypeMonographie_31_Hover.gif Interface Style Guide and Application Layout[edit]

Interface Skins[edit]

Style guide definitions distinguish positions and dimensions of elements from look and feel. The visual appearance is to a great extend separated as CSS and can be changed without influencing the functionality of interface components.

http://colab.mpdl.mpg.de/mediawiki/images/5/5a/All_Status_FolderMy_31_Hover.gif SVG Open Icon Library[edit]

For interfaces developed by UIE an icon library has been designed. The library can be easily adapted to an institutes look and feel. It is based on the the SVG standard and can be configured in terms of fill, stroke and background color.

http://colab.mpdl.mpg.de/mediawiki/images/5/5a/Virr_Media_TypeCollection_31_Hover.gif Corporate & Interface Design[edit]

The following list showns examples only. They are not documented in detail here.


http://colab.mpdl.mpg.de/mediawiki/images/5/5a/Virr_Visibility_EyeTrue_15_Hover.gif Usability Evaluation[edit]

Thinking Aloud[edit]

Interviews (ViRR Release 3)[edit]