My Design 4 U
web design and hosting
Welcome
About Us
Software
Rates and Pricing
Web Design
Principles
Design Process
Analysis
Design
Development
Test
Implement
Consulting
eCommerce
Infrastructure
Site Planning
Web Hosting Services
Technical Support
Contact Us
You are here:
Home
/
Web Design
/ Principles
Principles
Design in a collaborative environment
Design what delights you as a user. The design process is cyclical
Design sites that link human mind maps with web mind maps
Design in the attention space
Text and graphics work differently on the web
Tell them who you really are
Tell all internal users what you value
Include content in sound, motion, animation, or video to enrich the user’s experience
Provide a repeating element throughout your web site
Make sure you use color contrast for readability
Find out how people think, and design to their needs and desires
At the very least, concentrate on what the user’s brain expects to experience at each wb
Logic must prevail at a site. It is the largest contributor to ease of use
Allow users to email with questions and challenges. Then, answer them
Limit the number of items in the foreground
Use blinking text in the foreground only when there isn’t conflict with other content
Use only one motion item per page where text is the primary communication method
Place descriptive text before memory-intensive graphics
Pause animation to allow the reader to read the text
Marquees must scroll in the direction of the language they’re written in. English scrolls from left to right, top to bottom
Use the middleground (MG) to support the foreground (FG)
Use small, colored graphics to show the organization of your site
Be prepared for different cultural interpretations
Limit the number of colors use in text and figures to 4
Group text into meaningful blocks to call attention to them quickly
Middleground text provides the wisdom of your site
Transition users from linear book model to the multidimensional web
Use fonts as graphical images for now. Wait for the browsers to catch up
Don’t use more than a word or two of uppercase letters in a row. Don’t Shout
Use nouns and verbs to focus on concrete action. The user wants to perform
Keep backgrounds elegant; less is more
Use background graphics for branding
Design for the future. Users will adapt fast.
Perform as much analysis as possible for the user to save his time
Tables speed up the process of analysis.
Textual graphics load faster and provide input more quickly to the reader.
Design web sites knowing the user will act upon the information in som eway.
Keep logos to one-fourth of the top of the page. Put full-size logos at the bottom or use a miniaturized version of the logo as a bullet.
Name links and graphics uniquely, descriptively, and short.
Place text before memory-intensive graphics.
Add a spontaneous tangent to trigger unconscious thought.
If you build the spot that fits their mind map, users will buy from you.
Constantly improve your site with better information.
Use modern language to communicate with the user, but avoid jargon.
Design for a reasonable common denominator, 500-550 pixels wide, 64 colors preferred, to 220 colors maximum.
Layout the most important content in the first vertical 300 pixels.
Be blatant when developing for the computer neophyte audience.
Develop a more linear site for the novice user.
Create more variety in the links and graphics for an experienced audience.
When using mailto: include the email address visibly so that people who don’t have mailto: capability can still respond.
Create a navigational control panel for all HTML pages.
Items may change from page to page. Keep the items positionally constant.
Provide Tables of Content at top of page for long content pages.
Limit paragraph size.
Use wide margins.
Mix short and long thoughts.
Make distinct contrast changes.
Keep high-contrast text short.
Create different visual blocks.
Punctuate a page with 30 percent brightness changes.
Give all the pages a common look and feel.
Give the pages common objectives.
Define a standard size for your margins and implement it.
Use tables to create adequate margins.
Use visually identifiable delimiters between the links.
Meta
Log in
Entries
RSS
Comments
RSS
WordPress.org
September 2010
S
M
T
W
T
F
S
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30