Township Case Study for Google UX Certificate

My Role UX Designer, Researcher

This project is intended to enhance the features and capabilities of a local township to better serve residents, visitors, and businesses.

What is the project goal?

The existing website can be hard to navigate and the essential tools are not well organized. This causes residents to call in to the township for problems they can solve online. This creates more work for office staff and frustration for the user. Our goal will be to provide an easier experience navigating to the tools and features of the website.

Who is the target audience?

By utilizing Google Analytics data, our primary traffic comes from male (55%) users between the ages of 25 and 34 (34%). I would like to find out more about why there are less older residents utilizing the existing website and improve the design and services currently available. Our target audience will be users between 25 and 64.

Key Challenges and Constraints

I want to make sure that our application is useable by a wide range of people. The township census data reports a population of 20,000 residents with an average age of 43; approximately 20% of the population is under 18 years old. Based on these statistics, I am identifying the following challenges:

Accessibility

Residents who are disabled should be able to consume the information and features in this application. This also includes township documents, calendars, meeting minutes, and more.

Departments

The township has many departments that will need to communicate with on another to discuss any new features that may reduce work for office staff or provide a more positive experience for users.

Consolidation

The township has many different services that provide data on zoning, laws and regulations, etc. These services scatter useful information across several platforms.

Research Study

Residents between the ages of 25 and 65 and who have visited the current website at least once in the past year were interviewed. Our research indicates that users want to be able to pay bills online, access permit forms, contact the township quickly, and find trash pickup days. Let's meet our persona...

Smiling mature man with arms crossed
Johnathan
Kovach
We must teach the children so it will not be necessary to teach adults.
Details
Age / Occupation
62, Teacher
Education
Graduate Degree
Relationship
Married with Children
Children
Samantha (23), Adam(18)
Goals
  • Get the trash schedule during an upcoming holiday
  • Have alerts delivered to his email about trash schedule changes
Personal Story
John is a teacher with 35 years of inspiring young minds. He has lived in his home for 20 years with his wife and two children, Samantha and Adam. John knows that trash pickup does not happen on national holidays, he wants to find out when the alternate pickup day is scheduled.
Frustrations
  • Needs to contact the township but not sure who
  • Unsure of where to find the trash schedule

Journey Map

John's goal is to find out when trash pickup will be rescheduled. He knows that he can call the township, but he is unsure of what department. He prefers to find the information online.

ACTION Find township website Navigate website Vist contact page Complete contact form
Task List
  • Search Google
  • Find website
  • View website and scan for contact page
  • Navigate to the contact page
  • Decide whether to call or email the township
  • Fill out the form and submit question
  • A confirmation screen confirms a successful submission
Feeling Adjective
  • Motivated
  • Accomplished
  • Confused
  • Annoyede
  • Dissatisfied
  • Impatient
Improvement Opportunities Physical displays on township property advertising the website Add a quick links section for residents to quickly get to important pages Provide an interactive component to try to deal with common issues without the need to contact the township John has to wait for a response but would prefer a quicker answer

Design Concepts

Given the previous user story, John should not have to wait for a response from the township.

Goals of the Design Concepts

  • Enable announcements from each department, these announcements can be fed to the homepage.
  • Develop an interactive form to direct the user to the location of their query.
  • Include a FAQ of the most common frustrations for users to assist the search.
Paper wireframe of a contact page

Wireframes

The process to contact the township should be as seamless as possible. A majority of internet users know how to navigate to a contact page and fill out a form. I want to offer alternatives to allow for the user to choose the preferred method of communication.

Goals of the Wireframes

  • The contact page can be accessed through a quick links section on the homepage.
  • Users will be presented with multiple ways to contact the township.
  • Links to help sections or FAQ pages will be listed to attempt to help the user fulfill their objective.
A flow demonstration of the township project.

User Testing Results

The first round of usability studies were used to bring the mockups from paper to digital formats. The second round of studies brought changes utilized in the high-fidelity prototypes.

Round 1 User Testing

  • Users want an easy way to contact the township.
  • Users want an easy way to access township services.
  • Users want to scan the site to see the latest news and meetings.

Round 2 User Testing

  • Users want multiple ways to contact the township.
  • Users want to contact specific township departments.
  • Users want to find calendars and news without having to dig.
Township High Fidelity Flow Design

High Fidelity Designs

The township UX design utilized township colors and brand identity while providing easy access to the most requested features. News and pinned stories are centrally affixed on the homepage to allow easy access to posts and alerts. An email signup form is easily accessible on all main pages. Quick access links and a 'How Do I...?' drop down menu allow users to quickly find what they are looking for. A contact form with alternative methods of communication is available, just in case the user was unable to find the information elsewhere in the app. Finally, the prototype simulates navigation to a sample blog post with related posts.