Loading presentation...

Present Remotely

Send the link below via email or IM


Present to your audience

Start remote presentation

  • Invited audience members will follow you as you navigate and present
  • People invited to a presentation do not need a Prezi account
  • This link expires 10 minutes after you close the presentation
  • A maximum of 30 users can follow your presentation
  • Learn more about this feature in our knowledge base article

Do you really want to delete this prezi?

Neither you, nor the coeditors you shared it with will be able to recover it again.


Design the Future Master Class

This is a first draft of the content for the Design the Future content

Chris Noessel

on 29 July 2014

Comments (0)

Please log in to add your comment.

Report abuse

Transcript of Design the Future Master Class

Each step in the scenario
What’s the problem?
20 minutes
Write out the context for your story.

1. Who is your user?
2. What are his/her goals?
3. What is the big problem they are encountering?

Don’t worry about solutions right now, we're just
framing the problem
Design the Future
1. Ground it in people & stories
2. Pick a delicious future
3. Build your vision
in pairs, on surfaces
People = Personas
Stories = Scenarios
Why this is not sci-fi
1999 A.D. (1967)
Knowledge Navigator (1987)
Sight (2012)
4. Check it.

What does the technology enhance?
What does it make obsolete?
What does the technology retrieve?
What does it revert when pushed to the limit?
World Builder (2009)
Agentive algorithms
Natural User Interfaces
Make It So
Augmented Reality/HUD
Volumetric Projection
Brain interfaces
Affective interfaces

Noteloop's Kit FUI (just pics)

Getting to know you
Against Usability
Design for Dreaming (1956)
Microsoft Productivity Vision (2011)
Chris Noessel
Personas are person-like embodiments of patterns seen in user research. Their beating heart is a set of goals.
Physical stance
Design stance
Intentional stance
Personas trigger
an intentional stance.
Introduce yourself
In 5 minutes, make a drawing:
Future prediction
What you hope to learn today

Then we’ll introduce ourselves using the drawings as a basis.
1. Portrait: Makes the persona feel real
2. Quote: A sense of their mental model
3. Story: To contextualize them.
4. Goals: Why they do what they do.
5. Name: Of course.
5. Get others excited
Against Narrative
Is it believable? Exciting?
Synthesis is key here.
Scenarios are stories about a persona achieving a goal. It includes context, characters, a journey, and a result.
In Pairs
On surfaces
In the best medium
If you're not excited about your idea, it’s not done yet.
Authenticity, confidence, and excitement are infectious.
Rehearse (40:1!)
Speak clearly. Eliminate, ummm... filler words.
Go for a little spectacle.
Recall of object behaviors
Names and locations of elements
Relationships between objects
Abstract required data
Required movement
Switching between input modes
Steps required to perform function
Comprehension of object behaviors
Interpreting complexity
Distinguishing functions
Switching modes
Distinguishing components
Reading instead of recognizing
Good at visualizing systems and structures
Well-versed in usability and HCI/IxD
Responsible for screen sketches
Good at narrative, facilitation, and detail
Well-versed in communication and process
Responsible for documenting research and design
Practice drawing
By yourself, use the simple shapes above to draw the following (get as far as you can)...

Create a toy
Define the perfect cereal box toy for one of the following:
President Obama
A Hollywood stuntperson
A magician
An emergency room nurse

Did you...sketch multiple ideas or make lists?
Go with your instinct or try and think of goals?
Confidently jump into solutions or cautiously ask questions?
“Design in the air is design in the ground.”
(& today that’s drawing)
Draw the future
Take the story you wrote earlier, and draw it out in a storyboard.

1. Draw boxes first. These frame your steps.
2. Draw the opening "shot"
Include the context and the problem the persona has.
3. Draw a new frame for each step.
Remember: See, think, do!
Only worry about the most important interface details.
4. Finish with resolution of the problem.

After you've finished, switch with your partner and give each other feedback.
A bird
A house
A birdhouse
A person
A robot car
A laptop
A phone
An elephant
A corporation
Having an idea
Time passes
A blind man
A spaceship
Ice skating
Iterate the future
Redraw your storyboard implementing your changes and revisions from evaluating against Narrative, User, and Culture.

Share your new storyboard with your partner and exchange feedback.

Choose a future technology
that addresses your persona’s needs.

write a scenario
that explores
that future addresses your persona's needs/goals.

