SlideShare a Scribd company logo
1 of 16
Download to read offline
1
FINAL REPORT
Clark County Humane Society
Website Renovation
Orange Group
Abigail Dillon
Bridgid Gallagher
Beth Hennes
Carly Kreger
2
Cover Memo
In redesigning the Clark County Humane Society’s (CCHS) website, we sought to update
the functionality and look of the original page at www.cchs-petshelter.org. The functionality of
the page was lacking as there was no coherent organizational scheme for the information and
forms found on their site. Through the creation of personas, we determined that the main uses
for the website were for adoption, volunteering, and pet information, and created the
navigational categories accordingly.
However, reorganizing the site was not enough to create an impactful web presence. To
update the look of the site, we altered the color scheme and created a sleeker logo, though
both incorporated elements of the original.
Ultimately, we wanted to bring the CCHS’s website into the twenty-first century in a way
that would be sustainable for them moving forward. We chose to embed feeds from Facebook,
Google Calendar and Petfinder accounts that add dynamic content, but in a structured way. The
goal was to enable them to maintain and update their own site without regressing to its
previous state of disarray.
Information Architecture
WordPress was chosen so that the content already employed by CCHS could be
migrated into a creator-friendly management system. We kept with the theme “skin” styling,
only adjusting the CSS to alter the heading colors. Widgets were employed to connect with the
social media and business-related sites.
We have five secondary pages and an optional sixth if CCHS wishes to include a blog for
lengthier updates and events. Four of the five secondary pages have three to four subpages
accessible through a drop-down menu on the navigational toolbar. The multiple Google Forms
that we developed for applications, such as volunteering or adoption, were given links on the
appropriate pages.
Access
Our redesign project is located at http://cchspetshelter.liburiedalive.com/ and is
password-protected. The username is “testers” and the password is “puppies”. To view the
backend of our WordPress site, visit http://cchspetshelter.liburiedalive.com/wp-login.php and
use “dsshapiro” as your username and “$h@p1r0” as your password. (This is an administrator-
level user account.) The secondary page named “Help Us” may be found through a navigation
tab at the top of the site or by visiting http://cchspetshelter.liburiedalive.com/support/.
3
Interim Report #1 – Orange Group
PROJECT TITLE: Clark County Humane Society Website Renovation
CURRENT WEBSITE ADDRESS: http://www.cchs-petshelter.org/
PURPOSE, GOALS AND OBJECTIVES
The Clark County Humane Society (CCHS) exists to promote a more humane world through education,
operation of a no-kill shelter, the adoption of homeless cats and dogs, providing low-cost spay and
neuter services, reducing pet overpopulation, and alleviating animal suffering.
As technologies and website forums have evolved, the current Clark County Humane Society website
has become severely outdated. This has resulted in issues with public accessibility, as well as website
usability and navigability. Below is a comprehensive list of the current problems that need to be
addressed, in addition to our team’s overall goals regarding the existing website design and subsequent
re-design.
Problems to Address
 Site organization
 Web writing and content
 Lack of cohesive integration of social
media
 Outdated HTML and CSS code
 Incoherent, lack of uniform
organizational branding through graphics
 De-cluttering the home page, eliminate
blog-like block of text
 Difficult-to-navigate system categories
 Update interactive elements (adoption
and volunteer forms, donations)
 Accessibility problems
Goals of the Re-design
 Create a dynamic, accessible website that
furthers the mission of the CCHS
 Integrate social media and other pet-finding
websites to create a strong social network
and increase visibility in the community
 Design a web presence that is manageable
enough for the CCHS to update and maintain
 Improve promotion of events, services and
needs of the CCHS
 Enhance usability through enhanced
navigation, distinct links, and organization
 Increase website traffic, usage, and appeal
through improved written content and design
aesthetic
ORGANIZATIONAL & WEBSITE GOAL LINKAGES
Website Goal Organization Goal
 Connect with volunteers
 Advertise to potential adopters
 Connect with donors
 Operating a no-kill shelter
 Provide information on adoptees
 Advertise adoption events
 Promote pet adoption
 Reduce pet overpopulation
 Alleviate animal suffering
 Promote pet training workshops
 Posting shelter statistics
 Humane education
 Advertise pet services  Assist residents with pet problems
 Low-cost spay/neuter services
4
USABILITY EVALUATION
Usability testing was conducted in two separate stages, using two different devices on isolated servers.
Testing was conducted in this manner to prevent contamination of search results through past search
history or preferences. In the initial phase of testing, a list of various query terms and phrases relating
to the CCHS were utilized to search the top three known search engines – Google, Bing, and Yahoo! – in
order to determine the online presence, user accessibility, and site status in accordance with result
rankings. The second phase of testing was performed as a label table analysis, performed in the style of
Rosenfeld & Morville. This type of analysis was performed to determine the cohesiveness and
organization of the current CCHS website, and to further illuminate areas of interest for re-design. It
should be stated that the CCHS website contains only left-side-of-page navigation system labels,
therefore the label table analysis will only be performed on this set of labels.
QUERY TERM SEARCHING EVALUATION
Query Term/Phrase Google Bing Yahoo!
Clark County Humane Society 1 1 1
CCHS 6 17 49
Clark County animals 1 12 38
Clark County animal adoption 5 17 19
Clark County animal shelter 1 2 2
Central Wisconsin humane society 1 1 2
Central Wisconsin animal shelter 2 17 no results found
Wisconsin animal shelter 13 no results found no results found
Wisconsin Humane Society 7 99 67
Clark County dog 1 2 3
Clark County cat 8 19 19
Clark County pet 1 6 6
LABEL TABLE ANALYSIS
Label (Left-side-of-page
navigation system labels)
Destination’s Heading Label
Destination’s <HTML>
Label
Home Welcome to the Clark County Humane Society!! Clark County Humane
Society
Update Log 9/30/14 - Update Log
Contact Us We’re interested in hearing from you! Contact Us
Directions to CCHS How to get to CCHS! Directions to CCHS
Available Pets - Available Pets
Adoption Application Adoption Process Adoption Application
New Pet Tips & Helpful
Information
Now that you’ve brought home your new friend... Now that you’re home
with your new friend….
Microchip FAQ Here are some of the most frequently asked
questions (and answers) about microchipping!
Microchipping FAQ
Donate Now! - Donate Now!
Volunteer at CCHS! Join the team at CCHS! Become a Volunteer!
Adoption Statistics CCHS is proud to be a true No-Kill facility! Adoption Statistics
Honors - Honors
5
Memorials - Memorials
Upcoming Events There are always exciting events and fund-raisers
being planned at the Clark County Humane
Society!
Upcoming Events
FAQ Our Mission Statement FAQ
Wish List CCHS depends on the donations of our members
and supporters. We always need the following
items:
Wish List
Doggie Sleep Over “Doggie Sleep Overs” is a new program at CCHS
designed to help us place adoptable dogs in the
best possible homes!
Doggie Sleep Over
Getting Involved The Clark County Humane Society depends on
the work of many volunteers, and help is always
needed.
Getting Involved
Membership - Membership
Lost & Found Pets - Lost & Found Pets
FixaPet Low-Cost Spay/Neuter Surgery Available Through
‘FixaPet’
FixaPet
Happy Homes! - Happy Homes!
Foster Care A great way to help us out at CCHS is to provide
foster care for animals in need.
Foster Care
Shelter Tours & Directions Special Tours can be arranged for your group
today!
Shelter Tours & Directions
Kitty City - Kitty City
Kwik Trip Kwik Rewards Fund-Raising Program Kwik Trip
Fundraising There are many, many ways that you can help us
with our fundraising efforts at CCHS. Some of our
current programs include:
Fundraising
CC Resale Shop 'til You Drop at CC RESALE! CC Resale
Paws N Claws - Paws N Claws
Special Needs Pets - Special Needs Pets
Construction Update Open House a Huge Success! Construction Update
Puppy Mills & Dog Auctions Governor Signs AB250! Puppy Mills & Dog
Auctions
Dog Auction Protest 24 Rescue Dogs Arrive at CCHS Dog Auction Protest
‘The Box’ (part 1 and
conclusion)
- ‘The Box’
eBay Sales Check out our CC Resale Store on eBay! eBay Sales
JCHS Rescue 40 Animals Rescued from Juneau County JCHS Rescue
INFORMATION ARCHITECTURE
The current CCHS website does not contain any main categories. However, there are three distinct
elements that are featured:
 Sidebar links to information about shelter services, issues, interests
 Facebook feed and buttons for social media and donations
 Blog posts about shelter news updates and events (listed on main page in chronological order)
