2. CMS Objectives
In this chapter, you will learn:
o Define the goal of a project
o Define the objective of a project
o Identify the needs of the target audience
o Develop audience profile
3. Objective Definition
The initial step in the development of a solid
design plan is to define the purpose of your
Web site.
To formulate this definition, you need to
determine the goals and objectives for your
site.
4. 1A. Determine Your Goals
• Goals are the results you want your Web
site to accomplish in a specific time frame
o GOAL: communicate information, educate,
entertain, or sell a product or service
o TIMEFRAME: reflect a realistic time frame, which
can range from weeks, to months, to years
5. 1B. Determine Your Objectives
The methods to be utilized to accomplish
the goal
6. 1B. Determine Your Objectives
A purpose statement is a written explanation
of a Web site's overall goals and the specific
objectives that will be utilized to achieve the
stated goals
7. 2. Identify the Audience
• How old are they?
• What is their age range?
• What is their gender?
• What are their educational backgrounds?
• What careers, income levels, and
lifestyles do they have?
8. 2. Define the Needs of Your Audience
• What are they expecting to gain from your
Web site?
• Do they need quick facts or in-depth
explanations?
• Do they have any biases?
• Are they experienced Web users?
• Are they international — requiring
research of cultural differences, norms,
and customs?
9. 2. Develop the Audience Profile
• Identify what you believe to be your
audience's top two or three needs.
• May decide to designate additional
resources to meet additional audience
needs
• Gather feedback
10. 3. Plan the Content
• Consider the different types of content
that you could include in your Web site
o include text
o photographs
o animation
o video
o audio
o dynamically generated content
11. 4. Perform Research
The goal of the research process is to
produce new knowledge
o Exploratory research,
• structures and identifies new problems
o Constructive research,
• develops solutions to a problem
o Empirical research,
• tests the feasibility of a solution using empirical
evidence
12. 4. Perform Research
The goal of the research process is to
produce new knowledge
o Exploratory research,
• structures and identifies new problems
o Constructive research,
• develops solutions to a problem
o Empirical research,
• tests the feasibility of a solution using empirical
evidence
13. 4. Perform Research
Distinct Type:
o Primary research
o Secondary research
Research is often conducted using the
hourglass model
14. Nielsen’s Usability Heuristics
1. Visibility of system status
2. Match between system and the real world
3. User control and freedom
4. Consistency and standards
5. Error prevention
15. Nielsen’s Usability Heuristics
1. Recognition rather than recall
2. Flexibility and efficiency of use
3. Aesthetic and minimalist design
4. Help users recognize, diagnose, and recover
from errors
5. Help and documentation
16. Web Site Usability Checklist
1. Design a clear and simple navigation
system
o Where am I?
o Where have I been?
o Where can I go?
17. Web Site Usability Checklist
Basic Elements
1. Keep it consistent
2. Use appropriate text inside links
3. Use CSS to emphasize text links
4. Always include text links
5. Add a text-based site map
6. Include a home page link
7. Site logo links to home page
8. Include a site search box
18. Web Site Usability Checklist
2. Keep the content clear and simple
Present your content with humans in mind
1. Don't save the best for last
2. Make page content easy to scan
3. Avoid using text inside images whenever
possible
4. Add ALT and TITLE attributes to all images
5. Contrast, contrast, contrast!
19. Web Site Usability Checklist
3. Support your brand
Pay close attention to page design and layout
1. Keep colors and typefaces consistent
2. Keep page layout consistent
3. Custom error page
4. Create a good tagline and use it on every page
20. Web Site Usability Checklist
4. Provide for visitor feedback
Forms are critical to the success of websites
1. Keep feedback forms short
2. Remember your international users
3. Present complete contact information
21. Web Site Usability Checklist
5. Test the site on real users
Get user feedback
1. Replicate the experience of the average Web
site user
2. correct problems before online visitors find them
3. Do visitors enjoy using the site?
4. Do they understand the purpose of the site?
5. Is there any incentive to return after the first
visit?
6. Can they recover from errors?
22. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
1. 10 potential problem areas
• Know the monthly bandwidth limits
• Know the cost for extra bandwidth each month
• Read and understand the Terms of Service
• Verify the amount of server storage allowed
• Understand the policy regarding scripts
• Verify database access and ecommerce shopping cart
access
• Confirm your access to server logs
23. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
2. Check your page load speed
• Home page downloads within 10 seconds or less.
• Internal pages download within 15 seconds or less.
• Page load time checked using HTML Toolbox's
Load Time Check tool.
24. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
3. Let users contact you
• Contact link to the webmaster at bottom of every page.
• "Contact Us" page with mailto links or contact form.
• Mailto links structured to hide email addresses from
email spiders.
• Street address and phone number on "Contact Us"
page
25. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
4. Test pages at different screen resolutions
• 640x480
• 800x600
• 1024x768
• 1280X1024
26. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
5. Check page display in all browsers and operating
systems
• Firefox
• Explorer
• Opera
• Safari
• Chrome
27. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
6. Correct all spelling and grammar errors.
• Check for the Top 10 spelling errors.
• All contact information is correct.
• Consider international differences in spelling and
grammar.
28. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
7. Verify all hyperlinks.
• Every link on your navigation system is verified on
every page.
• Verify all internal text links
• Mailto links
• have email addresses spelled correctly
• External links
• Use the TARGET attribute
29. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
8. Give all users access to important content.
• Modify multimedia files to make content accessible.
• Pages with dynamic menu systems have alternate text
links.
• Plug-ins are not required to view the site.
• JavaScript is not required to view the site
30. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
9. Create a custom error page.
• Test your custom 404 page by entering bad URLs into
the browser address bar.
• Custom 404 page includes a link back to the home
page or the previous page.
• Allow visitors to easily report broken links.
31. Web Site Usability Checklist
CHECKLIST
Prelaunch Checklist
10. Usability testing is complete and problems corrected.
• Get real human visitors and invite them to try and break
your site!