OUTSTANDING EXPERIENCE IS BUILT ON OUTSTANDING RESEARCH

Anna
Gralton
RESEARCH

Anna Gralton RESEARCH Anna Gralton RESEARCH Anna Gralton RESEARCH

Anna
Gralton
RESEARCH

Anna Gralton RESEARCH Anna Gralton RESEARCH Anna Gralton RESEARCH
  • HOME
  • CX
  • CX-ChatGPT+
  • UX
  • UX Review-ChatGPT+
  • RESEARCH
  • UXR
  • ABOUT
  • CONTACT
  • More
    • HOME
    • CX
    • CX-ChatGPT+
    • UX
    • UX Review-ChatGPT+
    • RESEARCH
    • UXR
    • ABOUT
    • CONTACT
  • HOME
  • CX
  • CX-ChatGPT+
  • UX
  • UX Review-ChatGPT+
  • RESEARCH
  • UXR
  • ABOUT
  • CONTACT

catchit UX case study


Design Prompt / Brief: 


“Design a responsive cross-platform service to help local government affected by rising sea levels”


View the CATCHIT Case Study Deck

The background -

Project

target audience

the product

As part of the Google UX Design Professional Certificate, I designed a responsive website and dedicated app. Meet CATCHIT - Councils Adapting To Coastal Hazards Interactive Tool.

the product

target audience

the product

The design is an interactive tool, whereby: A. Councils input / edit sea level rise decision information within a flowchart. B. Any member of the public is able to view the Council’s decision-making process at any time (read-only). 


Information transparency and an informed public increases trust and democracy in discourse, debates and future decision making. 

target audience

target audience

timeline & My Role

- Council jurisdictions that are exposed to sea level rise.

- At-risk property owners (residents and and business)

- Council consultants and employees

- State and Federal government partners

- Community Groups

- Media

- General public

timeline & My Role

my responsibilities

timeline & My Role

Dec 2022 - Jan 2023


UX researcher, UX designer, Information Architect, UX writer


my responsibilities

my responsibilities

my responsibilities

  

Wireframe development (paper and digital), Prototype development (low fidelity and high-fidelity), User research, Competitor research, Secondary research and analysis.

tool

my responsibilities

my responsibilities

Adobe XD

the problem, challenges and project goals

the problem

project goals

project goals

The credibility of local government is often called into question. “How on earth did they make that decision?”, “Why haven’t they acted on that issue?”, "How on earth did they come up with that response?”. CATCHIT aims to overcome this problem in an interactive flowchart tool. 


Able to be applied to any highly-contentious decision-making process, Councils submit information and demonstrate the rationale behind such decisions. Key aspects of this decision-making process can be viewed by any member of the public.


project goals

project goals

project goals

Develop a dedicated app and responsive website for councils to demonstrate the rationalization of the decision-making process of highly-contentious issues, such as actions / responses to sea level rise, and to simultaneously promote the sharing and transparency of information.


secondary research - decision flowchart

secondary research - decision flowchart

secondary research - decision flowchart

As this project involved developing a service to help local government affected by rising sea levels, I was particularly interested in digitizing a decision-making tool surrounding coastal hazards – whereby the decisions, rationale and resulting actions could be publicly available. As such, interviews were focused upon the usability of an existing decision-making flowchart that could potentially be digitized.


interview findings - existing flowchart

secondary research - decision flowchart

secondary research - decision flowchart

Interview participants noted that the existing decision-making flowchart, in its present form, was “confusing”, “cluttered”, “unhelpful”, “hard to read”, “poorly laid out”, “oriented to discouraging people from pursuing it further”, and “misleading”.  It was obvious that the inadequate presentation of this flowchart promotes mistrust, frustration and annoyance. It was also obvious that the interactive digital version would have to do much better.


the research study

purpose of the research

purpose of the research

purpose of the research

To test the usability of the CATCHIT dedicated app and responsive website,  including:

  • ease of use
  • simplicity of the user flow 
  • specific challenges users might face 


This data provides insights to inform redesign.


research goals

purpose of the research

purpose of the research

  • Determine whether users can complete core tasks with ease.
  • Identify pain points on the website. 
  • Determine current design problems that need addressing, feeding these solutions back into the design to improve usability.


research questions

research questions

research questions

Q1. What can we learn from the steps that users are taking while using the website as a whole?

Q2. What can we learn from the steps that users are taking specifically around the information / decision-making flowchart?

Q3. Are there any areas in the user flow where users become stuck?

methodology

research questions

research questions

Research participants completed an unmoderated Usability Study and a System Usability Scale. 

- Five participants (2 females, 2 males, 1 nonbinary)

- 30 minutes 

- Participant selection - representative of target audience


the users

Lachelle

CORE user PROBLEMS

Lachelle

Age - 54

Education - Masters (Social Work)

Occupation - Behaviour Therapist

Problem Statement - Lachelle is a Social Worker who lives in a tight-knit community where properties, including hers and businesses, are at-risk due to sea level rises. She is frustrated at how Council is making decisions in terms of their responses / actions to sea level rises. She finds the literature Council provides to community members is complex and confusing. Also, as a climate activist, she wants to share this information with fellow community members impacted by sea level rises. Lachelle wants to come up with collective ideas, presenting these to Council and participating in public consultation. Not being able to understand how Council makes decisions, however, is preventing her from offering any type of input or recommendations. 