6
We propose theaddition of several elements and creative ideas to enhance the current CCHS website.
CCHS is an organization with a wealth of visual imagery and available. Those visuals will help to tie in
several of the organization and re-design goals. Below are listed some additional proposed aesthetic
updates and add-on elements to incorporate into the redesign:
 Photographical depictions of current adoptable animals on homepage
 Updated and easily accessible donation, adoption, and volunteer forms built-in
 Related video and photographs featured throughout the site, especially on foundational pages
 New social element: Incorporate past adopters to share with viewers where they and their animal
adoptee(s) are currently
 New donation element: Incorporate a “wish list” of supplies the shelter needs or desires
 Install a uniform footer at the bottom of each webpage listing basic contact information (address,
phone, email, etc.)
 Install Google analytics to monitor website usability and accessibility
Enhanced navigational system labeling is also a main priority for the CCHS website redesign. We
propose to re-organize the current navigation system labeling to a more concise, simplified format.
We will group like bodies of information together and address the current lack of proper navigational
aesthetics. We performed a card sorting-style of usability testing to determine the most appropriate
organizational schema for the new system labeling. Below is a chart detailing our navigational system
labeling test results and our proposed organization for the new CCHS website.
Home Page
Navigational
Categories
Sub-Categories
 News and updates
 Microfeed links to social
media
 Lost and Found pet
information (depending on
CCHS’s priorities, this could
also be a wish list)
 Current adoptable animals
feed
 Volunteer, donate links
About Us
 Shelter information (honors, memorials,
etc.)
 Contact information, directions to the
shelter
 FAQ
News
 Upcoming events, shelter news
 Updates from forever homes
Adopt
 Available pets, also featuring special-needs
pets in need of a home
 Application information
 Other options (fostering, sleepovers)
Support Us
 Donations and wish list
 Volunteering
 Membership and sponsorship opportunities
Pet Care and Services
 Information for new pet owners, including
fixing and microchips
 Pet supplies and gift shop
WEBSITE AESTHETICS
At first glance, it is difficult to tell whether or not CCHS has a current logo. One must assume that the
disembodied line drawings of a beagle and long hair cat, floating in the upper left corner, is some
fashion of logo. On the CCHS Facebook page, those same animals appear inside of a heart with the
year and society name arching above. This gets us closer to a logo, but not quite there.
7
The brand image for the CCHS is inconsistent and dated. We propose an updated, sleeker version of
the heart made from a stylized cat and dog, as shown at left. This logo will appear at the top left
corner of each pageas well as on all social media sites. Thelogo, with
its eye-catching appearance, serves tosolidify theimageof CCHS and
remind visitors of the
organization’s mission.
The site itself will have
an advanced grid layout
with a large image and
overlaid newsfeed
dominating the top half
of the page. The lower half will feature information
about adoption and links to pages on involvement, pet
care, lost and found, and frequently asked questions. On
each subsequent page, there will be a top bar navigation
scheme in place of the mission statement, top corner
social media links, and a footer with contact information.
Our overall aim is to simplify the current website by
condensing information into meaningful categories,
highlighting aesthetically pleasing visuals, and making
the most useful information clear and visible for all users.
PROJECT MANAGEMENT
Name Role
Beth Hennes Communications Expert
Abigail Dillon Code Creator, Code Validator
Carly Kreger Content Editor
Bridgid Gallagher Graphics Creator
PROJECT MILESTONES
Milestone Status Due Done
Interim Report #1 10/13/2014 10/13/2014
Interim Report #2 11/03/2014
Interim Report #3 11/24/2014
Final iteration of website 11/30/2014
Online presentation 12/01/2014
Final Report Compilation 12/15/2014
Group Peer Review Form 12/15/2014
Presentation materials submission 12/15/2014
Not started Completed On Schedule At Risk Off Track
8
Interim Report #2 – Orange Group
PROJECT TITLE: Clark County Humane Society Website Renovation
CURRENT WEBSITE ADDRESS: http://www.cchs-petshelter.org/
USER GROUPS
Persona (Primary) Potential adopter
“Leigh Ann Schumacher”
Demographics  26-year-old female, not married, does not have kids
 Rents an apartment
 Has technical school degree (2-year)
 Employed as registered nurse at Marshfield Clinic for past 5 years
 Always had pets as a child
Motivations  Looking for a pet cat or kitten
 Wants to be able to recharge and relax when she is not working
 Tries to maintain relationships with friends and family, sometimes leaves town
for the weekend
Environment  Uses computers at work and home, has an smartphone and tablet, enjoys
social media
 Has cable broadband internet
 Spends 2-3 hours a day browsing the web outside of work
 Often works long hours, prefers accessing the internet on the couch from her
iPad so that she doesn’t have to sit at a desk
Quote “It would be nice to have a kitty to play with when I get home.”
Scenario Leigh Ann is a nurse in her mid-twenties who lives alone. She has decided that she
would like a pet cat or kitten, since those are the only pets allowed in her
apartment. She has always liked gray cats with tiger stripes, so she is hoping that
she will be able to find one kind of like that. Leigh Ann thinks she would like to
adopt a cat rather than buy, so that an animal in need can find a new home, but she
has never been through the process before. She has been asking her friends and
family if they know about any shelters or people looking for new homes for their
cats. She is hoping to visit a shelter to see some of the animals on her next weekend
off.
9
Persona (Secondary) Lost pet seeker
“Troy Nelson”
Demographics  34-year-old male, married, has one daughter
 Homeowner
 Has bachelor’s degree
 Employed as accountant for the Clark Electric Co-op utility company for past 8
years
 Considers himself a “dog person”
Motivations  Looking for lost pet
 Wants his wife and daughter to have happy, comfortable lives
 Loves outdoor activities
 Doesn’t have a lot of time after work on weeknights, but tries to devote
weekends to family
Environment  Uses computer at home for email, has smartphone. Has tablet, but daughter is
primary user
 Has cable broadband internet
 Spends an hour a day browsing the web outside of work
 Usually accesses internet from desktop computer in his home office, uses
smartphone for simple internet tasks
Quote “We’ve looked everywhere for Checkers... I wish he’d just come home!”
Scenario Troy’s family dog, “Checkers,” recently got away after his daughter didn’t latch the
screen door on the back porch. The dog was acting strangely before he ran away, so
the family is worried that he might be sick and confused. Troy has been searching
the neighborhood after work and posted fliers everywhere with his contact
information and dog’s picture on them. He is hoping that since Checkers has a
microchip, it will help someone identify and return him to them. Troy has called the
local shelters and animal welfare groups for his lost dog, but so far has had no luck.
Persona (Secondary) Potential volunteer
“Miranda Davids”
10
Demographics  17-year-old female
 High school senior at Neillsville High School
 Involved in the National Honors Society
 Is working a retail job
Motivations  Looking for a place to volunteer, flexible hours
 Is rather shy, but wants to expand her social skills
 Needs to keep grades up for college scholarships
 Never owned a pet, but loves animals and has done a lot of pet-sitting
