|
|
|
|
|
|
|
|
|
|
|
|
|
|
How to use UI standards to cut your Notes development time by 15% or more (continued)
At Tactica, we've created formal definitions for the Lotus Notes design elements shown in the tables below. You should use these as a starting point for your own set of standards. Table A, for example, shows where we've defined standards for Notes forms.
| Notes Forms |
Color |
Font |
Effects / Comments / Other |
| Form Background |
X |
- |
|
| Section Titles |
X |
X |
|
| Field Labels |
X |
X |
Justification, required field indicator |
| Data Fields |
X |
X |
|
| Collapsible Section Titles |
X |
X |
|
| Collapsible Section Border |
X |
- |
Line style (single, double, box) |
| Collapsible Text |
X |
X |
|
| Table Headers |
X |
X |
Border?, if so the style |
| Table Rows |
X |
X |
|
| Table Borders |
- |
- |
Border style and line thickness |
| Action Bar |
X |
- |
Divider line?, if so line style and color |
| Action Button Icons |
- |
- |
Standard icons for edit, close, save, etc. |
| Pop-up help fields |
- |
- |
Inclusion or separate help documents |
| Hidden Fields |
- |
- |
Suggest red or dark red to stand out |
We also defined standards for views and folders, as you can see in Table B.
| Views and Folders |
Color |
Font |
Other / Comments |
| View Background Colors |
X |
- |
|
| Alternating Row Color |
X |
- |
|
| Column Heading |
X |
X |
|
| Sorted Columns |
X |
X |
Special column color to indicate sorting? |
| Other Columns |
X |
X |
|
| Use of Calendar Views |
X |
- |
Icons, subject line contents |
| System & Hidden Views |
X |
X |
Use of "(" and $ to indicate system |
| Action Bar |
X |
- |
Divider line?, if so line style and color |
| Action Button Icons |
- |
- |
Standard icons for edit, close, save, etc. |
We've even gone so far as to specify the font, color, size, and style for categorized columns. Table C shows you what we've decided on.
| Categorized Columns |
Font |
Size |
Color |
Effects |
| 1st Categorized Column |
Helv. |
12 pt. |
Maroon |
Bold |
| 2nd Categorized Column |
Helv. |
10 pt. |
Dk Blue |
Bold |
| 3rd Categorized Column |
Helv. |
10 pt. |
Maroon |
Bold |
| 4th Categorized Column |
Helv. |
10 pt. |
Maroon |
Regular |
We also decided on the effects we wanted for different aspects of our navigators. Check out Table D to see what we decided.
| Navigators |
Effect |
| Colors supported |
Maximum Minimum number of colors |
| Highlight color |
Also, behavior and line style |
| Button Color |
Style, shape, bevel depth |
| Overall appearance |
Auto adjust panes at runtime? |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
-- Advertisement --
Sophisticated Meets Simple For Document Management
Share. Control. Manage.
Documents, emails, and content in the context of how work is done.
Native to Lotus Domino. The User Experience unseen for Lotus Domino.
Do more with less. Really.
See the possibilities Docova unleashes for Lotus Domino. |
-- Advertisement --
Teamstudio Edition 25 has shipped
It's finally here! Now that Teamstudio Edition 25 has shipped, listen to our latest Tool Time audio program to find out what's changed. Updates to all your favorite Teamstudio tools will be discussed.
Plus, you'll get an introduction to Teamstudio Undo (formerly known as Teamstudio Snapper).
Tap here to get started! |
|
|
|
|
|
|
|
|
|
|
