Clicky

fv-splash

Future Voices

Future Voices

Collectively Imagining the Future via Technology

Teaching how to design futures for vacant spaces

A Technology Education initiative that explores ways to bring design futuring to kids in a range of educational settings.

Role: prototyping, event performance, documentation 

Team: Ling Jing, Hannah Rosenfeld, Monique Smith

Featured by Instructables.com

Initial Studio Brief: Create an impact in Pittsburgh through technology.

IxD Design Studio I 
Carnegie Mellon University, Fall 2016 - Spring 2017
Future Voices Events: An Interactive Urban Projection, A Futuring-Driven Projection Mapping, A Virtual Reality Based Futuring Exercise 

Future Voices is our year-long exploration into how technology might facilitate collective, community-driven design futuring around shared spaces. The project began as a whimsical, urban projection event in a vacant lot in Pittsburgh, and the incredible response by children pushed us to consider how we might scale down the technology involved to bring this activity to students in classrooms.

We’ve done three experiments on collective futuring:

  1. An interactive urban projection event
  2. A futuring-driven projection mapping event
  3. A virtual reality-based futuring exercise

While these experiments were iterative, each building upon and incorporating learnings from the previous. We share these experiments in hopes that it will benefit educators looking to bring more creative, future-based activities into their classrooms.

If you are an instructor and want to facilitate our experiments, consult our Instructables profile for our DIY guidelines and lesson plans.

Iteration 1 — Interactive Urban Projection

What we did?

After an extensive research exploring how technology might create impact in Pittsburgh, we became interested in urban projection as an engaging way to invite the community into the process of imagining futures for underutilized spaces around the city. 

ust

With a van's worth of equipment, we took over a vacant lot in Garfield, Pittsburgh and invited the public to share their visions for the future of this rapidly changing neighborhood.

Urban projection proved to be a powerful way to engage the public, and our participants were delighted to see their drawings.

We also did identify opportunities for improvement. While some people stick to the prompt, many of the responses we got were more playful self-expression than specific visions for the future. This highlighted the learned nature of futuring and the need to teach it.

How does it work?

A substantial amount of equipment was involved to facilitate the experience. The setup included a lightbox, sheets of cellophane and a webcam which were all used to capture the users’ drawings in real time. Then we fed the video back into a computer and finally, into the projector. We used a program called Millumin to process the footage and project it onto the surface of the building.

The Impact

We were very excited to see that our youngest participants were some of the best at futuring. This pushed us towards the second phase of our project - a Future Voices Toolkit, which we facilitated 2017 Spring. The FV Toolkit is an open-source resource to support educators in conducting design thinking workshops. 

Iteration 2 — Scale Model Projection

What we did?

With children as our focus, we developed an open-source curriculum that brings accessible design futuring workshops to the students. Our goal was to help teachers empower young students with the skills and confidence to imagine futures for their own community. We piloted the first of these workshops with 4th and 5th graders.

The lesson plan we developed broke down into three parts. The first introduced students to futuring concepts and asked them to focus on designing their personal futures. This consisted of a drawing exercise to imagine their first day of work as an adult.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

The second session shifted the focus away from the individual and toward the community. We asked students to visualize the future for a vacant space in their neighborhood, a building that was recently purchased by their after-school program to be their future home.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

The workshop culminated with a presentation of the children’s work during their year-end showcase. The students’ final drawings were animated and projected onto a scaled model of the new building. 

Just like our Future Fridays event, the use of projection proved to be a powerful way to engage people. The students were delighted to see their drawings brought to life. They spent time huddled around the model identifying their own drawings and the drawings of their peers.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

How does it work?

The primary challenge we faced was scaling down the technology required for the impact of urban projection. To accomplish this, we created a wireframe template of the building. Then we had the students draw their future visions within that template. From there, we scanned the drawings, animated them in After Effects and then projected them onto a scaled model of the building using Millumin.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

Iteration 3 — Virtual Reality

What we did?

Following our experiments with projection as a futuring tool, we set out to find something that would better fit the constraints of a classroom, but still, provide a clear sense of scale and impact. Furthermore, we needed a solution that would be easy to setup.

We landed on virtual reality as an accessible futuring tool. We piloted the next iteration with a group of 6th-8th-grade students at Assemble, an after-school STEM program located in Bloomfield.

The two-hour workshop started with a discussion around futuring, framed specifically around utopias, dystopias and why we might imagine futures in these two different ways.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

After a brief tutorial on CoSpaces, the students were asked to imagine the future for the street that their afterschool program is located on.

To ensure that the exercise remained place-based, we had students work from a template that we modeled the Assemble block. To help guide their thinking, each student was given a prompt. Example prompts included “imagine the block if kids ruled the world”, “if we grew our own food” and “if it flooded all the time.”

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

When the students were finished, they were given a chance to view their future worlds in virtual reality. They also had the opportunity to explore the worlds of their classmates. The session concluded with a brief reflection period. The goal here

