|
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 | ||||||||||||||