Conserva

A website that helps the users to be involved in conservation by providing easy access to related courses, events, and organizations with digital awards.

OVERVIEW

My Roles: UX Researcher & UX Designer
  • Created the interview questions

  • Conducted contextual inquiry

  • Conducted semi-structured interviews

  • Analyzed data using affinity maps

  • Generated sketch concepts

  • Created the storyboard and narrative walkthrough

  • Built the visual design library (VDL) for the final prototype

  • Led usability testing sessions

Team

Jordan Cursuries

Vanessa Lin

Kewal Shah

Tools

Figma   Miro

Duration

Aug 2021 - Dec 2021

Background

In the Research Methods for HCI class at Georgia Tech, we were given a prompt “Sustainability” for the semester-long group project. After gathering information by browsing over the Internet, speaking with sustainability experts, and brainstorming with the team members, we decided to focus our project on local conservation.

Problem

By studying existing websites and apps and literature reviews, we found that while more people are hopping on the “trend” of living a greener life, public awareness of the biodiversity crisis is still limited. Based on the findings, we came up with the project goal.

Goal

“How can we help young Georgia residents who are outdoor enthusiasts to be aware, interested, and get directly involved in conservation?”

Process
Conserva_Process.png
Solution
Conserva_solution_1.PNG

We created a web-based tool that conveys information on local events and courses, allows users to connect with others with similar interests, and provides virtual awards to encourage users’ participation in conservation activities.

UNDERSTAND

To better understand the problem space, we used four methods to study the related topics as well as gather the information to guide us through the later phases of the project.

Methods
Conserva_Literature_Review_Circle_Icon.png

Literature Reviews

We searched the sources online for our focused topic, conservation, to further explore the problem spaces and acquire scientific evidence.

Conserva_Expert_Review_Circle_Icon.png

Expert Interviews

We conducted interviews with local conservation experts in different fields to gather first-hand information that helped us to define the user characteristics and user goals.

Conserva_Task_Analysis_Circle_Icon.png

Initial Task Analysis

Gain interest -> Research -> Determine to be involved -> Join a community -> Take actions -> Share and advocate

Conserva_Study_Software_Circle_Icon.png

Study Existing Software

We realized that several existing software related to local conservation had disorganized information placement, confusing interface design, and little visual design, which significantly reduced the efficiency for users to find information needed.

Results

User Characteristics

Conserva_UC_Outdoor_Circle_Icon.png

Outdoor enthusiasts

Conserva_UC_Young_Circle_Icon.png

Young adults

(age range: 18-30)

Conserva_UC_GA_Circle_Icon.png

Georgia residents

Conserva_UC_Tech_Circle_Icon.png

Technically literate

User Goals

Conserva_UG_1.png

Conservation of natural habitats

Conserva_UG_2.png

Connect with other nature lovers

Conserva_UG_3.png

Health benefits from nature

Initial Design Implications

Implement good visual design
Include a discussion area for users to interact with others
Provide users digital certificates or badges for conservation efforts

RESEARCH

Semi-Structured Interviews (Virtual)

We included semi-structured interviews due to their nature of collecting more in-depth qualitative data in a fairly efficient and flexible manner compared to direct observation. By conducting interviews virtually, it allowed both interviewers and interviewees to set up the meeting schedule more flexibly.

Goals

Lifestyle & engagement with nature
Understanding of Biodiversity
Engagement with Biodiversity

Process

5 participants
Virtual (MS Teams)
1 host + 1 notetaker

Contextual Inquiries

Although virtual semi-structured interviews could provide us with prominent information efficiently, some nuances can hardly be captured without face-to-face interactions in context. Therefore, one of the team members and I each spent a weekend going on a camping trip with a group of outdoor enthusiasts and conducted contextual inquiries at the campsites.

Goals

On top of the three goals mentioned in the semi-structured interview section, we also asked the interviewees to demonstrate how they use related apps during the camping trip to acquire a more thorough understanding of user flows and users’ favorite functions.

Process

3 participants
In-person
1 interviewer + voice-recorder

Conserva_contextual_inquiry_1.jpg

ANALYSIS

Task Analyses
Conserva_HTA_1.PNG

Our Interviews yielded several different tasks for us to focus on and develop a task analysis for. As our knowledge grew in the problem space we distilled these down to two major tasks that are related. The tasks chosen reflect the major efforts users have to go through to get involved with biodiversity conservation organizations.
   

Task 1: Join a Conservation Organization

Task 2: Be involved in a Conservation Organization

Conserva_HTA_2.PNG
Affinity Map

