Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the...
Transcript of Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the...
![Page 1: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/1.jpg)
1
Improving Your Web Site
Through 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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/3.jpg)
3
Overview
• Define Resource-based and Needs-based web sites
• Follow eight-step process
– Instruction
– Group Work
• Review other design issues (time permitting)
![Page 4: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/4.jpg)
4
Design of Internet Web Sites
• Resource-Based Web Site
• Need-Based Web Site
![Page 5: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/6.jpg)
6
![Page 7: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/7.jpg)
7
Resource-Based Advantages
• Fast access for experienced users
• Low development costs
• Short development time
![Page 8: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/13.jpg)
13
Example
• User: College Sophomore
• Need: Choose a Major
![Page 14: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/14.jpg)
14
Clarification of audience
![Page 15: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/15.jpg)
15
Clarification of audience
![Page 16: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/16.jpg)
16
Clarification of needs
![Page 17: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/17.jpg)
17
Clarification of needs
![Page 18: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/18.jpg)
18
Information delivery
![Page 19: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/19.jpg)
19
Eight-Step Process
Step 1: Define your audience
Step 2: Define the needs of
specific audience members
Step 3: Create a list of your
organization’s resources
and services
![Page 20: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/20.jpg)
20
Eight-Step Process Overview
Step 4: Define the purpose(s) your
resources & services address
Step 5: Match specific audiences to
resources & services via needs
Step 6: Write outcome statements
![Page 21: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/21.jpg)
21
Eight-Step Process Overview
Step 7: Write audience goals
Step 8: Compose other features
to help clients link needs with
resources & services
![Page 22: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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 of
who you intend to serve
![Page 23: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/23.jpg)
23
Clarification of audience
![Page 24: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/24.jpg)
24
Clarification of audience
![Page 25: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/26.jpg)
26
Step 2: Define Audience Needs
Purpose:
– Outline and present needs in
terms familiar to your audience(s)
to encourage them to move further
into your Web site
![Page 27: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/27.jpg)
27
Clarification of needs
![Page 28: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/28.jpg)
28
Clarification of needs
![Page 29: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/33.jpg)
33
Information delivery
![Page 34: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/34.jpg)
34
Questions for exploration:
– What is the purpose of the specific 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) of
Resources & Services
![Page 35: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/35.jpg)
35
Step 5: Match Audiences to Resources
& Services via Needs
Purpose:
– The foundation of the need-based
process happens here
– This linking of audiences to resources
and services via needs provides for the
maximum effectiveness of the
need-based Web site
![Page 36: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/36.jpg)
36
Step 5: Match Audiences to Resources
& Services via Needs
• Process:
– Place results from Steps 2 and 4 next 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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/42.jpg)
42
Step 8: Create Additional Features
• Purpose:
– Facilitate the process of linking
resources and services to needs
by providing clients with
expert advice on how to use
what they have found
![Page 43: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/44.jpg)
44
Review Other Design Issues
• Design to promote learning
• Evaluate for efficacy
• Manage politics
• Apply simple strategies
![Page 45: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/45.jpg)
45
Design to Promote Learning
• Consistency
• Cognitive aspects
• Accessibility
![Page 46: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/48.jpg)
48
7 2
Limited
demands
on memory
![Page 49: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/50.jpg)
50
Legibility
Font size,
type face,
styles, etc.
![Page 51: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/51.jpg)
51
Items ordered by developmental
sequence or most frequent use
1
2
3
4
5
6
![Page 52: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/52.jpg)
52
Design (Continued)
Accessibility
– Alternate text tags for persons
with visual disabilities
– Selecting colors for persons
with color blindness
– Coding for screen readers
![Page 53: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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 organization
instead of the individuals served –
“My work and my office are important and
should be shown on the web site.”
![Page 55: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/56.jpg)
56
Apply Simple Strategies
• Collaborate rather than delegate design to one staff member
– Groups tend to make better decisions, which can result in a more complete and better functioning web site
– “people support what they help create.”
![Page 57: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/58.jpg)
For More Information
www.career.fsu.edu/techcenter/
![Page 59: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/59.jpg)
59
![Page 60: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/65.jpg)
65
Alternate text tags for
persons with visual disabilities
![Page 66: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/66.jpg)
66
Page can stand alone if
person links from elsewhere
![Page 67: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/67.jpg)
67
Navigation (Continued)
• Resource-based tools • Search
• Site Map
• Index
![Page 68: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/68.jpg)
68
Content
• Writing for the Web
• Graphics
• Help
• Organizational information
• Time-based features
• Place-based features
![Page 69: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/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: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/71.jpg)
71
Navigation
• Links
• Feedback
• Resource-based tools
![Page 72: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/72.jpg)
72
Navigation
• Links • Audience
• Descriptive labeling
• Learning outcomes
• Feedback • Clarification of path chosen
• Breadcrumbs
![Page 73: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/73.jpg)
73
Audiences
![Page 74: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/74.jpg)
74
Descriptive labeling
![Page 75: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/75.jpg)
75
Learning outcomes
![Page 76: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/76.jpg)
76
Clarification of path chosen
![Page 77: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/77.jpg)
77
Clarification
of path
chosen
![Page 78: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/78.jpg)
78
Clarification
of path
chosen
![Page 79: Improving Your Web Site Through a Needs-based Design Approach · •Control the site - control the service •Narrow design - expertise of one individual •Limited collaboration](https://reader035.fdocuments.us/reader035/viewer/2022063014/5fd10c6b405e721d455b5229/html5/thumbnails/79.jpg)
79
Breadcrumbs