Serendipity by Design - IxD S. America 13

transcript

Dave Malouf Principal Designer

@Rackspace Experience Design !

@daveixd

Serendipity by Design: The power of the design studio

Happy AccidentsSerendipity

A StoryAre you ready?

Serendipity

SerendipityBY DESIGN

Serendipity At Work

http://informationr.net/ir/16-3/paper491.htmlWhat is serendipity? A workshop report

Serendipity At Work

“Fortune Favors the Prepared Mind” - Louis Pasteur

Four Parts

Environment

Four Parts

Environment

Practice

Four Parts

Environment

Practice

Knowledge

Four Parts

Environment

Practice

Knowledge

Critique

Environment: Studio

You tell me.What is a STUDIO?

First. the Artist Studio

paraphrasing - Robert Fabricant (VP Design @ frog)

The studio is a dynamic canvass--not a room.

What makes up the studio physical experience?

Lots of usable wall space

Line of Site

Overhear others

What do you have to bring into the studio?

Open Mind

Take & Give Criticism

Teach & Learn

Focus & Distraction

Spirit of Exploration

What does the design studio do for you?

Collision

It’s personal. What’s yours? Inspiration

Social

Connection

Comfort/Relaxation

Playful

Pattern Recognition Training

Practice: Craft

What is Craft?

1) Skill with ONE’S HANDS 2) Objects or Work made BY HAND 3) SKILL in carrying out work

What is Craft?

Craft of form making

Craft of tolerances

Craft of motion & line

Craft of tone

Craft of emotion & performance

What is our craft?

Carrier 12:00 PM

TrashBoyYour territory is being caputured!

Defend it or lose it.

Ignore Defend!

Carrier 12:00 PM

Find friends

Twitter

Facebook

Address Book

Email Address

Carrier 12:00 PM

User Name

Bio. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

September 22, 2010 9:59am

51 territories captured1432 experience points5:32 total working hours

Send Message

Add Friend

Carrier 12:00 PM

Company Logo

Select your Mandatory Volunteer Position

Join the cleanse!

Select your employer

What is your name?

Select a home location

Find friends already gainfully employed

Carrier 12:00 PM

Email Address

Password

Join us

Register

Carrier 12:00 PM

User Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

User Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. September 22, 2010 9:59am

Statistics

30% 60% 10%

Territories by company

51 territories captured

[Team name] Score: 91 territories captured

1432 experience points

Your Stats

5:32 total working hours

PrivateGlobal Team

User Name

�!�'leStats Friends

If the player already has an account they login and are taken to the game play screens.

12:00 PM

TrashBoy

Not registered? We need you! Sign up to help keep the city clean.

2Q�ƪUVW�UXQ�WKH�DSS�displays a login screen

Registration is a simple form that creates the basic player account.

Once registers, the

player can create their

character.

This optional step allows players to add friends from existoing social networks and ƪQG�IULHQGV�ZKR�DUH�DOUHDG\�SOD\LQJ�

The main game screen is four parts. 1) The 0DS��&KDW��6WDWV�3URƪOH��5DGDU

The Radar is available form every screen and state of the app by pulling down or tapping on the Radar Bar. It should slide down with a blind type animation.

Swipe left and right to change the view of the main gameplay screen.

Game activity alerts pop up over any screen in the app, or as push alerts when the player is not in the app.

0LQL�SOD\HU�SURƪOHV�DUH�DFFHVV-bile from many places in the app by tapping on a player’s name.

&LW\6WDWH�*DPH�$SS�:LUHƫRZSepter 28, 2010

Carrier 12:00 PM

User Name

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Statistics

30% 60% 10%

Territories by company

51 territories captured

[Team name] Score: 91 territories captured

1432 experience points

Your Stats

5:32 total working hours

�!�'leStats Friends

The tutorial/intro video plays. It should be in the voice of the game and teach the player how to use the app.

After the tutorial, or if the players skips the tutorial, they move into the main game play screens.

7KLV�ƫRZ�UHSUHVHQWV�WKH�FRUH�IXQFWLRQDOLW\�RI�WKH�CityState iPhone app.

Context for the app should be mostly established outside of the app itself - on the associated web-sites, iTunes store page, and in other materials.

The tone of the app should be in character and within the game world, only breaking the fourth wall where necessary for successful play.

Creative & Visual Thinking

Representationalism

Model Making

Creative Thinking - I

Ideate Evaluate

Creative Thinking - II

- Sketching the User Experience, by Bill Buxton

Sketch vs. Prototype - Sketching the User Experience, by Bill Buxton

Sketch Prototype

Invitation Attendance

Suggestion Description

Question Answer

Propose Test

Destructive Constructive

What makes it a sketch?

•Fast •Disposable •Rough •Multiplicity •Understandable

Visual Language

- Sketching the User Experience, by Bill Buxton

“I actually did the work on the paper,” [Feynman] said.“Well,” Weiner said, “the work was done in your head, but the record of it is still here.”“No, it’s not a record, not really. It’s working. You have to work on paper and this is the paper. Okay?”

- Genius, by James Gleick, pp 409

Associative Thinking

Alone or With Others

Visual Language

Ed Emberly Simple

More Visual Languages

Knowledge

Our History

Design without art isn’t design.Art & Design

So it doesn’t matter whether art is design, or visa versa, but how does artistic practice make design more valuable.

What is art’s relationship to design?

Bauhaus & Art Deco

Modern Design isn’t all Minimalism

Bauhaus & Art Deco

Our Theory

Foundations

Qualify impact without worrying

about success

Compare & Evaluate

“It was inside the marble and I freed

it.” -- Michaelangelo

Expose vs. construct

Deconstruct to

ReconstructBut to deconstruct an idea you need to

build it.

Exploring Materials & Possibilities

Tinkering

Analytical self-evaluation

Refinement

We compose.Composition

Brings moments of relaxation

Balance

Cause moments of clear focus & brings

attention.

Contrast

There is often more you can do with

less. (not always)

Negative Space

Why is he so big? Scale

MaterialityKnow the material

you work with.

Critique

Design Object Hierarchy(of sorts)

•Standards: Gotta follow; interoperability

•Guidelines: Nice to follow; consistency

•Patterns: Shouldn’t ignore; path most worn

•Principles: Your conscience; integrity/identity

Standards

Guidelines

Patterns

by Christopher Alexander

Principleshttp://dev.windowsphone.com/en-us/design/principles

Dieter Ram’s PrinciplesGood Design:

• Is innovative

• Makes a product useful

• Is aesthetic

• Makes a product understandable

• Is unobtrusive

• Is honest

• Is long-lasting

• Is thorough down to the last detail

• Is environmentally friendly

• Is as little design as possible

What makes good principles?

• They describe your future outcome(s)

• Separately they can be for anyone … but …

• Combined they can only describe you.

• They are NOT about your process, or your team’s ethos.

Where do your principles come from?

Your design process. Your Story. Your Vision.

Your Story is your Vision

Stories evolveAs will your principles from them.

Tell Act

Experience

Using Principles in Criticism

All in the delivery

Make them pay up.

Thank you Final Questions

Use the ISA 13 app to ask me questions!

@daveixd