Playfind

ux/ui design
A mobile application that displays the local playgrounds as well as its status on how busy each playground is.


Overview

Duration
8 weeks
June - August 2020
Type
Product design (UX/UI + Industrial Design)
A collaborative side project with my classmates during the lockdown.
Roles
UX Researcher — Helo Oliveira
UX/UI Designer — me
Industrial Designer — Jana Bermas
ux Tools
Affinity diagrams|Persona | Journey map Empathy map |Wireframes |Prototype
Program Tools
Adobe XD |Adobe Illustrators |Miro|Google Meets ( remote meetings)


Structure

Target Audience

Primary target audience:

Parents/ guardians who bring kids to the playground

Secondary target audience:

Kids who play in the playground

Objectives

  • To help parents or guardians by providing them an option to explore more playground locations where a physical distancing is possible
  • To create a safer experience for parents/ guardians & kids at the playgrounds during and post-pandemic

    Background

    What is the problem?

    Outdoor activities such as summer camp are cancelled during COVID-19. Parents struggled to find alternative options for kids to spend time outdoors. Bringing kids to the playground is one of the most affordable choices. However, parents found  that it’s difficult to maintain a safe distance between kids at the playground, especially when playgrounds get busy.

    Therefore, we came up with a solution that helps parents or guardians by providing them the option to explore more locations where physical distancing is possible.

    How might we create safer experiences for families in the playground during & post-pandemic?

    Discovery Phase

    Choosing Topics

    We used an affinity diagram to categorize our ideas into 3 themes. They were outdoor, virtual and miscellaneous. We eliminated some topics as we agreed that the scope might be too big or take longer as the pandemic is still on-going.

    Furthermore, we did another affinity diagram to break down into specific settings such as stores, parks, playground, transit centre, and virtual.

    In the end, we picked the playground as our main theme because we think this is an interesting idea to explore. We also wanted to focus on a smaller area as we think it might be too time-consuming if we choose a bigger area like parks.

    At the end of the affinity diagram session, we didn't finalize what kind of HMW question would be under playground circumstance yet as we still wanted to explore our users' problems through our user research.

    Defining Target Audience

    We knew that we would work on our project around the playground, so we wanted to have parents/guardians for our target audience as they are the ones who assess their own decisions of bringing the kids to the playground.


    Research

    Our research goal is to understand behaviours/ perceptions of parents taking kids to playground in Alberta & BC before and during the pandemic, as well as their expectations regarding the new normal (before vaccine is available)

    Survey

    We chose to conduct a survey first as it was the safest choice to gather users' insights during the lockdown.

    Key Takeaways

    • The majority of have not visited playgrounds yet (during the early phase of playground reopening).
    • They also felt a little or very unsafe at playground regarding COVID-19 concerns

    Observations at playgrounds

    We thought that the survey might not provide enough information, so we also did observations at several playground locations in Alberta & BC.

    Key takeaways

    • Both cities observed, there was a very low adoption of safety guidelines.
    • Vast majority of the users, either children or adults, did not seem to worry or change behaviours to establish a physical distance.

    Field interviews

    After gathering the user insights through both survey & observation, we had a difficult time drawing the users' behavioural pattern as the results were somewhat conflicted.

    As a result, we conducted field interviews at playgrounds (at a safe distance) to provide us better understanding.

    Key takeaways

    • Participants were willing to take risk of bringing kids to the playgrounds was due to a low number of cases
    • A common belief that it is fine for the kids to interact & play among with people whom they previously know

    Define

    Persona

    This is where my responsible part is started. Despite some of the results being conflicted, I used these information to draw personas into 3 different groups of parents/guardians.

    Persona #1

    • The persona mainly from the survey method. The survey suggested that most participants do not plan to visit playgrounds anytime soon [during the reopening].
    • It represents a group of people who wouldn't bring their kids to playgrounds during the pandemic.
    Persona #1: Polly Lee

    Persona #2

    • This persona was based mainly on the field interviews. 
    • It illustrates a group of parents/ guardians who felt a little safe to bring their kids out but still be cautious because most interviewees were seen practicing the health guidelines.
    Persona #2: Parvati Shree

    Persona #3

    • The last persona is a combination of survey, observations, & interviews. 
    • It is based on parents/ guardians who were not concerned with the use of the playground.
    Persona #3: Linda Wilson

    Conclusion

    We chose to work with the second persona. We agreed that working with this persona would benefit the remaining personas.

    Empathy map

    After choosing the persona to work with, I created an empathy map.

    Journey map

    I also created a journey map. The map illustrated the needs & opportunities for us to come up with our HMW question.

    Solution brainstorming

    Revisiting the How Might We question

    “How might we create safer experiences for families in playgrounds during & post-pandemic?”

    We evaluated what does “safer experiences” mean to the users. We found that their safer experiences mean:

    • Less crowded people
    • Sanitation
    • Following the provincial health guidelines
    • Less physical contact (among people they don’t know)

    1-minute ideas

    Each of us were given 1 minute to come up with many possible ideas under the "safer experiences" theme.

    Each members' ideas boards

    Card Sorting

    After a discussion, we each picked favourite ideas & categorized into 5 main topics through a card sorting as there were a lot of ideas.

    Round 2 of brainstorming session with card sorting

    Final scope

    We decided to choose the "tracking/ controlling playground use" theme as we wanted to invent a product that can be used after the arrival of the vaccines.

    A few ideas for the final outcome

    Final solution

    Our final solution is to create a mobile application that displays the local playgrounds as well as its status on how busy each playground is.

    Mobile features

    • Locate users’ current location with GPS to detect closest playground
    • Playgrounds information
    • Live playground update + operation hours
    • Collect favourite playgrounds

    Sensor pole

    We also proposed the idea of retrieving live playground data. Our industrial designer found TI mmwave sensor technology, a people counting technology for the sensor pole.

    Privacy issue

    Prior to discovering the people counting technology, we chose CCTV technology as a part of our final product. However, because of the privacy issue, we decided to drop the CCTV idea. As a result, we proceeded with the sensor pole as the final product, along with the mobile application.

    Ideation

    Low-fidelity wireframes

    A rough draft of low-fi wireframes

    Mid-fidelity wireframes

    High-fidelity wireframes

    Branding

    Mood board

    Fun, Carnival, Outdoor & Summer were picked as a mood board theme

    Logo design

    Picking app's name

    • Ideated the app's name around the word "play"
    • Playfind was picked through voting

    Logo design

    Logo sketches
    A variation of logo design sketches

    The mood board is colourful, so I took this opportunity to explore different colour palettes for the logos.

    Logo #1

    • Used a location pin to substitute "i"
    • Colour scheme: complementary colours of purple & orange

    Logo #2

    • Incorporated a seesaw for a playful look
    • Colour scheme: complementary colours of violet & orange

    Logo #3

    • Played around the wordmark with a tetradic colour scheme

    Logo #4

    • Used a pin icon to represent playground locations & the circle inside illustrated a bird-eye-view of a playground roundabout
    • Colour scheme: complementary colours of light pink & lime green

    Finalizing logo design

    We all voted for the logo#4 for the final design. However, our team suggested that I should revisit the colour palette as they think the palette was too soft.

    Explored different palettes

    After revisiting & presenting the new palettes to the team, we chose the #3 colour palette as the final palette. Everyone agreed that bright orange & mint green hinted at the "outdoor", "playful"& "summer" vibes.

    Final logo design

    Prototype

    Features

    • Locate users' current location with GPS to detect the closest playground & explore nearby playgrounds in case
    • Provide each playground information which tells the location, live playground update & operating hours
    • Users are able to favourite their usual playgrounds for a quick access

    Reflection

    What I learned

    • To always conduct various research methods because they might suggest the conflicting results of users' behaviours
    • To Invest time in product brainstorming session even if it may require more than one session
    • Learned how to do a collaborative work remotely as we had to limit any in-person activities

    If I were to revisit this design again,

    • Consider other stakeholders such as officials who involved in playground area during the process
    • Explore on the business model
    Previous: Avenuehq