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.