We compiled the notes from all semi-structured interviews and contextual inquiries and synthesized a total of 130 stickies using Miro. After recording the notes, we looked for patterns as a team and group the ones with similar themes and eventually came down to 8 main findings.

Conserva_affinity_map_1.PNG
Findings

1.    Our users enjoy feeling peaceful and relaxed in nature.
2.    Lack of time and transportation often prevent our users from taking more active roles in                           conservation activities.
3.    Information on conservation activities is not conveniently accessible.
4.    Communities play a huge role for our users in determining whether to join an activity.
5.    The mobile data is usually unstable at the locations where our users practice outdoor activities.
6.    Whether the users are actively involved in conservation activities, our users are already practicing         some principles of “Leave No Trace”.
7.    Our users often share their outdoor experiences with their friends.
8.    Hands-on activities interest our users.

Design Requirements

Functional

1.    The design should allow users to research, identify, and discover biodiversity conservation effort             groups, individuals, and/or organizations.
2.    The design should support/encourage users to share information, organizations, or other media             with other users. 
3.    The design should support group formations, joining of groups, or invitation of others to join groups.

Non-Functional

1.    The design should be flexible and recoverable.
2.    The design should have a simple and minimal user interface design.
3.    The design should be highly responsive and clear to the users.
4.    The design should be collaborative and enable users/organizations to collaborate.

DESIGN

Brainstorming & Sketches
Conserva_sketch_1.PNG
Storyboards & Narrative Walkthrough

Top Idea 1: Let’s Play A Game!
I came up with “Let’s Play A Game!” because it accommodates two of the findings from user research. 

 

  1. Our users mentioned that feeling included was crucial for them. Therefore, having a social network for users to participate in events and activities together can motivate our users to be more involved in conservation. 

  2. Our users expressed the importance of visualizing the progress of their efforts. The impact of biodiversity conservation is often undetectable in a short period, which can frustrate and discourage our users. With “Let’s Play A Game!”, users can visualize their progress from the digital tokens they win from conservation activities.

Conserva_storyboard_1.PNG
Prototype

Visual Design Library (VDL)

I brainstormed on the visual design language first by browsing websites that shared a similar goal in bringing the attention of conservation to people. After analyzing the visual design of the websites, I realized that they shared several design choices. 

  1. The main color schemes are settled on the natural color palette, which includes several shades of green, and some blue and brown. 

  2. The layouts of the websites were all relatively simple and easy to navigate instead of being too fancy. 

 

Based on the findings, we developed the VDL as follows.

Conserva_VDL_2.PNG

Conserva

We created a web-based tool that conveys information on local events and courses, allows users to connect with others with similar interests, and provides virtual awards to encourage users’ participation in conservation activities.

About

Log In & Profile

Groups & Courses

Activities & Events

Conserva_prototype_1.PNG

EVALUATION

Overview

Due to the time limit and course requirements, we conducted a discount evaluation with another peer group of four. Although they did not necessarily fit the profile of outdoor enthusiasts, they fit all the other user characteristics. Since the participants were experts in the human-computer interaction field, they were able to provide suggestions and critics from experts’ perspectives.

Design requirements we evaluated:
Conserva_Eval_DR_1.png
Conserva_Eval_DR_2.png
Procedure
  1. Introduction of the project goals

  2. Cognitive Walkthrough
    I walked through different functions of the prototype to participants while allowing them to ask any questions in the process.

  3. Usability Testing – Think aloud
    We asked the participants to navigate through each page and complete the tasks as they think aloud to share thoughts and feedback on features they came across.
    Task #1: Research and find a conservation effort group that you want to join.
    Task #2: Find a conservation event and share it with your friend.

  4. Survey
    The reason that we included a survey was to get more objective and measurable feedback from the participants.

    • Likert question

      • Measure the learnability and the likelihood of participants to complete tasks using the prototype

    • Open-ended questions 

      • Understand how users feel about the features of the prototype

Findings

Based on the feedback from participants, the prototype fulfilled our Functional Design Requirement #1. However, for the Functional Design Requirement #2, the interactions to complete the access of information should be revised to increase the effectiveness.

Additional design recommendations:

  • Visual design content should be consistent with other existing systems.

  • Users should be prevented from re-registrations.

  • Details of labels should be prompted when it is in hover.

  • The flows should be further studied and revised to enhance the efficiency of use.
     

Future Direction

Iterate

​Due to time limitations, we finished the project after one evaluation session. However, there were several constructive recommendations given by the participants, and I believe that the prototype could be improved and fulfill our target users’ primary goals.