OVERVIEW

User Research, Qualitative Research, Prototyping

3D Printing, Final Cut Pro

Oct-Dec 2017

London, United Kingdom

The aim of this study was to engage people into a community. Working in a team, we targeted community gardens and had designed a multi-device system, The-Leaves, which includes a Big-Leaf in the garden, inspiring people enjoy gardening, and Little-Leaves in the surrounding park, attracting people to visit the garden. The portfolio shows the part I participated the most in the user-entered design process.

 

PROCESS

 

#1 BRIEF

Followed the theme of CHI 2018 and its guideline: engage communities. Set the target community, goal, and deadlines.

#2 USER RESEARCH

Interviewed, observed and volunteered in the community, and analysed the stakeholders’ needs through the engagements.

#3 IDEA GENERATION

Came up with an final idea, the leaves, by rapid ideation, story boarding, wireframing, group discussions and creating the information structure.

 

#4 PROTOTYPING

Created both physical prototype, a 3D printed leave-like device, and video prototypes, demonstrating the interaction design.

#5 EVALUATION

Conducted Wizard of Oz method to test the prototypes in UCL campus.

 
 

USER RESEARCH

In our first meeting, our group came to an agreement that we are interested in environmental issue and art. Considered that green community would be easier to access, we contacted two community gardens in London: Grow Mayow Community Garden and Maryon Park Community Garden.

Interview

My group and I visited both community gardens to chat with the owners. After that, we conducted a couple of semi-structured interviews and volunteered in the gardens, to take part in the daily tasks. 

Through the interviews, we formed a basic understanding about community gardens and the problem they were struggled with. Moreover, volunteered in the gardens, we got an insight by participated in the tasks, observed and interacted with the members.

 
First visit Grow Mayow Community Garden

First visit Grow Mayow Community Garden

Volunteer in Grow Mayow Community Garden

Volunteer in Grow Mayow Community Garden

A.E.I.O.U. framework and analysis of Maryon Park Community Garden

A.E.I.O.U. framework and analysis of Maryon Park Community Garden

 

A.E.I.O.U. framework

I led two discussions organising the information we’ve got. We categorised the keywords we noted down into Activity, Environment, Interaction, Object, and User, and linked their relationships. 

We found that:
1  The gardens needed more fundings.
2  The gardens are well aware but not many people actually engaged.
They especially hoped to engage more young people.

 

Rapid sketching practice

Rapid sketching practice

 

Giant leaf-like device

I brought the ideas to the group meeting. We came into an agreement and combined our ideas into our first version of The-Leaves, which was a giant leaf-like device planted outside the garden, offered people chances to volunteer in the community garden, and make a quick donation. The leaf-like device would also be lit up in a little degree after someone engaged in the garden, showing the engaging progress of the day.

IDEA GENERATION

Based on user research results, we began the design process.

The design would be aimed to:
1  Raise the awareness toward the community garden in the surrounding park.
2  Engage more local people to the community garden.

I did several rapid sketching practices and had thought of interaction features, such as touch sensor, motion sensor, and gardening tools, that could be used in the physical interaction device we were looking forward to tackle the user’s need.

 
The sketching of a giant leaf-like device

The sketching of a giant leaf-like device

StoryboardsTop When the garden owner is informed the she has a volunteer. Middle When a jogger runs by the device. We noticed how people might not have the time to stop by while passing it through this storyboard, so we then adjusted the interaction…

Storyboards

Top When the garden owner is informed the she has a volunteer.
Middle When a jogger runs by the device. We noticed how people might not have the time to stop by while passing it through this storyboard, so we then adjusted the interaction design.
Bottom When a family notice the device.

 

Storyboard

Conducting the findings we saw and experienced outside the community garden, I created three storyboards with three senior often seen in the park. This helped me to form a more complete picture on what our device should be like.

 

Information Structure

The application was designed for garden visitors to register for volunteer works and make donations. With the wireframes made by other team members, I created the information structure of the application.

There were two features in this application:
1 Volunteer works registration and the feedback when the works were completed.
2 A quick donation process for the passerby.

The information structure of the application on the device

The information structure of the application on the device

 

PROTOTYPING

Back Drafts of the physical prototype Front Right Physical prototype with LED lights Front Left The 3D blue print of the physical prototype

Back Drafts of the physical prototype
Front Right Physical prototype with LED lights
Front Left The 3D blue print of the physical prototype

 

Physical prototype

Due to its complicated features, including a interface, buttons, and motion sensor light, we decided to skip a low fidelity prototype, and print a 1:1 Little-Leaf physical prototype instead, which the side with a screen would be the Big-Leaf’s prototype. We created the blue print with Tinkercad, and printed with white PLA. 

We used iPhoneSE as the touchscreen, and controlled an LED wire manually as demonstrating the motion sensor light on the Little-Leaf, and the light-up interaction on the Big-Leaf.

Video prototype

To demonstrate our interaction design of the multi-device system, I made two video prototypes for user testing.

Task completion light-up

In our design, the Big-Leaf will light up when a user pressed the button after completing a task. I therefore filmed the light-up process, and added a photo of our group member as a scale. Also, showed the corresponded interface on the side.

Motion sensor light

This showed how the Big-Leaf echos a Little-Leaf’s sensor light. I filmed the light-up process of the physical prototype which was put behind bushes that would made it seems large and far away, and added the picture of the prototype in the front, illustrating the Little-Leaf.

Before pressing the complete button

Before pressing the complete button

After pressing the complete button

After pressing the complete button

Before lights up

Before lights up

Both light up Front Little-Leaf / Back Big-Leaf

Both light up
Front Little-Leaf / Back Big-Leaf

 

 

VIDEO

The video is a summary of our project, including a brief introduction of the community garden at the beginning, the problem we tackled in, and highlights the main features of our devices. The two video prototypes are included. 

Most of the scenes were filmed by one of the group members, and the video was edited by me.

Cover.

Cover.

Introduction of Grow Mayow Community Garden and the surrounding park.

Introduction of Grow Mayow Community Garden and the surrounding park.

Interviews, which one of the owner of the garden shared her attitude towards the garden, and another owner illustrated the problem they were facing.

Interviews, which one of the owner of the garden shared her attitude towards the garden, and another owner illustrated the problem they were facing.

3D demonstrations of The-Leaves. This demonstrates the size of the devices and their location.

3D demonstrations of The-Leaves. This demonstrates the size of the devices and their location.

Motion sensor light video prototype.

Motion sensor light video prototype.

Interface prototype. This highlights the main features of the Big-Leaf, which provides opportunities for users to donate to the garden or do volunteer works.

Interface prototype.
This highlights the main features of the Big-Leaf, which provides opportunities for users to donate to the garden or do volunteer works.

Task completion light-up video prototype.

Task completion light-up video prototype.