|
|
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 |
 |
|
|
|
|
|
|
|
|
<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 |
|
<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
Tables
table default style |
row |
row |
tableBorderAround |
table data |
|
txtWarning Do not do that! |
|
row |
|
tableLightBlueBorder |
row |
row |
tableLightBlueBorderSideMargins |
row |
row |
hr:
ul:
ol:
- Ordered list item 1
- Ordered list item 2
img:

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