OUTSTANDING EXPERIENCE IS BUILT ON OUTSTANDING RESEARCH
OUTSTANDING EXPERIENCE IS BUILT ON OUTSTANDING RESEARCH
Design Prompt / Brief:
“Design a responsive cross-platform service to help local government affected by rising sea levels”
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 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.
- 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
Dec 2022 - Jan 2023
UX researcher, UX designer, Information Architect, UX writer
Wireframe development (paper and digital), Prototype development (low fidelity and high-fidelity), User research, Competitor research, Secondary research and analysis.
Adobe XD
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.
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.
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 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.
To test the usability of the CATCHIT dedicated app and responsive website, including:
This data provides insights to inform redesign.
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?
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
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.
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.
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.
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.
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.
Users required a filter for the search results and directory of participating councils.
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.
The Login / Sign in / Sign up page and elements were messy and confusing to users. Redesign involved changes in layout, text and colour.
Mockups incorporated interview findings (existing flowchart), user understanding research (empathy), and usability study findings.
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.
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.
Conduct additional user research in the form of a Usability Study on the High Fidelity Prototypes to refine the design further.
Present ideas to stakeholders, obtain feedback, and conduct a redesign to incorporate their feedback.
As it is a responsive website project, consider designs for other common devices.
Copyright © 2024 - All Rights Reserved | ABN 55 294 077 559
Images by Pixabay Community Contributors and Dall-E.
Powered by GoDaddy Website Builder