1 improving your web site through a needs-based design approach james p. sampson, jr., & darrin...
TRANSCRIPT
![Page 1: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/1.jpg)
1
Improving Your Web SiteThrough a Needs-based
Design Approach
James P. Sampson, Jr.,& Darrin L. Carr
Florida State University
Copyright © 2004, Florida State University,All Rights Reserved
![Page 2: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/2.jpg)
2
Credits
Technical Report 28 (Why)James P. Sampson, Jr.
Darrin L. Carr
Julia Panke
Scott Arkin
Megan Minvielle
Stacie H. Vernick
Technical Report 29(How)Julia Panke
Darrin L. Carr
Scott Arkin
James P. Sampson, Jr.
![Page 3: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/3.jpg)
3
Overview
• Define Resource-based andNeeds-based web sites
• Follow eight-step process– Instruction– Group Work
• Review other design issues(time permitting)
![Page 4: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/4.jpg)
4
Design of Internet Web Sites
• Resource-Based Web Site
• Need-Based Web Site
![Page 5: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/5.jpg)
5
Resource-Based Web Sites
• Organized by– resources and services available – the structure of the organization
• Users select resources, services,or links to meet their needs
![Page 6: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/6.jpg)
6
![Page 7: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/7.jpg)
7
Resource-Based Advantages
• Fast access for experienced users
• Low development costs
• Short development time
![Page 8: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/8.jpg)
8
Resource Based Disadvantages
• Difficult for novices to select resources& services meeting their needs
– Assumes ability to link resources & needs
– Difficult to predict outcomes
– Uncertainty about when help is needed
– May lead to random linking & site hopping
• Users become overwhelmed with options
– Emphasis on comprehensiveness
![Page 9: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/9.jpg)
9
Need-Based Web Sites
Organized by
1. list of potential users (audiences)
2. Interactive clarification of needs (simulated conversation)
3. Resources & services meeting needs
Resource-based tools– Index, site map, text search– fast access for experienced users
![Page 10: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/10.jpg)
10
Aims of the Need-Based Design
• Provide easy access to relevant, high quality information users understand how to use
• Promote effective use of relevant resources& services rather than comprehensive access to all possible resources and services
![Page 11: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/11.jpg)
11
Needs-Based Advantages
Users:
• only view resources & services fitting needs– Site appears smaller & easier to navigate
– Users less likely to be overwhelmed with info
• better understand how to use resources
• better understand when assistance is needed
![Page 12: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/12.jpg)
12
Needs-Based Disadvantages
• Higher development costs
• Long time required for development
• Difficulty in applying the expert knowledge of counselors
![Page 13: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/13.jpg)
13
Example
• User: College Sophomore
• Need: Choose a Major
![Page 14: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/14.jpg)
14
Clarification of audience
![Page 15: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/15.jpg)
15
Clarification of audience
![Page 16: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/16.jpg)
16
Clarification of needs
![Page 17: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/17.jpg)
17
Clarification of needs
![Page 18: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/18.jpg)
18
Information delivery
![Page 19: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/19.jpg)
19
Eight-Step Process
Step 1: Define your audience
Step 2: Define the needs ofspecific audience members
Step 3: Create a list of yourorganization’s resourcesand services
![Page 20: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/20.jpg)
20
Eight-Step Process Overview
Step 4: Define the purpose(s) your resources & services address
Step 5: Match specific audiences toresources & services via needs
Step 6: Write outcome statements
![Page 21: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/21.jpg)
21
Eight-Step Process Overview
Step 7: Write audience goals
Step 8: Compose other featuresto help clients link needs
with resources & services
![Page 22: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/22.jpg)
22
Step 1: Define Your Audience(s)
Purpose:– To link resources and services to the
audiences that they serve, you must first have a clear understanding ofwho you intend to serve
![Page 23: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/23.jpg)
23
Clarification of audience
![Page 24: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/24.jpg)
24
Clarification of audience
![Page 25: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/25.jpg)
25
Step 1: Define Your Audience(s)
Questions for exploration:
– According to the mission of your organization, who is it designed to serve?
– Who most often requests resources and services or contacts your organization?
– Who may benefit from resources and services that you offer?
![Page 26: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/26.jpg)
26
Step 2: Define Audience Needs
Purpose:
– Outline and present needs interms familiar to your audience(s)to encourage them to move furtherinto your Web site
![Page 27: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/27.jpg)
27
Clarification of needs
![Page 28: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/28.jpg)
28
Clarification of needs
![Page 29: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/29.jpg)
29
Step 2: Define Audience Needs
Questions for exploration:
– What questions do individuals typically ask when they come to your organization?
– What is your expert opinion about the needs of your users or clients?
– What resources or services do audience members ask for in which you reply “no, we do not offer that, but you can go to….”?(New need or service to consider)
![Page 30: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/30.jpg)
30
Step 3: List Resources & Services
Purpose:– Outlining what you have available is
the first step to meeting client’s needs with the resources and services that you offer
![Page 31: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/31.jpg)
31
Step 3: List Resources & Services
Questions for exploration:– What resources and services does our
organization advertise?
– What resources and services do our audience members most frequently request?
– What “little known” resources and services exist that need to receive greater publicity?
![Page 32: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/32.jpg)
32
Step 4: Define purpose(s) of Resources & Services
Purpose:– This is the key to understanding the
needs addressed by each resource or service, and therefore where it belongs on the Web site
![Page 33: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/33.jpg)
33
Information delivery
![Page 34: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/34.jpg)
34
Questions for exploration:
– What is the purpose of thespecific resource or service?
– What is it designed to do?
– Who is it designed to serve?
– What gap does it fill in our organization?
– How does it help our organization function efficiently?
Step 4: Define purpose(s) ofResources & Services
![Page 35: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/35.jpg)
35
Step 5: Match Audiences to Resources & Services via Needs
Purpose:
– The foundation of the need-basedprocess happens here
– This linking of audiences to resourcesand services via needs provides for the maximum effectiveness of theneed-based Web site
![Page 36: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/36.jpg)
36
Step 5: Match Audiences to Resources& Services via Needs
• Process:
– Place results from Steps 2 and 4next to each other
– Make note of each time an “audience need” is the same as a “need addressed by a resource or service”
– The result is a link between the audience and the resource or service via needs
![Page 37: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/37.jpg)
37
Step 6: Write Outcome Statements
• Purpose:– Outcome statements provide
motivation and realistic expectations for using the resources and services that clients discover on your Web site
![Page 38: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/38.jpg)
38
Step 6: Write Outcome Statements
• Questions for exploration:
– How can the resources or services on the next page be described?
– How will the resources or services on the next page help users achieve goals?
![Page 39: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/39.jpg)
39
Step 6: Write Outcome Statements
• Questions for exploration:
– What do the resources and services on the next page have in common?
– What might the user achieve by using a specific resource or service?
– What has this specific resource or service helped users to do in the past?
![Page 40: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/40.jpg)
40
Step 7: Write Audience Goals
• Purpose:– Audience goals are a motivational
technique to allow audience members to understand the Web site’s potential to meet their needs
![Page 41: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/41.jpg)
41
Step 7: Write Audience Goals
• Question for exploration:– What are the major themes that the
outcome statements identify for this audience?
![Page 42: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/42.jpg)
42
Step 8: Create Additional Features
• Purpose:– Facilitate the process of linking
resources and services to needsby providing clients withexpert advice on how to usewhat they have found
![Page 43: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/43.jpg)
43
Step 8: Create Additional Features
• Example: How-To Pop-up Window
– Provides context sensitive help about resource or service the client has found
– Key elements include:• Resource name• Audience name• Definition of the resource• Procedural steps for using the resource• Description of where to find additional help
![Page 44: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/44.jpg)
44
Review Other Design Issues
• Design to promote learning
• Evaluate for efficacy
• Manage politics
• Apply simple strategies
![Page 45: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/45.jpg)
45
Design to Promote Learning
• Consistency
• Cognitive aspects
• Accessibility
![Page 46: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/46.jpg)
46
Design to Promote Learning
• Consistency– Templates
• Clarification of audience, clarification of needs, and information delivery
– Page design• Fonts, colors, styles, headers, footers, etc.
![Page 47: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/47.jpg)
47
Design (Continued)
• Cognitive aspects
– Limited demands on memory• 7 2 options on any page
– Browsability• Group and classify similar information or items
– Readability• Language level suitable for audiences served
![Page 48: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/48.jpg)
48
7 2
Limited demands on memory
![Page 49: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/49.jpg)
49
Design (Continued)
• Cognitive aspects (continued)
• Legibility
– Font size, type face, colors, etc.
• Items ordered by developmental sequence or most frequent use
![Page 50: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/50.jpg)
50
Legibility
Font size, type face, styles, etc.
![Page 51: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/51.jpg)
51
Items ordered by developmental sequence or most frequent use
1
2
34
5
6
![Page 52: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/52.jpg)
52
Design (Continued)
Accessibility
– Alternate text tags for personswith visual disabilities
– Selecting colors for personswith color blindness
– Coding for screen readers
![Page 53: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/53.jpg)
53
• Usability testing– Observation
• Evaluation– Perceptions of audiences, staff, stakeholders
• Site design documentation– Authorship, design strategies, technical specifications
• Tracking of Web site usage– Statistics and patterns
Evaluate for Efficacy
![Page 54: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/54.jpg)
54
Manage Politics
• Control the site - control the service
• Narrow design - expertise of one individual
• Limited collaboration - limited integration
• Web site reflects the organizationinstead of the individuals served –
“My work and my office are important andshould be shown on the web site.”
![Page 55: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/55.jpg)
55
Apply Simple Strategies
• First focus on content, then design web site functioning based on technology
• Ask the following questions:
– Who does (or should) the web site serve?
– What are the needs of users?
– What resources are available(or could be available) to meet user needs?
• Link the needs of audiences to resources
![Page 56: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/56.jpg)
56
Apply Simple Strategies
• Collaborate rather than delegate designto one staff member
– Groups tend to make better decisions, which can result in a more complete andbetter functioning web site
– “people support what they help create.”
![Page 57: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/57.jpg)
57
Conclusion
• Resources and services should match needs
• Use instructional design to create effective Internet resources
• All staff contribute to design and integration
• Focus on content first and design second
• Staff development and training key to success
• Technology provides an opportunity to examine and enhance current practice
![Page 58: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/58.jpg)
For More Information
www.career.fsu.edu/techcenter/
![Page 59: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/59.jpg)
59
![Page 60: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/60.jpg)
60
Need-Based Web Sites
• Elements of each link
– Description (Not actual title)
– Potential learning outcome
– Recommendations on the use of resources provided as appropriate
• Number of links limited by working memory requirements and quality
![Page 61: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/61.jpg)
61
Need-Based Web Sites
• User identifies need - for example
– beginning student selects a program of study related to interests
– graduating student identifies employers recruiting for specific occupations
• Resources, services, and links are then related to needs
![Page 62: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/62.jpg)
62
Web Site Design Strategies
• Use staff experience to visualize what individuals say (or could say) when they enter a service delivery center, and then– respond with additional statements to
clarify user needs, or – link to resources and services that relate
to the user needs you have identified
![Page 63: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/63.jpg)
63
Web Site Design Strategies
• Make the web site “intelligent” by incorporating staff expertise as well as delivering information
![Page 64: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/64.jpg)
64
Web Site Designs to Avoid
• A long single list of links and FAQs– Overwhelming to use & hard to remember
– Links should be need-based or categorized
• Home pages with organizational information & slow-loading graphics– Good information - bad timing
• Busy pages with little blank space
![Page 65: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/65.jpg)
65
Alternate text tags for persons with visual disabilities
![Page 66: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/66.jpg)
66
Page can stand alone if person links from elsewhere
![Page 67: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/67.jpg)
67
Navigation (Continued)
• Resource-based tools• Search• Site Map• Index
![Page 68: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/68.jpg)
68
Content
• Writing for the Web• Graphics• Help• Organizational information• Time-based features• Place-based features
![Page 69: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/69.jpg)
69
Content
• Writing for the Web– Info chunking, page length, etc.
• Graphics– Related to content, short download time, sensitive
to diverse audiences• Icons/symbols• Photographs
• Help– Help information, first time user orientation, how to
pop-up window (sequence and use information; circumstances when help is needed)
![Page 70: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/70.jpg)
70
Content (Continued)
• Organizational information– About us, privacy policy, contact information
• Time-based features– Calendar, what’s new, page modification date
• Place-based features– Maps and images of physical environment
![Page 71: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/71.jpg)
71
Navigation
• Links
• Feedback
• Resource-based tools
![Page 72: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/72.jpg)
72
Navigation
• Links• Audience• Descriptive labeling• Learning outcomes
• Feedback• Clarification of path chosen• Breadcrumbs
![Page 73: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/73.jpg)
73
Audiences
![Page 74: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/74.jpg)
74
Descriptive labeling
![Page 75: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/75.jpg)
75
Learning outcomes
![Page 76: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/76.jpg)
76
Clarification of path chosen
![Page 77: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/77.jpg)
77
Clarification
of pathchosen
![Page 78: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/78.jpg)
78
Clarificationof pathchosen
![Page 79: 1 Improving Your Web Site Through a Needs-based Design Approach James P. Sampson, Jr., & Darrin L. Carr Florida State University Copyright © 2004, Florida](https://reader036.vdocuments.net/reader036/viewer/2022062323/5697bf841a28abf838c86c6c/html5/thumbnails/79.jpg)
79
Breadcrumbs