Usability Institue Logo- A bolt that can be fastened with any of 4 tools
PicoSearch
Reducing Training to Its Sensible Minimum: Zero...
Inexpensive, Independent Usability Consulting by Jack Bellis
Home Page- List of All Content Home Page- All content, in date order Resources: page describing tools you can use Morsels: just our short articles and blurbs Just our Before&After Articles About: details on who I am and what I do Address, phone, number,  and so on
Contact me for a FREE usability review!
 

GenericUI from UsabilityInstitute.com,
a Reusable Shareware Design for Web-Based Applications

What?   It's a style sheet, visual design, and artwork for software developers to use, to get a common look-and-feel for Web-based software applications. It can certainly be used for "content-centric" sites and pages but it's specifically intended for the presentation of data and functions.
Who?  

It's from a usablility nut who provides independent usability consulting service.

It's for anyone who makes software applications presented in a Web browser, from students and hobbyists to the largest corporations in the world. Please don't be embarrased to use it, you're saving money and enhancing usability... it's not theft, cheating, uncreative

Why?   You're wasting time and money by starting a design from scratch, and you're also asking your users to learn a new interface if you create on. When you try to design a Web application interface from scratch, it is equivalent to retracing the last 11 years of Windows/Mac user interface design. You can't do it on a project basis. All you are really doing is finding out all of the things you haven't thought of.
How?   Look over the pages to understand them and download the zip file.
How Much?  

For non-commercial use and for indefinite trial use whether commercial or not, it's completely free. Please spread the word by including our linked icon.

If you use it on a commercial system that collects revenue, at the time you collect revenue please pay our shareware fee of US$150.00. This is expected to save you thousands of dollars of equivalent user interface design work.

Icons

Purpose Filename Image
Undo undo.gif  
Refresh, reset refresh.gif
     
     

 

  tdhead   tdHeadVertLine  
    tdheadCenter   tdHeaderSelected
         
  tdBottomSeparator      
         
  tdBottomSeparatorLeftVert   tdBottomSeparatorCentered  
         
         
trYellow      
trLightblue      
trYellow      
trLightblue      
trYellow      
trLightblue      
         
         
  trBlueMedium      
  trYellow      
 
<td.tdheadCenter>
Info Box

<p.txtInfoBoxCenter>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

 

  tdhead   tdHeadVertLine  
    tdheadCenter   tdHeaderSelected
         
  tdBottomSeparator      
         
  tdBottomSeparatorLeftVert   tdBottomSeparatorCentered  
         
         
trYellow      
trLightblue      
trYellow      
trLightblue      
trYellow      
trLightblue      
         
         
  trBlueMedium      
  trYellow      

 

<td.tdheadCenter>
Info Box

<p.txtInfoBoxCenter>
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet

 

[+] Expand All [-] Collapse All

     
Grouped Columns
tdHead   tdHeadVertLine tdHeadVertLine
[+] Row      
 
tdHeadSub tdHeadSubCenter column 3
td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td td
Column data Column data Column data
     
         
  trYellow      
  trLightblue      
  trYellow      
  trLightblue      
         
         
  trBlueMedium      
  trYellow      

 

Tables

 

table default style
row
row

 

tableSideMargins
row
row

 

tableBorderAround
table data
 

 

tableBorderAroundWarning  
txtWarning Do not do that!  
row  

 

tableLightBlueBorder
row
row

 

tableLightBlueBorderSideMargins
row
row

 

tableBorderBelow
row
 

Built-In HTML Elements

 
body  

link (a, a:hover, a:active, a:visited)

 

input:

textarea:

txtHeadingMajor  
txtHeadingMinor  

txtSupportingInfo

 

txtSupportingInfoCenter

 

txtWarning

 
   
txtFieldCaptions:
txtRequiredFieldIndicator* txtFieldCaptions:

inputReadOnly:

  tdButton
td mmmmmmmmmmm mmmmmmmmmmm mmmmmmmmm mmmmmmmm mmmmmmmm mmmmmmmmmm mmmmmmmmmmmmmm mmmmmmmmmm  

hr:


ul:

  • List Item 1
  • List Item 2

ol:

  1. Ordered list item 1
  2. Ordered list item 2

img:



 

Colors
#A3C1E0    
#eeeeee    
#003366    
#eff7ff    
#fff7e5    
#CC0000    
#006699    
     

 

 


"My interest in usability arose from the pain and tears of patching the wounds of suffering interface designs with the inadequate bandages of help files and user guides." — Daniel Cohen
Contact me for a FREE usability review!

© 2002, UsabilityInstitute.com   All Rights Reserved    jackbellis@hotmail.com
Any and all content may be reused without prior consent if you simply acknowledge the source, UsabilityInstitute.com