1. Start with the context and larger problem.
2. Write each step.
Speak in terms of the experience, not the tech.
Remember: See, think, do
Be vague about interface details!
Some detail is telling. Too much is a bog.
4. Finish with resolution of the problem.
Is this a future you want?
Is it a future the world can use?
Now, let’s share.
big Social
Ubiquitous tech
Provisional personas are based on assumptions.
When we say goal...
Create a provisional persona
20 minutes
Create a provisional persona to design a future for in this class. You can use one from your business or ask an instructor to help you pick one.

Use the worksheet to build a portrait, quote, story, goals, and name. We’ll discuss it afterward.
What a user wants to

What a user wants to

Who the user wants to
What are the end goals behind these tasks?
Programming my thermostat

Calling my parents
Save money on energy costs.
Have a comfortable house.

Connect with family.
Tasks are dependent upon time, but goals are timeless.
Things to watch out for
Don’t make the story a catalog of UI ideas...
“And then if you click on this tab...”
Don’t give the story extraneous functions...
“But the user might also want to do this...”
Make the story believable.
Make sure the user takes actions that support his/her goals.
Futures are not hard to find
the problem
your persona is encountering at the top of the worksheet.

For each combination on the worksheet, try to find a way to address your persona’s needs. Don’t worry if some don't make sense or are ridiculous ideas. Just try to get out
as many ideas as you can

Pick out a few of your favorite ideas to share with your table.
Explore the future
20 minutes
Write a context scenario
20 minutes
20 minutes
10 minutes
Storyboarding makes
the persona the star
of the show, rather than your product.

Storyboarding helps trigger
new ideas
for how the product might help your persona.

Storyboarding helps communicate
to others.
A few more notes about storyboarding...
20 minutes
Evaluate against the narrative
Look back at the narrative your storyboard tells and answer the following questions on your own.

Does the narrative
make sense
Is it
given your user’s goals?
Does it
solve a problem
for your user?
Does the narrative give
a compelling vision for the future

Once you're done, switch storyboards with your partner and evaluate each other's stories based on narrative.
10 minutes
Evaluate against usability

Go through your storyboard and make note of all the work your user has to do.

Be sure to consider...
Mnemonic Work
Cognitive Work
Physical Work
Visual Work

What are some ways you might be able to reduce the amount of work the user is doing? What else could be handled by the technology?
10 minutes
Evaluating against Culture & Ethics
Answer the following questions on your worksheet.

What does the technology enhance?
What does it make obsolete?
What does the technology retrieve?
What does it revert when pushed to the limit?
Is this a future you want?
Is this a future that is good for the world?

Once you're finished, review these questions with your partner and discuss ways you could improve your design.
10 minutes
Play your idea like a movie
Start with a
social introduction
to the persona.
Who are they?
What are their goals?
What problem do they face?
Why should we care
Next, walk through the scenario
like it’s a movie
(Personas sees, thinks, does.)
Finish the story showing the problem solved.
Finish the preso with recap
How the future tech helps solve the persona’s problem, or helps her achieve a goal.
End with a clear
. (If you’re trying to incite action)
Presentation notes
Rehearse your movie
With a partner, practice introducing your persona and walking through your scenario
in 3 minutes or less
. (Use a timer.)

Rehearse at least 3 times each.

Once you are each comfortable with that, practice articulating the value of the future technology you envision, and any call to action you might have.
30 minutes
Create Materials & Spectacle
Find a way to make your presentation more theatrical. What visual aids can you create? Can you animate it with tools in the class? Can you act it out? Can you add special effects like audio with your phone or computer?

Take some time to create presentation materials and add some spectacle to your presentation and rehearse it again.

What would you do with more time and budget?
30 minutes
15 min
5 min
3 minute presentations.
5 minutes for Q&A.
Jean-Marc Côté & al., cigarette/cigar boxes, postcards for the 1900 World Exhibition in Paris
Cracked.com Photoplasty, 2014
Against Culture & Ethics
being overwhelmed
barely comprehensible patterns
cyclical motion
bezier movement
massive scale
filling up my peripheral vision
10 minutes
Handling objections
There are common objections that occur after presenting a Vision. How would you handle these?

Confusing a Vision for a Solution
“There's no way we could implement this.”

Arguing alternate futures
“You don’t think we should invest in jetpacks?”

Distracting you with exception cases
“What if the persona was blind or deaf?”
Asking after details that aren’t there
“I don’t see how would she quit the service.”
Whoever just presented runs the timer.
This is a 5-10 year vision. We're not looking to implement yet.

We'd love to conider jetpacks in a next scenario.

We'd love to answer these questions in a next phase, after we decide this is the direction we want to go.
What other objections have you encountered?
Full transcript