Peter

CORE user PROBLEMS

Lachelle

Age - 33

Education - Degree

Occupation - Engineering Consultant

Problem Statement - Peter is an Engineering Consultant who focuses on sea level rise adaptation solutions for local government. He has two small children, is time-poor and requires quick access to quality and easily understandable council information (such as decision-making frameworks in which the Council operates / acts). His projects are often time-delayed due to not being able to access such information or it being unnecessarily complex and confusing. 


CORE user PROBLEMS

CORE user PROBLEMS

CORE user PROBLEMS

1. Users are time-poor - need easy-to-use, streamlined online experiences / tools to minimise the amount of time spent on tasks. 


2. Lack of Transparency / Available Information for users - Difficult to find formal / official information on how Councils make / made their decisions in relation to action / responses to sea level rises.


3. Information Provided is Technical Language / Confusing Information - Sea level rises are directly impacting user’s properties – homes or business premises. When they manage to locate information relating to responses / actions their local Council is undertaking, it is complex and confusing technical jargon.


4. Frustration with local Council and Decisions Being Made - Frustrated and angry that council is not doing enough or taking the right actions / responses to effectively adapt to rising sea levels in order to save their properties.


Shaping the experience around the user

Information Architecture

The primary focus of the website’s information architecture (IA) was ease of use through a basic / simple design. 


The architecture was built around the two main types of users – Council Users and Other Users. Council users required a secure account and the ability to edit the decision flowchart, while other users were read-only.


Other information deemed necessary was information about the topic – Sea Level Rise. This included a page About SLR and a News page. 


The ability to search for a particular Council was also necessary, which involved including a "Search" page and a "Directory of Participating Councils" page. 


WIREFRAMES - DESKTOP, Tablet AND MOBILE SCREENS (RESPONSIVE WEBSITE) & Dedicated app

low-fidelity prototypes - pre-usability testing

Iteration

To improve user experience and usability of CATCHIT,  a usability study was conducted on the low-fidelity prototypes. Five participants were provided with use scenarios. Their feedback, thoughts, opinions and behaviour was used to improve usability.  

filter feature

similarity of oppositional buttons

similarity of oppositional buttons

Users required a filter for the search results and directory of participating councils.



similarity of oppositional buttons

similarity of oppositional buttons

similarity of oppositional buttons

The Edit and Delete buttons on the Council Flowchart were too similar, with users mentioning the risk of accidental deletion. Shape and colour was changed.


Login process

similarity of oppositional buttons

Login process

The Login / Sign in / Sign up page and elements were messy and confusing to users. Redesign involved changes in layout, text and colour.



low-fidelity prototypes - post-usability testing

MOCKUPS & HIGH-FIDELITY PROTOTYPES

Mockups incorporated interview findings (existing flowchart), user understanding research (empathy),  and usability study findings.

challenges

1. COUNCIL'S LACK OF TRANSPARENCY 


- Council is able to submit and edit information related to their decision in the form of:

-  a description of the exposure

- information about the exposure and decisions

- related scientific research or best practice solutions

- the rationale behind their decisions 

- the actions / responses taken 














2. INFORMATION PROVIDED BY COUNCIL IS TECHNICAL JARGON AND CONFUSING


- while this interactive decision-making flowchart can not prevent jargon, it will minimise information and reduce it down into understandable chunks. It is up to council to provide easy to understand language.









3. FRUSTRATION WITH LOCAL COUNCIL ABOUT THE DECISONS BEING MADE 


- As per Point 1 above, the information and rationale behind the decision-making process can be clearly conveyed. Understanding the council's viewpoint and reasons why a decision was made can often lessen the frustration.





4. USERS ARE TIME-POOR AND NEED  AN EASY-TO-USE, STREAMLINED PROCESS TO MINIMISE THE TIME SPENT ACCESSING AND INTERNALISING INFORMATION 


- the method used to present the flowchart to "other users" provides for streamlined functionality. Users simply click on a particular node in the flowchart and pop-ups provide information the council has input. 



TAKEAWAYS

After working on this for a while, I realised I should have named it MUSHROOM - a more fitting name for a tool that seeks to communicate previously "in the dark" information.


 Once the users understood the concept behind the responsive website and dedicated app, they found it easy to use and easily navigated. This  suggests that both Council users and the public would also be able to use the site and app with ease.


NEXT STEPS -

1

1

1

Conduct additional user research in the form of a Usability Study on the High Fidelity Prototypes to refine the design further.



2

1

1

Present ideas to stakeholders, obtain feedback, and conduct a redesign to incorporate their feedback.


3

1

3

As it is a responsive website project, consider designs for other common devices.



CATCHIT CASE STUDY

Download PDF

Connect With Us

Copyright © 2024 - All Rights Reserved | ABN 55 294 077 559 


Images by Pixabay Community Contributors and Dall-E.

  • HOME
  • CX
  • UX
  • RESEARCH
  • ABOUT
  • CONTACT
  • ACSF Case Study
  • CATCHIT Case Study
  • Boutiquelee Case Study

Powered by GoDaddy Website Builder

This website uses cookies.

We use cookies to analyze website traffic and optimize your website experience. By accepting our use of cookies, your data will be aggregated with all other user data.

DeclineAccept