The session concluded with a brief reflection period. The goal here was to encourage students to think about their decisions and help them think how their ideas may or may not fit into the real world.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

How does it work?

The workshop centered around CoSpaces a free browser-based application that allows you to build 3D spaces. After building a space in the browser, it can be experienced in virtual reality through the mobile application on a headset like Google Cardboard. To run the workshop each student, or each group of students needs access to a laptop, a smartphone and a VR headset.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

What did we learn?

We observed that by using a digital platform for both design and visualization, we could create a faster feedback loop and dramatically reduce the time needed for students to experience their work. Without prompting, a couple students began testing and iterating. This also gave their teachers an opportunity to engage in discussion and reflection right on the spot.

We also found that due to the immersive nature of VR, students felt motivated to go far beyond the scope of the project. They reimagined the entire world around it. For example, we observed students changing the color of the sky or the physical characteristics of the planet. We found that the bigger and richer the canvas, the more imaginative and ambitious the students became with their designs.

One of the unanticipated consequences of their unrestrained creativity was that it became increasingly difficult to keep the visions grounded in reality. The project may have been to reimagine the future of their school’s street, but few students “colored inside the lines.” Therefore, one of the key challenges is to think through ways to ground students in reality without hindering their raw creativity.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

Initial Design Process

We began with a broad project brief, to explore how technology might create an impact in the city of Pittsburgh. We defined a design question, synthesized and crafted principles to guide our ideation. We developed initial concepts, took them into the field for evaluation and iterated upon ideas to arrive at Final Friday's event.
 

map5

Contextual Inqueries & Field Visits

We immersed ourselves within Pittsburgh's diverse communities to identify challenges and opportunities for a technological intervention. We interviewed designers, community activists, and local residents. We attended community events and spent a day wandering through Wilkinsburg and Homewood, both struggling with the gentrification.

Design Principles

Our exploratory research highlighted the vacancy, the struggles of local business and supporting grassroots development as opportunity areas. We developed the following principles to guide our design.

Gather: Bring people together to exchange ideas and challenge conceptions about safety and community.

Inspire: Visualize possibility, make abstract futures concrete and inspire people to build stronger, more vibrant communities.

Empower: Give residents tools and know-how they need to take control over their spaces before investors do.

With our design principles' guidance, we developed sacrificial concepts. These concepts helped us to test the limits of our ideas and stimulate conversation with experts and users.

Making Vacant Spaces Feel Safer with Light

Our first iteration is a concept for a motion-sensing light installation that would both draw attention to underutilized spaces as well as make them feel safer and more welcoming. The second one improves the concept by interactive light boxes with projectors that activates unused spaces with community ideas to encourage ownership.
 

Storyboard-LightYourOwnWay
Storyboard-LightYourOwnWay2

Crowdsourcing Community Input

To push the idea of crowdsourcing community input about the future, we also developed two concepts.

The first one is a physical installation that invites the community to build their visions for the future of a space. The construction attracts attention, while a recorder urns these efforts into an e-archive.

The second concept, which was the design direction for our urban projection event, is a digital kiosk that collects community responses to a prompt and projects them into physical space.

Storyboard-CrowdsourcingTheFuture
Storyboard-BuileaBetterWilingsburg

Evaluating Concepts with Experts

We took these concepts to community experts to get feedback on where they saw opportunities for further exploration. They were excited about the use of light and projection to activate unused spaces and responded well to our concepts that involved community input. It was at this point that we focused our desire to explore urban projection as a collective design futuring tool.
 

Prototyping Future Friday's

Real-Time Image Processing

To invert the color of the webcam feed, we have started by working on Processing and OpenFrameworks (OF). Although Processing was sufficient, its stability affected our decision on using it in our event. Alternatively, we have experimented with OpenCV on OpenFrameworks, using a background subtraction sketch.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

Using a Quartz Composer Sketch with Millumin

Although none of us have experience with any related platforms, we were able to have a working prototype. We have tried our initial prototype with a similar setup in our studio. Our meeting with Ali Momeni was a turning point, and we have decided to use Millumin with Ali's "livedraw" Quartz Composer sketch.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

Live Performance Problems and Digital Offsetting

At the event, we had problems about stacking two projectors vertically, which wasn't possible. Then we decided to go with a single projector, and aligned our template, prompts etc. accordingly. Our most affecting problem was the noise of LED flickering of our lightbox. We overcame it digitally.

Among the process, we developed and tested several prototypes. We started with simple paper mock-ups, and bodystorming to quickly test our experience design ideas. After we decided on our interaction scenario, we wireframed our user interface in flat by using traditional UX tools at first.

© 2017 Meriç Dağlı 
All rights reserved.

© 2017
Meriç Dağlı 

All rights reserved.

© 2017 Meriç Dağlı 
All rights reserved.