Utah Open Lands

Utah Open Lands

Utah Open Lands

Utah Open Lands

Utah Open Lands

Utah Open Lands

A web app for a non-profit dedicated to protecting Utah's lands threatened by development for public use.

In the last 20 years, Utah has become populous increasing the need for better outreach and visibility initiatives from Utah Open Lands to reach the public about their mission and aid in saving land. I worked alongside another designer, Megan, to create a site that is accessible across platforms to all users that will provide their audiences to learn, contribute, and donate in saving Utah's Open Lands.

Problem

Utah Open Lands faces challenges in reaching a wider audience due to limited visibility and accessibility of its digital resources, hindering their ability to connect with the community and communicate their mission effectively.

Outcome

We redesigned the Utah Open Lands website to enhance outreach, raise awareness of conservation initiatives, and foster community support, incorporating responsive design, improved accessibility, and streamlined content for an inclusive user experience.

Timeline

May 2021 - June 2021

ROLE

UX Designer & UX Researcher

Team

2 UX Designers

tools

Adobe XD and Photoshop, Zoom, Google Forms, HotJar Analytics

How might we help new and returning users engage and identify personally with the Utah Open Lands experience?
How might we help new and returning users engage and identify personally with the Utah Open Lands experience?
How might we help new and returning users engage and identify personally with the Utah Open Lands experience?
Constraints
challenges
Challenges

Limited time

Our work was under contract for a month in order to research and design so we had to work quickly between two designers.

Research
Subject matter experts' interviews

We also conducted 3 subject matter expert interviews with Utah Open Lands employees to learn about the non-profit business and conservation goals. These interviews enabled us to determine the scope of the project and better understand the opportunity for engaging a broad range of audiences and providing a solution. 

Interview Themes

Donations

While both donations and conservation efforts are important, it was emphasized that donations are crucial as they have a higher significance in creating an immediate impact.

Volunteers

Voluntary efforts to protect lands have only a limited ability to stop the pressure of development on historically important habitats but would be a secondary need.

Donor Engagement

Asking or receiving donations provide immediate protection than expending resources to restore developed land than unaffected land. However, it is harder to request or inform users about how donations are used and create impact.

Research
User interviews

According to Utah Open Lands employees' suggestions, we interviewed 5 Utah residents to collect qualitative information about the current users and new audiences experiences to gauge whether current and new users had a need that might be met with a personalized donation feature.

Research
key insights from User interviews

Confusion is disillusion

We learned that users were confused about who Utah Open Lands is and what they do from their website.

Persuasion has impact

Users felt that Utah Open Lands does not provide enough convincing stories or data to persuade them to donate.

'How' matters as much as 'Why'

We discovered that it is important for users to have details on how their donations and volunteer efforts are directly impacting the mission of Utah Open Lands

Guidance supports experience

We also learned that users tended to feel lost on the site and navigating the site, which made them less likely to make further donations or participate in volunteer efforts.

Semantics matters

Users who viewed the “give” button on Utah Open Lands' website were overwhelmed by the assumption that they would donate which led them to state there was a discrepancy between actual donations and the amount of money raised compared to other websites.

Genuine connection over generic

We also discovered that it is important for users to see personalization features to create a personal relationship between them so they could feel more connected and may be more likely to make donations as well.

Our North star Principles

Responsiveness

Create responsive website for all devices including mobile

Clear Call to Action

Highlight donation button and FAQ as these are the top inquiries received

Actionable Interactions

Showcase current projects to get signatures, volunteers and/or donations

Wireframing & Prototyping
Information Architecture

To help us identify current gaps in the user experience, we conducted a card sorting session to aid in creating a site map. Through this exercise, we identified new task flows for navigating the site for new and returning user for our main solution. We then created a user flow and user journey to help us determine gaps in the donating experience. 

Design validation
Usability testing

We created a mid-fidelity prototype and moved on to evaluate our prototype. We recruited a total of 5 users from Utah and conducted a moderated usability test via Zoom and each session lasting around 20 minutes.

User Efficiency

Test user efficiency with new internal consistent system and site architecture

Discoverability

 Test discoverability of newly designed components such as “donate” and “goals”

Usability

Test discoverability and usability of new interaction flow

Learn & Observe

 Learn about users behavior around of when and where they interact with donate page and get involved

ux/ui iMPROVEMENTS
iterations

We conducted an affinity diagram of user needs and behaviors and synthesized the information to generate actionable insights for improving design. Based on our findings, we created a high-fidelity prototype.

We conducted an affinity diagram of user needs and behaviors and synthesized the information to generate actionable insights for improving design. Based on the findings, we created a high-fidelity prototype.(choices to create final function/design)

Move 'Donate' into the main nav

Our initial bias was having the “Donate” button next to the “Login” button as it would highlight this feature. However, some users were looking through the main navigation system. This made us reconsider the triggers for the Donate feature.

Remove modal from donate page

In our first iteration, we built a modal on the donate page to promote donation options. However, through evaluation, we found that users were overwhelmed by this because it is similar to the “give” wording which they would not utilize this feature. We decided to remove the pop-up feature so that users don’t lose interest in the interaction and experience with UOL.

Showcase 'Donate' & 'Volunteer' through carousel

We experimented with creating a carousel of donation, goals, and volunteering in order to engage our users visually and through actionable CTA'S. We found that users felt this was a nice feature to see easily see how and what Utah Open Lands does and engage to explore the website.

Reflection
Outcome

The result is a more accessible, flexible and useful website to support Utah Open Lands’ growing audience while supporting its mission of protecting land in the state. However, there are considerations to take into account in the future. An example would be redesigning the Login Portal and how the CMS connected to account information changes the experience of Utah Open Lands based on the CMS UX and UI.


Utah Open Lands gave us positive feedback on our redesign and would be more likely to have a developer and future team implement our design and create a smooth transition between the design and CMS. 

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶

Let's Chat!

Navigation

Case studies

© 2024 – Alondra Diaz

Made with love

& 'Chai' kisses 🐶