Environment  Has a laptop and a smartphone
 Parents’ house has Wi-Fi
 Does not have a car, but parents let her drive their vehicle
 Spends a lot of time on the internet (laptop) for homework and recreation
Quote “I always wanted a dog as a kid, so I may have gone and researched a little too much
into pet care.”
Scenario As part of the National Honors Society, Miranda is required to spend at least 10
hours per month in community service. However, she is exceedingly busy with
classes, homework, and her job, so she needs to find a place with flexible hours,
especially nights and weekends. Miranda is also shy, and while she wants to
improve her social skills, she feels that finding a position that fits with her interests
will make it easier to interact with co-volunteers and patrons.
INFORMATION ARCHITECTURE & ORGANIZATIONAL SCHEME
Home Page Primary Categories Secondary Categories
 News and updates
 Microfeed links to
social media
 Lost and Found pet
information
(depending on CCHS’s
priorities, this could
also be a wish list)
 Current adoptable
animals feed
 Adopt, volunteer,
donate links
About Us
 Shelter information (honors, memorials)
 Contact information, directions to the
shelter
 FAQ
News
 Upcoming events, shelter news
 Updates from forever homes
 Laws and societal news regarding animals
and pet ownership
Adopt
 Available pets, also featuring special-needs
pets in need of a home
 Adoption Application
 Other options (fostering, sleepovers)
Pet Care and Services
 Information for new pet owners
 Spay/neuter and microchips
 Pet supplies and gift shop
Support Us
 Donations and wish list
 Volunteering
 Membership and sponsorship opportunities
11
The CCHS website redesign will have an organizational scheme with a three-step hierarchy –Homepage,
Primary Categories, and Secondary Categories. We created a Balanced Hierarchy in which the
specification of information increases with depth for easy, straightforward navigability. The chart above
details our five primary categories and their corresponding secondary categories (14 in total). The five
primary categories were identified as the most popular information topics or purposes for visiting the
CCHS website.
After analyzing the navigational scheme of the current CCHS website, we divided up the remaining
information labels by assigning them to one corresponding primary category. For instance, under the
primary category “Pet Care and Services,” we have a secondary category for information regarding the
spaying and neutering of pets as it is a key service that is offered through CCHS and is relevant to all pet
owners.
INTERACTIVE FEATURE
The main service provided at the Clark County Humane Society is pet adoption. The Adoption
Application is the most utilized and accessed interactive feature on the CCHS website. This feature will
serve the needs of our Primary User Group (Potential Adopter). The Adoption Application will be used
to connect CCHS staff with patrons who wish to adopt the animals in their care. This feature will have
its own webpage and it will be placed as both a link on the Home Page, as well as a Secondary Category
under the Primary Category, “Adopt.” The following is a list of data to be included in the Adoption
Application interactive feature:
1. General Adopter Information
 Names, relationship, ages
 Address(es)
 Type of residence, spatial details
 Contact Information (phone, email)
 Driver’s License
 Place(s) of employment
 Average annual income
2. Pet Preferences
 Name of pet (from adoptable animal
feed)
 Animal type, breed
 Age-range, sex
 Family/kid friendly?
 Other pet friendly?
 Stranger friendly?
 Special needs?
 Unattended, unrestrained OK?
3. Pet Plans
 Reason for wanting a pet
 Exercise
 Living arrangement (indoor/outdoor)
 Emergencies
 Out-of-town, not home
 Nighttime routine
4. Current/Past Pets
 Animal type, breed
 Age, sex
 Living arrangement
 Year(s) owned
 Deceased details (if applicable)
5. References
 Current/past vet clinic(s) contact
information
 Family/friend contact information
 Renters only: landlord agreement, lease
12
COLOR SCHEME
Hex # 0A0F4C Hex # 4598A6 Hex # C7C297 Hex # 7FC443 Hex # 016028
We researched the color
schemes of other Wisconsin-
based humane society and
animal shelter websites.
Additionally, we examined
successful, non-industry
specific websites and texts
related to the psychology of
color. In order to tie in with
thelook and brand of current
sites, we chose an analogous
color scheme of greens and
blues (pictured above in
swatches with
corresponding 6-digit Hex
color codes). To the right is a
representation of our mock-
up design diagram complete
with our chosen color
scheme. All corresponding
Primary and Secondary
Category webpages will
continue this color scheme.
The scheme will also be
added to interactive
features, such as the
Adoption Application.
13
Interim Report #3 – Orange Group
PROJECT TITLE: Clark County Humane Society Website Renovation
CURRENT ORGANIZATION WEBSITE ADDRESS: http://www.cchs-petshelter.org/
ORANGE GROUP ORGANIZATION WEBSITE ADDRESS: http://cchspetshelter.liburiedalive.com/
ACCESSIBILITY
Criteria
Text Alternatives For those unable to see the images on our site, we have included alternative text for
each image. More detailed images or those that serve as links to another web page
have more detailed alt text. Additionally, because our site features images of many
of the adoptable pets, it is important for us to provide a thorough alt-text description
of the size, age, and breed of those animals. For example, instead of labeling a picture
“dog,” the alt-text contains the more descriptive “small, mid-aged black and white
boxer.” Fortunately, the WordPress platform on which we are building our site
automatically prompts alt-text descriptions for each linked image.
Distinguishable In order to meet guideline 1.4, “Make it easier for users to see and hear content
including separating foreground from background,” we have chosen to keep the
layout simple, and the overall design clean and high contrast.
Readable Font We chose a simple, sans-serif font family with 14-point body text
and 20-point and larger for headings. Unfortunately, due to the
Word-Press theme we are working with, our logo shrinks as the
screen size becomes larger. We are currently working on a solution
in order to enlarge the text of the banner. Additionally, while not
the best for those with dyslexia, the sans-serif fonts allow for a clean
and easily readable look.
Color Our colors are high-contrast. The body contains black text on a pale
grey background,headers areadark navy,and themenu and header
contain white text on a dark blue field. As of this moment, we have
avoided using the color of words or content to indicate information.
All navigation and links are signaled by text.
Readable Apart from making the web page perceivable, it is also important that we follow
guidelines to make the content understandable. Thus we use best-web writing
techniques for clear, concise language. Additionally, in accordance with guideline
3.1’s advisory techniques, our web page:
 Avoids centrally-aligned text. All text is left-justified.
 Makes any reference to a location in a web page into a link to that location. For
instance, our front page slider picture link to their corresponding pages:
contacts to the contact page, mission statement to the about us page, and
events to the events page.
 Uses a light pastel background rather than white behind black text.
14
 Uses images or symbols to clarify. In addition to descriptions of adoptable
animals, we have also included a Petfinder widget that provides users with
images and text information.
We have come across some difficulty, this far in the process, with limiting the text
column width using our WordPress theme. The layouts, while responsive to screen
size, tend to leave awkward blank spaces and inconsistent placement of text on web
pages. Re-writing some of the CSS should fix the issue, but the some of the widgets,
like the Petfinder window, are out of our control.
Navigable The website offers several different means of navigation while avoiding excessive
links on each page. Our menu is large and clearly visible in the sites top bar regardless
of the page. The front page contains four widgets with images and large text, like
buttons, that each link to the four main pages within the site. In addition to the menu,
the page logo serves as a link back to the home page, thus bypassing blocks of
material.
USABILITY
Usability tests were conducted with nine volunteers. We tried to seek testers from demographics that specifically
matched our personas and asked them to complete the following tasks:
 “Miranda”: signing up to volunteer
 “Leigh Ann” persona: finding a pet to adopt
 “Troy” persona: looking for help with a lost pet—however, no content on the site for this yet, so this task
was redirected to volunteering and adoption
 An older user (though not actually a persona): making a donation
