January - March 2022
Playful Portals
Physical Interaction | UX Design | Behavioral
Brief : Design a portal that is physically engaging and interactive through exploration of innovative and playful ways of entering a space
![panda1.png](https://static.wixstatic.com/media/1a4d44_15bf387b457b4d06b00e301d24e3c982~mv2.png/v1/fill/w_453,h_422,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/panda1.png)
![panda2.png](https://static.wixstatic.com/media/1a4d44_47bbb076d0c34393a5ae5454fe179e85~mv2.png/v1/fill/w_193,h_194,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/panda2.png)
Role : Research, ideation, concept, making
Outcome : An affectionate personified door that opens upon the user’s interaction with it
Collaborators : Olafur Konrad, Ritty Thomas, Yawen Deng
Demo video of the playful portal i.e. The Affectionate Door
Background + Challenge
The brief was to develop a portal that made entering or exiting a space more interactive and memorable. The challenge lied in identifying what made interacting with a door last longer. This meant exploring playful ways of interacting with a door.
![door_oc.gif](https://static.wixstatic.com/media/1a4d44_9e7c65efbfa249f6b1f2d7fc49671635~mv2.gif)
What do we know about portals and doors?
![Screenshot 2022-08-02 at 23.47.04.png](https://static.wixstatic.com/media/1a4d44_171f4fe0e99a4d31aa8752ae3d95a528~mv2.png/v1/fill/w_154,h_134,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-02%20at%2023_47_04.png)
Doors can symbolize many different things including beginnings, transition, endings, and change in general
![Screenshot 2022-08-02 at 23.47.14.png](https://static.wixstatic.com/media/1a4d44_5219b693cfdc4df8b186825ccc7b58df~mv2.png/v1/fill/w_154,h_134,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-02%20at%2023_47_14.png)
Portals can also act as a bridge to another world or dimension, thus making it engaging and inviting
![Screenshot 2022-08-02 at 23.47.34.png](https://static.wixstatic.com/media/1a4d44_8df22dab3adb4c46805e78264a574599~mv2.png/v1/fill/w_151,h_153,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-02%20at%2023_47_34.png)
The digital era has paved way for doors that function with technological elements increasing the capabilities of the door itself
![Screenshot 2022-08-02 at 23.47.45.png](https://static.wixstatic.com/media/1a4d44_ab8e02cfad974a9d8263ef78da37d7c0~mv2.png/v1/fill/w_132,h_134,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-02%20at%2023_47_45.png)
Portals are designed to be interactive, and playful by creating a sense of mystery and fantasy
Researching about portals and doors opened multiple possiblities that allowed us to explore them and in many ways combine these ideas as well to bring out a unique concept
Project Objective
The aim was to deliver playfulness through the concept and prototype for this project.
The reason why this was a priority was because it was deemed as an important quality of interaction design and it could transform the most mundane task into something engaging and thrilling to do, along with igniting curiosity.
Project goals : Playful, Interactive, Multimodal
![Playful_oc.gif](https://static.wixstatic.com/media/1a4d44_722a572d2dd642b39e3af0c11c8d75f5~mv2.gif)
Explorations
![Screenshot 2022-07-20 at 18.12.24.png](https://static.wixstatic.com/media/1a4d44_bd8002dc967f42dbbd04e2cca19596d4~mv2.png/v1/fill/w_347,h_464,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-07-20%20at%2018_12_24.png)
![Artboard 10.png](https://static.wixstatic.com/media/1a4d44_7a02130c84e747c5962ff62b44c53617~mv2.png/v1/fill/w_289,h_216,al_c,q_85,enc_auto/Artboard%2010.png)
![Artboard 11.png](https://static.wixstatic.com/media/1a4d44_09a2cf231ff14ad58493963ff25cdb9a~mv2.png/v1/fill/w_289,h_216,al_c,q_85,enc_auto/Artboard%2011.png)
We explored and ideated on the portal concept through ideation methods like bodystorming and brainstorming through Crazy 8s.
This helped us get a better understanding of the kind of experience we wanted to deliver and further inclined us on setting playfulness as a priority for our prototype.
![Screenshot 2022-07-20 at 18.13.29.png](https://static.wixstatic.com/media/1a4d44_8ddc4e3a74f14976a5a778f6a3ef9d96~mv2.png/v1/fill/w_549,h_293,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-07-20%20at%2018_13_29.png)
We started off with bodystorming because it was an efficient way of imagining possibilities of what kind of a door/portal we wanted to design.
Since a door involves physical interaction and movement, bodystorming seemed like an ideal way to kick off our ideation.
![Screenshot 2022-07-20 at 18.08.58.png](https://static.wixstatic.com/media/1a4d44_a720bebe5c434c869bf7a21652942a8f~mv2.png/v1/fill/w_392,h_522,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-07-20%20at%2018_08_58.png)
Concept
Our playful portal is a personified door that resembles a Red Panda, which opens upon interacting with it.
The idea behind this, was to give the door a life of its own, that could turn the experience of passing through a door, a meaningful and memorable one.
![pandagif.gif](https://static.wixstatic.com/media/1a4d44_48069eb5afeb43699fd6b458cffd5646~mv2.gif)
Storyboarding
![Screenshot 2022-08-04 at 10.09.33.png](https://static.wixstatic.com/media/1a4d44_6ffc36be84bb473b82957755b77376f9~mv2.png/v1/fill/w_305,h_236,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-04%20at%2010_09_33.png)
Child about to enter classroom
![Screenshot 2022-08-04 at 10.09.47.png](https://static.wixstatic.com/media/1a4d44_763d819648504cb183757595fb430f6c~mv2.png/v1/fill/w_305,h_236,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-04%20at%2010_09_47.png)
Child pets the Red Panda, and it responds to touch by making noises and vibrations through increased heart beats
![Screenshot 2022-08-04 at 10.09.59.png](https://static.wixstatic.com/media/1a4d44_272da01e626445538b09316ca790bd61~mv2.png/v1/fill/w_305,h_236,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-08-04%20at%2010_09_59.png)
The animal growls which means its uncomfortable so the child has to try again by petting the animal at the right spot, upon which it allows her to enter
Storyboarding meant placing the door in a real world setting and figuring out the primary users for this.
Upon contemplation and discussions amongst ourselves, we realized that a school would be a perfect environment for this, where children would be interacting with the door, particularly those between the ages 8-12.
We felt that this age group would be ideal as they would get to learn about different animals this way.
The Making
The making of the prototype involved creating a life-size canvas of a 2D model of a Red Panda with soft fabric and cardboard. Technological elements such as sensors, Arduinos, a speaker and a screen were used to bring the prototype to life. All this was put up against an actual door.
The Arduino powered sensor acted as a heartbeat for the animal, which could be felt when the user placed their hand on the animal’s chest. The speaker acted as the voice and the tablet screen as the eyes of the animal. With these elements blending with the prototype, the door came to life.
![dooor.png](https://static.wixstatic.com/media/1a4d44_31c82070e1d049e7a64e827e6fb61126~mv2.png/v1/fill/w_285,h_182,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/dooor.png)
![bag.png](https://static.wixstatic.com/media/1a4d44_f59be69d62e04cbf987d55b9d1237142~mv2.png/v1/fill/w_285,h_182,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/bag.png)
![Screenshot 2022-07-25 at 23.03.07.png](https://static.wixstatic.com/media/1a4d44_02416e7062d4455ea89af90bdbfc5878~mv2.png/v1/fill/w_281,h_381,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-07-25%20at%2023_03_07.png)
![Screenshot 2022-07-25 at 23.05.03.png](https://static.wixstatic.com/media/1a4d44_c798e3ead5fa44d0b99eaf2f1d06e7c7~mv2.png/v1/fill/w_283,h_382,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/Screenshot%202022-07-25%20at%2023_05_03.png)
![table.png](https://static.wixstatic.com/media/1a4d44_29fdbecb61d34f4bacf6f94277d7d59c~mv2.png/v1/fill/w_285,h_182,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/table.png)
![white.png](https://static.wixstatic.com/media/1a4d44_3bbbf38ce75a443e9a0e4e980685f8b7~mv2.png/v1/fill/w_597,h_181,al_c,q_85,usm_0.66_1.00_0.01,enc_auto/white.png)
Takeaways +
Feedback
The final prototype was received well amongst our peers. Many felt that this was a unique concept and if spent more time, could be developed into a real experience. However, we also had some constructive criticism, mainly involving the practicalities of the concept and the interaction with the prototype. Some of those were:
-
Interactions could be more intuitive
-
Application of the concept in a setting where there are more than one person wanting to pass through the door
-
Amount of time taken to interact with the door when someone is in a hurry
-
Faint heartbeat
My personal takeaway from this, is that I got a great experience of working on a project that wasn’t screen based and focused purely on the interactions and experience that we were trying to deliver. While there were some ups and downs in terms of getting the prototype to work a certain way, it was a great learning experience.
![Screenshot 2022-07-25 at 23.03.38.png](https://static.wixstatic.com/media/1a4d44_aa8ef1a1b84f429186456314bebc5e10~mv2.png/v1/fill/w_409,h_554,al_c,lg_1,q_85,enc_auto/Screenshot%202022-07-25%20at%2023_03_38.png)