Version 6 (modified by teemu, 14 years ago) (diff)


Toolbox Human Interface Guidelines


  • No pop-up windows.

Interaction Design

User Input

All user input made with forms that are filled up (add content, tools, etc.) are individual pages without any navigation. All the options available are "add" or "cancel".

User Feedback

All error feedback are explaining what went wrong and what the user should try next. No "generic error" messages. All error feedback pages are individual pages without any navigation.

Less is more: We may use hierarchies but no "drop-down" menus.


Less is more: All icones used must help user to recognize fast (faster than reading) what is the function about. Icons can be used for coding content (compare colour coding), not to decorate.

Layout and Appearance

Screen Layout

  • Hybrid layout: liquid header and fixed width content (760 px). Teemu's comment: what about mobile browsers? Will there be another style sheets for mobile devices where the UI scalable?
  • Screen layout must work without horizontal scrolling at 800x600. Screen layout must look best at 1024x768.
  • Screen layout is based on XHTML tables. This will guarantee, that the layout works in all major browsers released in last 5 years.

Fonts and Text


Accessibility and Web Standards



  • All the pages must have XHTML 1.0 Transitional doctype.
  • Deprecated HTML 4.01 elements can not be used. A deprecated element or attribute is one that has been outdated by newer constructs. Deprecated elements may become obsolete (not supported by browsers) in future. These elements include <b>, <u>, <i> and others.

Flash, Javascript and other non-W3C standards