Their reactions, observations and comments were recorded with screencasts, audio recordings and notes. Their
collective conclusions are synthesized below:
Components Conclusions
Navigation  Dropdown menus in topbar navigation menus do not match content/links
on section main pages.
 Subpages should have navigation links beyond topbar navigation menus.
 Dropdown menus caused some frustration in slower/older browsers.
 Not all pages and links had content or worked.
Design Elements  Testers liked images of pets on the site.
 Blue/teal color theme got positive reactions.
 Slider content was not useful and slowed down page.
 Some elements were too small (navigation dropdowns, Petfinder widget).
Site Content  There was no information for people trying to find a lost pet.
 The site was missing content on shelters’ operating/visiting hours.
 Testers liked the map and “items we need” ticker, though offered
suggestions on how to make them even better.
 Pets available for adoption need to be featured more and in prominent
locations.
 It is good to have links to social media on homepage. The “no-kill shelter”
on homepage was also appreciated.
15
Accessibility  Slider took too long to load.
 Dropdown navigation menus didn’t work correctly/load completely on
slow connection/Internet Explorer.
Interactive Elements  Petfinder is nice, but widget could be adjusted to display bigger and with
different search options.
 It might be useful to also have the Petfinder search open to a separate tab
or window.
 Google forms were easy, though there were some small design complaints
(size of text box, left alignment with margin).
Other Observations  Potential adopters seemed likely to do a general sweep of the website
learning about the shelter.
 It seemed useful to have more than one path to get to same information.
Ongoing actions/priorities,
based on usability testing
 Reconsider navigation and information architecture.
 Remove slider and reconsider appearance of homepage.
 Check for broken links/empty pages.
 Fill in holes in content (hours, lost pets, donation procedures, etc.).
CONTENT
Outlined below is the HTML and a pictorial representation of the front-end display of the text that will appear in
the “About our Organization,” or “About Us” page of our site:
HTML
<p>Clark County Humane Society is a non-profit organization that was founded in 1987 to assist the lost,
surrendered, unwanted, and unloved pets of the area. We actively seek to match homeless pets with new, loving
families. We are proud to be one of the few no-kill shelters in the state.</p>
<h3><strong>Our Mission</strong></h3>
<p>To promote a more humane world through:</p>
<ul>
<li>A no-kill policy</li>
<li>Adoption of
homeless cats and dogs</li>
<li>Low cost
spay/neuter services</li>
<li>Education</li>
<li>Assistance with
pet problems</li>
<li>Alleviation of
animal suffering</li>
</ul>
16
[columns]
[span4]
<p style="text-align: center;">[btn text="Contact &amp; Directions" tcolor=#FFF thovercolor=#FFF
link="http://cchspetshelter.liburiedalive.com/about/contact/" target="_blank"]</p>
[/span4]
[span4]
<p style="text-align: center;">[btn text="Honors &amp; Memorials" tcolor=#FFF thovercolor=#FFF
link="http://cchspetshelter.liburiedalive.com/about/shelter-honors-memorials/ " target="_blank"]</p>
[/span4]
[span2]
<p style="text-align: center;">[btn text="FAQ" tcolor=#FFF thovercolor=#FFF
link="http://cchspetshelter.liburiedalive.com/about/faq/" target="_blank"]</p>
[/span2]
[/columns]
Schema Microdata
Schema.org-formatted RDFa microdata has been added to both four primary pages, including: “About Us,”
“News,” “Adopt,” and “Support Us.” Additionally, schema microdata was also added to one secondary page,
“Contact & Directions,” because the information included on this page is likely to include highly searchable data
such as addresses and phone numbers. To add schema microdata to our pages, we utilized Seamless Schema, a
WordPress plug-in.
To view the RDFa microdata, simply visit our site by logging in with the information below to open the
embedded HTML pages.
Website Address: http://cchspetshelter.liburiedalive.com/
Log-In Information: Username Password
testers puppies

More Related Content

Viewers also liked

Suzhou pharma services corporate presentation 2013
Suzhou pharma services corporate presentation 2013Suzhou pharma services corporate presentation 2013
Suzhou pharma services corporate presentation 2013
Marc Finn
 
Baltimore City Recreation Centers
Baltimore City Recreation CentersBaltimore City Recreation Centers
Baltimore City Recreation Centers
GWWOArchitects
 
Jaipur Presentation
Jaipur PresentationJaipur Presentation
Jaipur Presentation
kamalseth
 
Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...
Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...
Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...
Community Food Security Coalition
 
China Businessparks Full Screen
China Businessparks Full ScreenChina Businessparks Full Screen
China Businessparks Full Screen
yanyanyang
 

Viewers also liked (20)

Suzhou pharma services corporate presentation 2013
Suzhou pharma services corporate presentation 2013Suzhou pharma services corporate presentation 2013
Suzhou pharma services corporate presentation 2013
 
Baltimore City Recreation Centers
Baltimore City Recreation CentersBaltimore City Recreation Centers
Baltimore City Recreation Centers
 
MNC R&D Ecosystem in China
MNC R&D Ecosystem in ChinaMNC R&D Ecosystem in China
MNC R&D Ecosystem in China
 
Clark County Liquor Licensing
Clark County Liquor LicensingClark County Liquor Licensing
Clark County Liquor Licensing
 
Spencer Ogden London office expansion
Spencer Ogden London office expansionSpencer Ogden London office expansion
Spencer Ogden London office expansion
 
Institutional Presentation - Sidera Consult - Market Access and Expansion
Institutional Presentation - Sidera Consult - Market Access and ExpansionInstitutional Presentation - Sidera Consult - Market Access and Expansion
Institutional Presentation - Sidera Consult - Market Access and Expansion
 
Annexations presentation (slideshare)
Annexations presentation (slideshare)Annexations presentation (slideshare)
Annexations presentation (slideshare)
 
Sao Paulo
Sao PauloSao Paulo
Sao Paulo
 
EXPANSION, SU, What is a SU in Colombia?
EXPANSION, SU, What is a SU in Colombia?EXPANSION, SU, What is a SU in Colombia?
EXPANSION, SU, What is a SU in Colombia?
 
Jaipur Presentation
Jaipur PresentationJaipur Presentation
Jaipur Presentation
 
expansion into China: recommendations for philosophy and final reflections
expansion into China: recommendations for philosophy and final reflectionsexpansion into China: recommendations for philosophy and final reflections
expansion into China: recommendations for philosophy and final reflections
 
Perform Group - NOAH13 London
Perform Group - NOAH13 LondonPerform Group - NOAH13 London
Perform Group - NOAH13 London
 
Las vegas preferred plan presentation boards
Las vegas preferred plan presentation boards Las vegas preferred plan presentation boards
Las vegas preferred plan presentation boards
 
O Futuro do Procurement [São Paulo]
O Futuro do Procurement [São Paulo]O Futuro do Procurement [São Paulo]
O Futuro do Procurement [São Paulo]
 
Colombia
ColombiaColombia
Colombia
 
Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...
Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...
Baltimore’s Food Justice Initiatives: Urban Agriculture, Virtual Supermarkets...
 
China Businessparks Full Screen
China Businessparks Full ScreenChina Businessparks Full Screen
China Businessparks Full Screen
 
