2022
FAVOUR ADESINA
Hello, My name is Favour Adesina and I am a 1st year M.Arch student at Carnegie Mellon University, School of Architecture. I am a hardworking and forward thinking individual, whose passion for design is derived, from the simplification of complex relationships between people, information and space. Through my appreciation of various cultures and urban fabrics, I seek to further attain valuable knowledge and experiences that will further mold my future endeavors in the field of design.
INTERACTIVE DASHBOARD DESIGN Interactive Design Overview Project // Duration: 2 months In collaboration with Nish Nilakantan, Nubia Teklu, Yuning Xia
Alanna is the instructor of a Game Design class, where students will be giving presentations on the game their group designed, and receiving feedback from their peers. Murphy, a presenter presenter,, will present without any tech aids. Frank, one of 20 students, students, will answer prepared questions from Murphy’s team, and give feedback so that Murphy’s team can improve their project. Our aim was to create interactive dashboards Frank and Alanna will have in front of them during Murphy’s presentation.
•Responses from student listeners + up votes •Username of student responders •Question tags
Data Analysis
Initial Wireframe sketch - proffessor view
Hi-Fi Prototype -Professor view Initial
Needs Analysis
4
Empathy Map- Murphy
Lo fi prototype- Professor view, Student view
Hi-Fi Prototype -Professor view Iterated
STUDENT
PRESENTER
INSTRUCTOR
STUDENT
PRESENTER
Software: Figma, InDesign, Photoshop
•Na •Qu •Na •Ot
ame of presentation uestions from presenter ame of presenter/group her student’s responses
INSTRUCTOR
Professor Test
•Name of presentation •Names of students, presenter/group •Presenter’s Questions •Students’ responses to questions
Student Test
Taking into account user needs, we planned to allow the instructor to notify students to focus, while allowing access to customize dashboard layout via tab placement and size. We incorporated a default Focus Mode for student listeners like Frank. Users can switch default Mode off for students who can focus with more interaction; focus Mode button in bright blue for contrast and improved visibility. To engage the student listeners to switch between having focus mode on and off, we added a smooth animation which expands the notes tab and presents more interaction via unanswered questions. Used Gestalt principles with graph representation, instructor can hover over a student’s initials to see their full name .
Hi-Fi Prototype -Student view Initial
Hi-Fi Prototype -Student view Iterated
Screens
5
TIK TOK USER INTERFACE Interactive Design Overview Project // Duration: 1 month In collaboration with Nihad Abu Aker, Irene Kang, Annie Woo,Yuning Xia Software: Figma, Miro, Photoshop
Our focus was on addiction to social media. When we looked at our own experiences with the app, we all admitted that it was hard to leave. We all indicated TikTok as the social media app that we spend the most time on. Through further discussion, we decided that one of the main causes of addiction to Tik Tok was the ability to endlessly scroll. scroll. We decided that this would be the main focus of our primary research and eventually, our final design.
Primary Research Summary •Respondents’ Age: 13 - 25 years old •Daily Social Media Usage: Usage: TikTok:2 HRS, Instagram:1 HR, Snapchat:45 MIN, Wechat:1HR, Whatsapp:45 MIN, YouTube: 2HRS •Effect on Mental Health: Most people claim a significant negative effect.
The assumptions & knowledge gaps, used to help think about which target areas to focus on during research.
Synthesis of Research Findings from Affinity Map
•Purpose for Using Social Media: Free time, communication with friends and family, news source, creativity.
6
Photos of Usability Testing
Brainstorming with Scenarios and Storyboards
Lo-Fi Prototype
Test
Screens Designed
Prototyping screen showing how different paths connect
Mid-Fi Prototype
Prototyping screen showing how different paths connect
7
CONVERSATIONAL USER INTERFACE DESIGN Interactive Design Overview Project // Duration: 3 weeks In collaboration with Celine Tseng, Emilie Zhou, Nathan Zhu Software: Voiceflow, Figma, Miro
The goal of our project was to help emergency service workers in their transportation of patients through an on-board, generative CUI for ambulances. We aimed to transform the three-way relationship between the ambulance, the EMS worker, and the patient. Furthermore, our goal was to prototype a CUI that effectively decreases stress and pressure on the EMT Our design process involved needs analysis, journey mapping and usability testing as well .
Persona: Andre Wilson
Andre is an emergency paramedic who’s passionate about helping others. He recently moved to Pittsburgh so he’s still unfamiliar with the area. Andre often works alone and monitors patients in the back of the ambulance.
Needs Analysis
Empathy Map
After analyzing our findings from the empathy map and needs analysis, we determined some of the crucial needs from the CUI were: Real-time navigation and automatic detouring, detouring, virtual on-board EMS assistance, assistance, effective medical update assistance and words of motivation. motivation.
Journey:
Point A: Ambulance dispatch: Pittsburgh EMS Training Division Point B: Patient’s house in Polish Hill 317 Hancock St. Point C: Nearest hospital Veterans Hospital University Drive 8
Expectations: Have minimum cognitive load on navigation but focus on stabilizing the patient. CUI Solutions: Easy, hands off interaction Provides accurate, relevant information, Navigates and directs passenger to specified location
Empathy Map Andre gets a call from
He asks CUI to navigate to
Andre asks CUI to start
CUI informs And
dispatcher.
patient’s house, picks up
navigation to hospital.
blocks, suggests
User Timeline
patient.
route.
Phase 1
Phase 3
Phase 4
Phase 5
Phase 1
Driving to the patient
•Gain Andre’s trust by asking about options for the desired route. •Finding the best route. •Help Andre prepare his equipment and supplies for taking care of the patient. •Run through checklist.
Phase 2
Driving to the Hospital •Decrease cognitive load -easier to multitask. •CUI prompts Andre about the tasks the CUI can do for Andre. •Provide Andre updates and schedules frequency. •Patient and trip updates.
Encountering a problem
Phase 3
•Update Andre on relevant information when problems occur. •Automatic detouring. •Help Andre goes through the three options and make recommendations. •Auto-recommendations.
Monitoring the patient
Phase 4
•Put Andre at ease by constant accurate update of vitals. •Monitor the patient’s vitals so they remain afloat till hospital arrival. •Update the hospital on Andre’s ETA. •Remove external circumstances slowing Andre.
Arriving at the hospital
CUI informs Andre of patient
Andre and the patient arrive
s alternative
status and ETA.
at the hospital.
Phase 5
•Reaffirm route, guidance as well as patient vital
dre of road-
.
Phase 2
status •CUI confirms existing path. •Reports ambulance unit number and patient condition to the hospital. •CUI acts as dispatcher and human liaison.
9
CONTENT WRANGLING - WEBSITE Interactive Design Overview Project // Duration: 1 month Software: Voiceflow, Figma, Miro
The a
project given
outline
chunk
of
was
to
information
organize into
a
website. Here I am showing the iterative process leading to the current prototype. The group
clients of
in high
question school
were
a
students.
Colour Palette
Light
pink
and
turquoise
as
accent
colours,
I
chose these hues to cater more to high school students.Use of bright colours to catch attention.
Rough Wireframe Sketches
Using Typographical hierarchy to arrange the words, I started with what information I thought was most important. Used white space to separate the information - adhering to a strong visual grid.
10
Rough Wireframe Sketches
Lo-fi Prototype - Home page
Mid-fi protoype- Exploring colour
Test
Added a navigation bar, so that the user always has a way to return to the home page. Typographical heirarchy used for Forum topics and highlighted keywords in blue. Added a pink background to the read more to separate the text and draw the eye. Used progressive disclosure to limit the information that was shown on the home page, so more is revealed on the other pages.
11
THE HEARTBEAT CHAMBER INSTALLATION 3B Interactive Design Acoustics Studio Project // Duration: 3 months In collaboration with: Ethan Paddock and Quinn Li
The quiet of another entity, pulsing through space, fluctuating with time; an ambiguous presence bleeds through polar chambers. The “Observer”, listening to the heartbeat of a foreign unseen matter, Waits in lightlessness, with only pulsing flickers to
illuminate the
darkness. Barren and sterile, the “Subject” is confined by emptiness, Their exposed essence radiates in sound, awaiting the guidance of a greater obscurity. Two correspondent personas, one cloaked in darkness and one washed in fluorescence, co-exist within the manifestation of
one
synonymous
beat.
They
are
a
dynamic power duo oscillating through time.
HOW TO USE: •Person A opens door and sits inside sterile room and closes the door. •Person A puts stethoscope over heart. •Person B sits inside the dark room and closes the door. •Person B places headset over ears. •Person B watches the indicator light beat in sync with person A’s heartbeat, while listening to the beat through the headphones. •Both people can switch and experience the installation from both sides 12
Sterile room
Dark room
Interactivity
Interactivity
Sterile room
Dark room
13
THE ULTERIOR Designing Interactive space studio: Performance School by Day, Nightclub Fashion Venue by Night Location: Tafawa Balewa Square, Lagos, Nigeria REMEMBERANCE ARCADE
A
REMEMBERANCE ARCADE
LAGOS SCHOOL OF
A
TRADITIONAL DANCE
LAGOS SCHOOL OF
CRICKET PITCH
TRADITIONAL DANCE
Ground Floor Plan 1:200
Inner Courtyard of the Lagos School of Traditional Dance
KET PITCH
The Lagos School of Traditional dance is alive with rhythmic treads, throughout the day this annular expanse
Nightclub render
POWER CONVERSION AND STORAGE
will store us in its loins, our physical resonances ever changing, ever imprinted. This landing holds our beats
within its walls and will forever respond to the push and shove of our feet, with the provision of something greater.
Through a covert investiture, void of public apprehension, we follow the currents of our footsteps and motions. We
Temperature Control
domesticate these movements in the space that they formulated, ever dynamic, ever resplendent. This Ulterior is alive in a capacity that echoes the power of our omnipresent divinities,who witness our ability to be untethered, in the midst of a world set to harness our negatives; it matters that we are together, it matters that we do this together. AC Transformer
AC Breaker
Power conversion system
DC Switch
1
DURING THE DAY:
Monitors and Control
Storage Device Batteries
2
3
Microchip Reads Data and Translates Movements into Pulsing Lights
Floor Board
Generator
Print with Microchip and Firmware
The students dance on the tiles, springs allow the tiles to move
The vertical movement of the floor tile drives a small internal
vertically .
generator.
LED Lights Wired to Ground System
Generator converts kinetic energy into electrical energy by capturing the power of motion. Each 75 x 75 x 20cm tile can produce up to 35W of sustained electricity output.
14
Wires Connecting Tile Technology to Club Ceiling
an
2 2 A night, a2 switch in the school is turned on,
3
Electricity from the generator powers a microchip, which
electromagnet on the left side
switching off the left side electromagnet
allow access onto it and descent
in turn controls the LED lights that are within the floor
stays on, holding the metal plate
and activating the one on the right side,
into the night club begins.
tile. LED lights give nightclub visual feedback that the
with the concrete slab in place.
the concrete slab slides to the right to
dancer’s movements are generating electricity.
1 During 1
the
day,
During the day, an electromagnet on the left side stays on, During the day,with anday, electromagnet on in theplace. leftthe side stays During the electromagnet on left sideon, stays on, holding the metal plate the an concrete slab holdingholding the metal concrete slab in slab place. the plate metalwith platethe with the concrete in place.
1
A night, a switch in the school is turned on, switching off A night, switch in school isthe turned on, switching off A anight, a switch in the school is turned on, switching off the left side electromagnet andtheactivating one on the side electromagnet activating the one onone the on the the left side slides electromagnet andtoactivating right side,the theleft concrete slab toand the right reveal thethe right side, concrete slab slides the right reveal the the rightthe side, the concrete slab to slides to thetoright to reveal bucket elevator. bucketbucket elevator. elevator.
Bucket platform compresses to 3 3 Bucket platform compresses to allow access onto it and Bucket platform compresses to allow onto it onto and it and platform compresses to access allow access intoBucket the night club begins. Descension into theinto night Descension theclub nightbegins. club begins. Descension
reveal the bucket elevator. Section AA Detail
The dancers at the Lagos School of traditional dance step and dance upon the floor tiles. These tiles move vertically up and down, a small generator allows the dance steps to be transformed into kinetic energy and stored through a transformer. AC Transformer and Power conversion system transforms the kinetic energy into electrical energy, storing it in Heavy duty lithium batteries, stored underground in the rooms of the nightclub.
A
A B
B
The heavy duty batteries are stored in the rooms underground and used to power the nightclub.
Underground Floor Plan DJ Sound Booth
Speakers Underground Building Form Iteration:
River Goddess Oṣun
Shango God of Thunder
Iyoba (Queen)
Ọọ̀ ni (Ruler) of Ilè-Ifẹ̀
Section BB Section AA
15
GREENHOUSE AS COMMUNITY- THE PLAYSCAPE Praxis II Project Design for Temprality and Circularity In collaboration with: Tabeer Tariq
Homewood is a commuity which is lacking in a lot of basic social infrastructure, grocery stores and recreational facilities. Therefore We are proposing the gradual introduction of
GREENHOUSE
a tapestry of programs, housed by temporal frameworks which cater to the social, economic and agricultural needs of Homewood. Through community driven incentives actualized in and
MAT BUILDING
around these frameworks, we aim to explore how
Homewood
can
gradually
transition
towards a resilient self sustaining future. HOMEWOOD PLAYSCAPE
16
Tapestry of programs- Digital collage
+ =
Final Parti Plan
Early stage planning, zoning & landscaping process
Roof matrix Formal Development
Parti Plan iteration
Massing study
Site plan 17
18
Layered drawing- Section through the project
19
07. PERSONAL WORKS Mixed Media Work
A look into extra curricular works done throughout the years; I have explored various mediums such as acrylic paint, photography, collage and pen. My inspiration for art is often derived from my lived experiences and encounters in the real world, Furthermore, with the use of colours, media, and techniques, I aim to physically represent these experiences and how they made me feel. feel. This chapter looks at various paintings
and artistic endeavours that I have explored over the past few years .
Eyo Festival // Acrylic on watercolour paper // 24” x 16” 20
The More I look The More I See // Acrylic & pen on canvas // 30” x 40”
Exploring Movement, Dynamism and Fluidity of Human Hands // Acrylic, Photography // Model: Lauren Patrick
Canvas Hands//Photography
Photographs exploring the movement, dynamism and fluidity of human hands. Model: Lauren Patrick
Photographsexploring exploringthe themovement, movement, Photographs dynamismand andfluidity fluidityof ofhuman humanhands. hands. dynamism Model:Lauren LaurenPatrick Patrick Model:
Commission for a client // Acrylic on canvas // 57” x 18”
Photographs exploring the movement,
21
THANK YOU! adesinafavour@outlookco. m (412) 73 2232