DEFINING PROJECT GOALS What is the purpose of your web site? |
||||||||||||||
DETERMINING YOUR SITE'S GOALS In most cases this will be determined by consulting with your project client(s). Ask your client why he or she wishes to create a website. What concrete goals will the website be designed to fulfill? |
||||||||||||||
content-related goals | other goals | |||||||||||||
+ | to promote or sell a product or service | + | easily updated | |||||||||||
+ | to share information | + | expandable | |||||||||||
+ | give product support (FAQs) | + | easy to use | |||||||||||
+ | provide a resource for researchers | + | integration with an existing system | |||||||||||
+ | provide information that complements another product (CD-ROM) | + | provide for a prolonged or quick browse | |||||||||||
+ | to tell a story | + | portability | |||||||||||
+ | to provide course materials/assignments | + | multi-platform and browser compatible | |||||||||||
HOW GOALS DRIVE DESIGN The goals specified by your client will directly impact the shape of your design solution. What you must ask yourself is whether or not a design concept moves closer to the project goals. Consider the following suggestions relating intentions for a user and design characteristics (adapted from Kristof and Satran, Interactivity by Design, p. 12.). |
||||||||||||||
+ | to learn or retain | clarity, simplicity, directness, repetition and reinforcement; modular breakdown of information into short presentations; testing and remediation where appropriate | ||||||||||||
+ | to have fun | variety, surprises, randomness, and wit; un predictable events that change each time the product is used | ||||||||||||
+ | to understand | conceptual explanations; "how it works" illustrations and video; graphs, charts, simulations | ||||||||||||
+ | to create an experience | high level of interactivity, immersive environment; significant user control of actions and events; realistic sights and sounds | ||||||||||||
+ | to act or buy | well-defined features and benefits; a clear representation of options; interactive forms | ||||||||||||
+ | to get answers | reference style organization; fast access; searchable index of contents | ||||||||||||
COLOR AND ITS ASSSOCIATED MEANINGS A major contributor to the effect a design solution will have upon a user is determined by color choices (mood lighting). Here is a rough sketch of common meanings associated with specific colors: |
||||||||||||||
white | virginal, clean, pure, cold, stark, innocent | |||||||||||||
black | evil, death, ghostly, serious, fear, mourning, night, secretive, slick | |||||||||||||
gray | neutral, overcast, gloomy, aged, passive | |||||||||||||
red | hot, error, stop, aggression, fire, lush, daring, confidence | |||||||||||||
pink | female, cute, sweet | |||||||||||||
orange | warm, autumnal | |||||||||||||
yellow | happy, sunny, cheerful, caution, under construction (w/ black) | |||||||||||||
brown | warm, autumnal, earthen | |||||||||||||
green | envy, jealousy, pastoral, fertility, novice | |||||||||||||
blue | peaceful, water-related, male, sad | |||||||||||||
purple | royal, rich, lush | |||||||||||||
EXAMPLES: DESIGN FIRMS | ||||||||||||||
+ | Metadesign | minimal information on a page, austere layout, clarity, rich and vibrant, serious, confident | ||||||||||||
+ | Informatics | linear, visually rich, playful, cool-tone color scheme | ||||||||||||
+ | Fitch | austere, non-linear, engaging, witty, cool-tone color scheme | ||||||||||||
EXAMPLES: COMPUTER RELATED COMPANIES | ||||||||||||||
+ | Macromedia | appeals to the sophisticated user, show abilities of Macromedia products by example, slick design-interaction-color schemes | ||||||||||||
+ | Apple | playful, colorful, friendly, simple, visually engaging | ||||||||||||
+ | SGI | high-tech, slick design, visually dynamic | ||||||||||||
EXAMPLES: AUTOMOTIVE AND MOTORCYCLE COMPANIES | ||||||||||||||
+ | Volkswagen | engaging, colorful, playful, primary color scheme | ||||||||||||
+ | Harley | simple and clear, black, black and more black, no nonsense | ||||||||||||
+ | Ducati | simple and clear, slick design, rich red color scheme, racy shapes | ||||||||||||
EXAMPLES: FINANCIAL INSTITUTIONS | ||||||||||||||
+ | H&R Block | passive colors, clean and clear, straight lines and right angles | ||||||||||||
+ | J.P. Morgan | passive colors, no nonsense, straight lines and right angles, formal and rigid | ||||||||||||
EXAMPLES: MUSEUMS | ||||||||||||||
+ | MOMA | austere, neutral colors, clean and clear, straight lines and right angles, grid system, san serif typeface | ||||||||||||
+ | Guggenheim | neutral colors, clean and clear, active, dynamic presentation, grid system | ||||||||||||
+ | MNH | neutral colors, clean and clear, san-serif typeface, grid system | ||||||||||||
close | ||||||||||||||