Baltimore and Bay Area Sustainability Plans (HUD #SCLNjobs Convening, Oakland)
Baltimore and Bay Area Sustainability Plans (HUD #SCLNjobs Convening, Oakland)Baltimore and Bay Area Sustainability Plans (HUD #SCLNjobs Convening, Oakland)
Baltimore and Bay Area Sustainability Plans (HUD #SCLNjobs Convening, Oakland)
 
Project Proposal - Columbia University
Project Proposal - Columbia University Project Proposal - Columbia University
Project Proposal - Columbia University
 
“Succeeding in China: Insights from a World Class Irish Company” Dave Murphy
“Succeeding in China: Insights from a World Class Irish Company” Dave Murphy“Succeeding in China: Insights from a World Class Irish Company” Dave Murphy
“Succeeding in China: Insights from a World Class Irish Company” Dave Murphy
 

Similar to Clark County Human Society Website Redesign

AFP/ Stroman / eTapestry Seminar Oct 6th 2009
AFP/ Stroman / eTapestry Seminar Oct 6th 2009AFP/ Stroman / eTapestry Seminar Oct 6th 2009
AFP/ Stroman / eTapestry Seminar Oct 6th 2009
eTapestryCate
 
eTapestry Seminar Sept/Oct
eTapestry Seminar Sept/OcteTapestry Seminar Sept/Oct
eTapestry Seminar Sept/Oct
eTapestryCate
 
San Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy Steps
San Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy StepsSan Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy Steps
San Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy Steps
mikekierce
 
Embracing Technology as a Nonprofit: 5 Easy Steps
Embracing Technology as a Nonprofit: 5 Easy StepsEmbracing Technology as a Nonprofit: 5 Easy Steps
Embracing Technology as a Nonprofit: 5 Easy Steps
krucker
 
May 2010 Wisconsin Nonprofits Conference
May 2010 Wisconsin Nonprofits ConferenceMay 2010 Wisconsin Nonprofits Conference
May 2010 Wisconsin Nonprofits Conference
krucker
 
How Churches are Using Community Volunteer and Job Web Portals
How Churches are Using Community Volunteer and Job Web PortalsHow Churches are Using Community Volunteer and Job Web Portals
How Churches are Using Community Volunteer and Job Web Portals
City Vision University
 
Embracing Technology A F P W I
Embracing  Technology  A F P  W IEmbracing  Technology  A F P  W I
Embracing Technology A F P W I
Andy Zellers
 
AFP - eTapestry Presentation
AFP - eTapestry PresentationAFP - eTapestry Presentation
AFP - eTapestry Presentation
Andy Zellers
 

Similar to Clark County Human Society Website Redesign (20)

COHFH SEO Case Study
COHFH SEO Case StudyCOHFH SEO Case Study
COHFH SEO Case Study
 
Online Marketing Basics - NACCRRA
Online Marketing Basics - NACCRRAOnline Marketing Basics - NACCRRA
Online Marketing Basics - NACCRRA
 
Embracing Technology As A Nonprofit Ct Beardsley Presentation
Embracing Technology As A Nonprofit  Ct Beardsley PresentationEmbracing Technology As A Nonprofit  Ct Beardsley Presentation
Embracing Technology As A Nonprofit Ct Beardsley Presentation
 
AFP/ Stroman / eTapestry Seminar Oct 6th 2009
AFP/ Stroman / eTapestry Seminar Oct 6th 2009AFP/ Stroman / eTapestry Seminar Oct 6th 2009
AFP/ Stroman / eTapestry Seminar Oct 6th 2009
 
Social capital
Social capitalSocial capital
Social capital
 
Libraries and Online Social Capital
Libraries and Online Social CapitalLibraries and Online Social Capital
Libraries and Online Social Capital
 
eTapestry Seminar Sept/Oct
eTapestry Seminar Sept/OcteTapestry Seminar Sept/Oct
eTapestry Seminar Sept/Oct
 
San Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy Steps
San Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy StepsSan Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy Steps
San Francisco (9/9/09) Embracing Technology as a Nonprofit: 5 Easy Steps
 
SCNO Consulting Project for the SPCA of Tompkins County
SCNO Consulting Project for the SPCA of Tompkins CountySCNO Consulting Project for the SPCA of Tompkins County
SCNO Consulting Project for the SPCA of Tompkins County
 
Embracing Technology as a Nonprofit: 5 Easy Steps
Embracing Technology as a Nonprofit: 5 Easy StepsEmbracing Technology as a Nonprofit: 5 Easy Steps
Embracing Technology as a Nonprofit: 5 Easy Steps
 
May 2010 Wisconsin Nonprofits Conference
May 2010 Wisconsin Nonprofits ConferenceMay 2010 Wisconsin Nonprofits Conference
May 2010 Wisconsin Nonprofits Conference
 
Social Media Networking for Non Profits
Social Media Networking for  Non ProfitsSocial Media Networking for  Non Profits
Social Media Networking for Non Profits
 
Content Growth Stack
Content Growth StackContent Growth Stack
Content Growth Stack
 
Online Marketing & Advertising - Leigh Jewiss 301015
Online Marketing & Advertising - Leigh Jewiss 301015Online Marketing & Advertising - Leigh Jewiss 301015
Online Marketing & Advertising - Leigh Jewiss 301015
 
How Churches are Using Community Volunteer and Job Web Portals
How Churches are Using Community Volunteer and Job Web PortalsHow Churches are Using Community Volunteer and Job Web Portals
How Churches are Using Community Volunteer and Job Web Portals
 
Embracing Technology A F P W I
Embracing  Technology  A F P  W IEmbracing  Technology  A F P  W I
Embracing Technology A F P W I
 
AFP - eTapestry Presentation
AFP - eTapestry PresentationAFP - eTapestry Presentation
AFP - eTapestry Presentation
 
Club Websites D6440 seminar 2011
Club Websites  D6440 seminar 2011Club Websites  D6440 seminar 2011
Club Websites D6440 seminar 2011
 
Bringing Your Catalog to Life
Bringing Your Catalog to LifeBringing Your Catalog to Life
Bringing Your Catalog to Life
 
Chastain Horse Park
Chastain Horse ParkChastain Horse Park
Chastain Horse Park
 

Clark County Human Society Website Redesign

  • 1. 1 FINAL REPORT Clark County Humane Society Website Renovation Orange Group Abigail Dillon Bridgid Gallagher Beth Hennes Carly Kreger
  • 2. 2 Cover Memo In redesigning the Clark County Humane Society’s (CCHS) website, we sought to update the functionality and look of the original page at www.cchs-petshelter.org. The functionality of the page was lacking as there was no coherent organizational scheme for the information and forms found on their site. Through the creation of personas, we determined that the main uses for the website were for adoption, volunteering, and pet information, and created the navigational categories accordingly. However, reorganizing the site was not enough to create an impactful web presence. To update the look of the site, we altered the color scheme and created a sleeker logo, though both incorporated elements of the original. Ultimately, we wanted to bring the CCHS’s website into the twenty-first century in a way that would be sustainable for them moving forward. We chose to embed feeds from Facebook, Google Calendar and Petfinder accounts that add dynamic content, but in a structured way. The goal was to enable them to maintain and update their own site without regressing to its previous state of disarray. Information Architecture WordPress was chosen so that the content already employed by CCHS could be migrated into a creator-friendly management system. We kept with the theme “skin” styling, only adjusting the CSS to alter the heading colors. Widgets were employed to connect with the social media and business-related sites. We have five secondary pages and an optional sixth if CCHS wishes to include a blog for lengthier updates and events. Four of the five secondary pages have three to four subpages accessible through a drop-down menu on the navigational toolbar. The multiple Google Forms that we developed for applications, such as volunteering or adoption, were given links on the appropriate pages. Access Our redesign project is located at http://cchspetshelter.liburiedalive.com/ and is password-protected. The username is “testers” and the password is “puppies”. To view the backend of our WordPress site, visit http://cchspetshelter.liburiedalive.com/wp-login.php and use “dsshapiro” as your username and “$h@p1r0” as your password. (This is an administrator- level user account.) The secondary page named “Help Us” may be found through a navigation tab at the top of the site or by visiting http://cchspetshelter.liburiedalive.com/support/.
  • 3. 3 Interim Report #1 – Orange Group PROJECT TITLE: Clark County Humane Society Website Renovation CURRENT WEBSITE ADDRESS: http://www.cchs-petshelter.org/ PURPOSE, GOALS AND OBJECTIVES The Clark County Humane Society (CCHS) exists to promote a more humane world through education, operation of a no-kill shelter, the adoption of homeless cats and dogs, providing low-cost spay and neuter services, reducing pet overpopulation, and alleviating animal suffering. As technologies and website forums have evolved, the current Clark County Humane Society website has become severely outdated. This has resulted in issues with public accessibility, as well as website usability and navigability. Below is a comprehensive list of the current problems that need to be addressed, in addition to our team’s overall goals regarding the existing website design and subsequent re-design. Problems to Address  Site organization  Web writing and content  Lack of cohesive integration of social media  Outdated HTML and CSS code  Incoherent, lack of uniform organizational branding through graphics  De-cluttering the home page, eliminate blog-like block of text  Difficult-to-navigate system categories  Update interactive elements (adoption and volunteer forms, donations)  Accessibility problems Goals of the Re-design  Create a dynamic, accessible website that furthers the mission of the CCHS  Integrate social media and other pet-finding websites to create a strong social network and increase visibility in the community  Design a web presence that is manageable enough for the CCHS to update and maintain  Improve promotion of events, services and needs of the CCHS  Enhance usability through enhanced navigation, distinct links, and organization  Increase website traffic, usage, and appeal through improved written content and design aesthetic ORGANIZATIONAL & WEBSITE GOAL LINKAGES Website Goal Organization Goal  Connect with volunteers  Advertise to potential adopters  Connect with donors  Operating a no-kill shelter  Provide information on adoptees  Advertise adoption events  Promote pet adoption  Reduce pet overpopulation  Alleviate animal suffering  Promote pet training workshops  Posting shelter statistics  Humane education  Advertise pet services  Assist residents with pet problems  Low-cost spay/neuter services
  • 4. 4 USABILITY EVALUATION Usability testing was conducted in two separate stages, using two different devices on isolated servers. Testing was conducted in this manner to prevent contamination of search results through past search history or preferences. In the initial phase of testing, a list of various query terms and phrases relating to the CCHS were utilized to search the top three known search engines – Google, Bing, and Yahoo! – in order to determine the online presence, user accessibility, and site status in accordance with result rankings. The second phase of testing was performed as a label table analysis, performed in the style of Rosenfeld & Morville. This type of analysis was performed to determine the cohesiveness and organization of the current CCHS website, and to further illuminate areas of interest for re-design. It should be stated that the CCHS website contains only left-side-of-page navigation system labels, therefore the label table analysis will only be performed on this set of labels. QUERY TERM SEARCHING EVALUATION Query Term/Phrase Google Bing Yahoo! Clark County Humane Society 1 1 1 CCHS 6 17 49 Clark County animals 1 12 38 Clark County animal adoption 5 17 19 Clark County animal shelter 1 2 2 Central Wisconsin humane society 1 1 2 Central Wisconsin animal shelter 2 17 no results found Wisconsin animal shelter 13 no results found no results found Wisconsin Humane Society 7 99 67 Clark County dog 1 2 3 Clark County cat 8 19 19 Clark County pet 1 6 6 LABEL TABLE ANALYSIS Label (Left-side-of-page navigation system labels) Destination’s Heading Label Destination’s <HTML> Label Home Welcome to the Clark County Humane Society!! Clark County Humane Society Update Log 9/30/14 - Update Log Contact Us We’re interested in hearing from you! Contact Us Directions to CCHS How to get to CCHS! Directions to CCHS Available Pets - Available Pets Adoption Application Adoption Process Adoption Application New Pet Tips & Helpful Information Now that you’ve brought home your new friend... Now that you’re home with your new friend…. Microchip FAQ Here are some of the most frequently asked questions (and answers) about microchipping! Microchipping FAQ Donate Now! - Donate Now! Volunteer at CCHS! Join the team at CCHS! Become a Volunteer! Adoption Statistics CCHS is proud to be a true No-Kill facility! Adoption Statistics Honors - Honors
  • 5. 5 Memorials - Memorials Upcoming Events There are always exciting events and fund-raisers being planned at the Clark County Humane Society! Upcoming Events FAQ Our Mission Statement FAQ Wish List CCHS depends on the donations of our members and supporters. We always need the following items: Wish List Doggie Sleep Over “Doggie Sleep Overs” is a new program at CCHS designed to help us place adoptable dogs in the best possible homes! Doggie Sleep Over Getting Involved The Clark County Humane Society depends on the work of many volunteers, and help is always needed. Getting Involved Membership - Membership Lost & Found Pets - Lost & Found Pets FixaPet Low-Cost Spay/Neuter Surgery Available Through ‘FixaPet’ FixaPet Happy Homes! - Happy Homes! Foster Care A great way to help us out at CCHS is to provide foster care for animals in need. Foster Care Shelter Tours & Directions Special Tours can be arranged for your group today! Shelter Tours & Directions Kitty City - Kitty City Kwik Trip Kwik Rewards Fund-Raising Program Kwik Trip Fundraising There are many, many ways that you can help us with our fundraising efforts at CCHS. Some of our current programs include: Fundraising CC Resale Shop 'til You Drop at CC RESALE! CC Resale Paws N Claws - Paws N Claws Special Needs Pets - Special Needs Pets Construction Update Open House a Huge Success! Construction Update Puppy Mills & Dog Auctions Governor Signs AB250! Puppy Mills & Dog Auctions Dog Auction Protest 24 Rescue Dogs Arrive at CCHS Dog Auction Protest ‘The Box’ (part 1 and conclusion) - ‘The Box’ eBay Sales Check out our CC Resale Store on eBay! eBay Sales JCHS Rescue 40 Animals Rescued from Juneau County JCHS Rescue INFORMATION ARCHITECTURE The current CCHS website does not contain any main categories. However, there are three distinct elements that are featured:  Sidebar links to information about shelter services, issues, interests  Facebook feed and buttons for social media and donations  Blog posts about shelter news updates and events (listed on main page in chronological order)
  • 6. 6 We propose theaddition of several elements and creative ideas to enhance the current CCHS website. CCHS is an organization with a wealth of visual imagery and available. Those visuals will help to tie in several of the organization and re-design goals. Below are listed some additional proposed aesthetic updates and add-on elements to incorporate into the redesign:  Photographical depictions of current adoptable animals on homepage  Updated and easily accessible donation, adoption, and volunteer forms built-in  Related video and photographs featured throughout the site, especially on foundational pages  New social element: Incorporate past adopters to share with viewers where they and their animal adoptee(s) are currently  New donation element: Incorporate a “wish list” of supplies the shelter needs or desires  Install a uniform footer at the bottom of each webpage listing basic contact information (address, phone, email, etc.)  Install Google analytics to monitor website usability and accessibility Enhanced navigational system labeling is also a main priority for the CCHS website redesign. We propose to re-organize the current navigation system labeling to a more concise, simplified format. We will group like bodies of information together and address the current lack of proper navigational aesthetics. We performed a card sorting-style of usability testing to determine the most appropriate organizational schema for the new system labeling. Below is a chart detailing our navigational system labeling test results and our proposed organization for the new CCHS website. Home Page Navigational Categories Sub-Categories  News and updates  Microfeed links to social media  Lost and Found pet information (depending on CCHS’s priorities, this could also be a wish list)  Current adoptable animals feed  Volunteer, donate links About Us  Shelter information (honors, memorials, etc.)  Contact information, directions to the shelter  FAQ News  Upcoming events, shelter news  Updates from forever homes Adopt  Available pets, also featuring special-needs pets in need of a home  Application information  Other options (fostering, sleepovers) Support Us  Donations and wish list  Volunteering  Membership and sponsorship opportunities Pet Care and Services  Information for new pet owners, including fixing and microchips  Pet supplies and gift shop WEBSITE AESTHETICS At first glance, it is difficult to tell whether or not CCHS has a current logo. One must assume that the disembodied line drawings of a beagle and long hair cat, floating in the upper left corner, is some fashion of logo. On the CCHS Facebook page, those same animals appear inside of a heart with the year and society name arching above. This gets us closer to a logo, but not quite there.
  • 7. 7 The brand image for the CCHS is inconsistent and dated. We propose an updated, sleeker version of the heart made from a stylized cat and dog, as shown at left. This logo will appear at the top left corner of each pageas well as on all social media sites. Thelogo, with its eye-catching appearance, serves tosolidify theimageof CCHS and remind visitors of the organization’s mission. The site itself will have an advanced grid layout with a large image and overlaid newsfeed dominating the top half of the page. The lower half will feature information about adoption and links to pages on involvement, pet care, lost and found, and frequently asked questions. On each subsequent page, there will be a top bar navigation scheme in place of the mission statement, top corner social media links, and a footer with contact information. Our overall aim is to simplify the current website by condensing information into meaningful categories, highlighting aesthetically pleasing visuals, and making the most useful information clear and visible for all users. PROJECT MANAGEMENT Name Role Beth Hennes Communications Expert Abigail Dillon Code Creator, Code Validator Carly Kreger Content Editor Bridgid Gallagher Graphics Creator PROJECT MILESTONES Milestone Status Due Done Interim Report #1 10/13/2014 10/13/2014 Interim Report #2 11/03/2014 Interim Report #3 11/24/2014 Final iteration of website 11/30/2014 Online presentation 12/01/2014 Final Report Compilation 12/15/2014 Group Peer Review Form 12/15/2014 Presentation materials submission 12/15/2014 Not started Completed On Schedule At Risk Off Track
  • 8. 8 Interim Report #2 – Orange Group PROJECT TITLE: Clark County Humane Society Website Renovation CURRENT WEBSITE ADDRESS: http://www.cchs-petshelter.org/ USER GROUPS Persona (Primary) Potential adopter “Leigh Ann Schumacher” Demographics  26-year-old female, not married, does not have kids  Rents an apartment  Has technical school degree (2-year)  Employed as registered nurse at Marshfield Clinic for past 5 years  Always had pets as a child Motivations  Looking for a pet cat or kitten  Wants to be able to recharge and relax when she is not working  Tries to maintain relationships with friends and family, sometimes leaves town for the weekend Environment  Uses computers at work and home, has an smartphone and tablet, enjoys social media  Has cable broadband internet  Spends 2-3 hours a day browsing the web outside of work  Often works long hours, prefers accessing the internet on the couch from her iPad so that she doesn’t have to sit at a desk Quote “It would be nice to have a kitty to play with when I get home.” Scenario Leigh Ann is a nurse in her mid-twenties who lives alone. She has decided that she would like a pet cat or kitten, since those are the only pets allowed in her apartment. She has always liked gray cats with tiger stripes, so she is hoping that she will be able to find one kind of like that. Leigh Ann thinks she would like to adopt a cat rather than buy, so that an animal in need can find a new home, but she has never been through the process before. She has been asking her friends and family if they know about any shelters or people looking for new homes for their cats. She is hoping to visit a shelter to see some of the animals on her next weekend off.
  • 9. 9 Persona (Secondary) Lost pet seeker “Troy Nelson” Demographics  34-year-old male, married, has one daughter  Homeowner  Has bachelor’s degree  Employed as accountant for the Clark Electric Co-op utility company for past 8 years  Considers himself a “dog person” Motivations  Looking for lost pet  Wants his wife and daughter to have happy, comfortable lives  Loves outdoor activities  Doesn’t have a lot of time after work on weeknights, but tries to devote weekends to family Environment  Uses computer at home for email, has smartphone. Has tablet, but daughter is primary user  Has cable broadband internet  Spends an hour a day browsing the web outside of work  Usually accesses internet from desktop computer in his home office, uses smartphone for simple internet tasks Quote “We’ve looked everywhere for Checkers... I wish he’d just come home!” Scenario Troy’s family dog, “Checkers,” recently got away after his daughter didn’t latch the screen door on the back porch. The dog was acting strangely before he ran away, so the family is worried that he might be sick and confused. Troy has been searching the neighborhood after work and posted fliers everywhere with his contact information and dog’s picture on them. He is hoping that since Checkers has a microchip, it will help someone identify and return him to them. Troy has called the local shelters and animal welfare groups for his lost dog, but so far has had no luck. Persona (Secondary) Potential volunteer “Miranda Davids”
  • 10. 10 Demographics  17-year-old female  High school senior at Neillsville High School  Involved in the National Honors Society  Is working a retail job Motivations  Looking for a place to volunteer, flexible hours  Is rather shy, but wants to expand her social skills  Needs to keep grades up for college scholarships  Never owned a pet, but loves animals and has done a lot of pet-sitting Environment  Has a laptop and a smartphone  Parents’ house has Wi-Fi  Does not have a car, but parents let her drive their vehicle  Spends a lot of time on the internet (laptop) for homework and recreation Quote “I always wanted a dog as a kid, so I may have gone and researched a little too much into pet care.” Scenario As part of the National Honors Society, Miranda is required to spend at least 10 hours per month in community service. However, she is exceedingly busy with classes, homework, and her job, so she needs to find a place with flexible hours, especially nights and weekends. Miranda is also shy, and while she wants to improve her social skills, she feels that finding a position that fits with her interests will make it easier to interact with co-volunteers and patrons. INFORMATION ARCHITECTURE & ORGANIZATIONAL SCHEME Home Page Primary Categories Secondary Categories  News and updates  Microfeed links to social media  Lost and Found pet information (depending on CCHS’s priorities, this could also be a wish list)  Current adoptable animals feed  Adopt, volunteer, donate links About Us  Shelter information (honors, memorials)  Contact information, directions to the shelter  FAQ News  Upcoming events, shelter news  Updates from forever homes  Laws and societal news regarding animals and pet ownership Adopt  Available pets, also featuring special-needs pets in need of a home  Adoption Application  Other options (fostering, sleepovers) Pet Care and Services  Information for new pet owners  Spay/neuter and microchips  Pet supplies and gift shop Support Us  Donations and wish list  Volunteering  Membership and sponsorship opportunities
  • 11. 11 The CCHS website redesign will have an organizational scheme with a three-step hierarchy –Homepage, Primary Categories, and Secondary Categories. We created a Balanced Hierarchy in which the specification of information increases with depth for easy, straightforward navigability. The chart above details our five primary categories and their corresponding secondary categories (14 in total). The five primary categories were identified as the most popular information topics or purposes for visiting the CCHS website. After analyzing the navigational scheme of the current CCHS website, we divided up the remaining information labels by assigning them to one corresponding primary category. For instance, under the primary category “Pet Care and Services,” we have a secondary category for information regarding the spaying and neutering of pets as it is a key service that is offered through CCHS and is relevant to all pet owners. INTERACTIVE FEATURE The main service provided at the Clark County Humane Society is pet adoption. The Adoption Application is the most utilized and accessed interactive feature on the CCHS website. This feature will serve the needs of our Primary User Group (Potential Adopter). The Adoption Application will be used to connect CCHS staff with patrons who wish to adopt the animals in their care. This feature will have its own webpage and it will be placed as both a link on the Home Page, as well as a Secondary Category under the Primary Category, “Adopt.” The following is a list of data to be included in the Adoption Application interactive feature: 1. General Adopter Information  Names, relationship, ages  Address(es)  Type of residence, spatial details  Contact Information (phone, email)  Driver’s License  Place(s) of employment  Average annual income 2. Pet Preferences  Name of pet (from adoptable animal feed)  Animal type, breed  Age-range, sex  Family/kid friendly?  Other pet friendly?  Stranger friendly?  Special needs?  Unattended, unrestrained OK? 3. Pet Plans  Reason for wanting a pet  Exercise  Living arrangement (indoor/outdoor)  Emergencies  Out-of-town, not home  Nighttime routine 4. Current/Past Pets  Animal type, breed  Age, sex  Living arrangement  Year(s) owned  Deceased details (if applicable) 5. References  Current/past vet clinic(s) contact information  Family/friend contact information  Renters only: landlord agreement, lease
  • 12. 12 COLOR SCHEME Hex # 0A0F4C Hex # 4598A6 Hex # C7C297 Hex # 7FC443 Hex # 016028 We researched the color schemes of other Wisconsin- based humane society and animal shelter websites. Additionally, we examined successful, non-industry specific websites and texts related to the psychology of color. In order to tie in with thelook and brand of current sites, we chose an analogous color scheme of greens and blues (pictured above in swatches with corresponding 6-digit Hex color codes). To the right is a representation of our mock- up design diagram complete with our chosen color scheme. All corresponding Primary and Secondary Category webpages will continue this color scheme. The scheme will also be added to interactive features, such as the Adoption Application.
  • 13. 13 Interim Report #3 – Orange Group PROJECT TITLE: Clark County Humane Society Website Renovation CURRENT ORGANIZATION WEBSITE ADDRESS: http://www.cchs-petshelter.org/ ORANGE GROUP ORGANIZATION WEBSITE ADDRESS: http://cchspetshelter.liburiedalive.com/ ACCESSIBILITY Criteria Text Alternatives For those unable to see the images on our site, we have included alternative text for each image. More detailed images or those that serve as links to another web page have more detailed alt text. Additionally, because our site features images of many of the adoptable pets, it is important for us to provide a thorough alt-text description of the size, age, and breed of those animals. For example, instead of labeling a picture “dog,” the alt-text contains the more descriptive “small, mid-aged black and white boxer.” Fortunately, the WordPress platform on which we are building our site automatically prompts alt-text descriptions for each linked image. Distinguishable In order to meet guideline 1.4, “Make it easier for users to see and hear content including separating foreground from background,” we have chosen to keep the layout simple, and the overall design clean and high contrast. Readable Font We chose a simple, sans-serif font family with 14-point body text and 20-point and larger for headings. Unfortunately, due to the Word-Press theme we are working with, our logo shrinks as the screen size becomes larger. We are currently working on a solution in order to enlarge the text of the banner. Additionally, while not the best for those with dyslexia, the sans-serif fonts allow for a clean and easily readable look. Color Our colors are high-contrast. The body contains black text on a pale grey background,headers areadark navy,and themenu and header contain white text on a dark blue field. As of this moment, we have avoided using the color of words or content to indicate information. All navigation and links are signaled by text. Readable Apart from making the web page perceivable, it is also important that we follow guidelines to make the content understandable. Thus we use best-web writing techniques for clear, concise language. Additionally, in accordance with guideline 3.1’s advisory techniques, our web page:  Avoids centrally-aligned text. All text is left-justified.  Makes any reference to a location in a web page into a link to that location. For instance, our front page slider picture link to their corresponding pages: contacts to the contact page, mission statement to the about us page, and events to the events page.  Uses a light pastel background rather than white behind black text.
  • 14. 14  Uses images or symbols to clarify. In addition to descriptions of adoptable animals, we have also included a Petfinder widget that provides users with images and text information. We have come across some difficulty, this far in the process, with limiting the text column width using our WordPress theme. The layouts, while responsive to screen size, tend to leave awkward blank spaces and inconsistent placement of text on web pages. Re-writing some of the CSS should fix the issue, but the some of the widgets, like the Petfinder window, are out of our control. Navigable The website offers several different means of navigation while avoiding excessive links on each page. Our menu is large and clearly visible in the sites top bar regardless of the page. The front page contains four widgets with images and large text, like buttons, that each link to the four main pages within the site. In addition to the menu, the page logo serves as a link back to the home page, thus bypassing blocks of material. USABILITY Usability tests were conducted with nine volunteers. We tried to seek testers from demographics that specifically matched our personas and asked them to complete the following tasks:  “Miranda”: signing up to volunteer  “Leigh Ann” persona: finding a pet to adopt  “Troy” persona: looking for help with a lost pet—however, no content on the site for this yet, so this task was redirected to volunteering and adoption  An older user (though not actually a persona): making a donation Their reactions, observations and comments were recorded with screencasts, audio recordings and notes. Their collective conclusions are synthesized below: Components Conclusions Navigation  Dropdown menus in topbar navigation menus do not match content/links on section main pages.  Subpages should have navigation links beyond topbar navigation menus.  Dropdown menus caused some frustration in slower/older browsers.  Not all pages and links had content or worked. Design Elements  Testers liked images of pets on the site.  Blue/teal color theme got positive reactions.  Slider content was not useful and slowed down page.  Some elements were too small (navigation dropdowns, Petfinder widget). Site Content  There was no information for people trying to find a lost pet.  The site was missing content on shelters’ operating/visiting hours.  Testers liked the map and “items we need” ticker, though offered suggestions on how to make them even better.  Pets available for adoption need to be featured more and in prominent locations.  It is good to have links to social media on homepage. The “no-kill shelter” on homepage was also appreciated.
  • 15. 15 Accessibility  Slider took too long to load.  Dropdown navigation menus didn’t work correctly/load completely on slow connection/Internet Explorer. Interactive Elements  Petfinder is nice, but widget could be adjusted to display bigger and with different search options.  It might be useful to also have the Petfinder search open to a separate tab or window.  Google forms were easy, though there were some small design complaints (size of text box, left alignment with margin). Other Observations  Potential adopters seemed likely to do a general sweep of the website learning about the shelter.  It seemed useful to have more than one path to get to same information. Ongoing actions/priorities, based on usability testing  Reconsider navigation and information architecture.  Remove slider and reconsider appearance of homepage.  Check for broken links/empty pages.  Fill in holes in content (hours, lost pets, donation procedures, etc.). CONTENT Outlined below is the HTML and a pictorial representation of the front-end display of the text that will appear in the “About our Organization,” or “About Us” page of our site: HTML <p>Clark County Humane Society is a non-profit organization that was founded in 1987 to assist the lost, surrendered, unwanted, and unloved pets of the area. We actively seek to match homeless pets with new, loving families. We are proud to be one of the few no-kill shelters in the state.</p> <h3><strong>Our Mission</strong></h3> <p>To promote a more humane world through:</p> <ul> <li>A no-kill policy</li> <li>Adoption of homeless cats and dogs</li> <li>Low cost spay/neuter services</li> <li>Education</li> <li>Assistance with pet problems</li> <li>Alleviation of animal suffering</li> </ul>
  • 16. 16 [columns] [span4] <p style="text-align: center;">[btn text="Contact &amp; Directions" tcolor=#FFF thovercolor=#FFF link="http://cchspetshelter.liburiedalive.com/about/contact/" target="_blank"]</p> [/span4] [span4] <p style="text-align: center;">[btn text="Honors &amp; Memorials" tcolor=#FFF thovercolor=#FFF link="http://cchspetshelter.liburiedalive.com/about/shelter-honors-memorials/ " target="_blank"]</p> [/span4] [span2] <p style="text-align: center;">[btn text="FAQ" tcolor=#FFF thovercolor=#FFF link="http://cchspetshelter.liburiedalive.com/about/faq/" target="_blank"]</p> [/span2] [/columns] Schema Microdata Schema.org-formatted RDFa microdata has been added to both four primary pages, including: “About Us,” “News,” “Adopt,” and “Support Us.” Additionally, schema microdata was also added to one secondary page, “Contact & Directions,” because the information included on this page is likely to include highly searchable data such as addresses and phone numbers. To add schema microdata to our pages, we utilized Seamless Schema, a WordPress plug-in. To view the RDFa microdata, simply visit our site by logging in with the information below to open the embedded HTML pages. Website Address: http://cchspetshelter.liburiedalive.com/ Log-In Information: Username Password testers puppies