Download - Observing, Remembering & Sharing

Transcript
Page 1: Observing, Remembering & Sharing

OBSERVING, REMEMBERING & SHARINGPREPARED FOR AOL, Experience Design Studio (XDS)

PROVIDED BY MICHAEL SURTEES

May 13th, 2011

Page 2: Observing, Remembering & Sharing

I’m the creative director and a principal of Gesture Theory Past experiences include working at agencies, startup’s and interactive boutique studios

Publish the blog DesignNotes.info and started #walkingtoworktoday

I have one weimaraner

HELLO

Page 3: Observing, Remembering & Sharing

GESTURE THEORY

We design smart, elegant and lightweight user interfaces for web applications and mobile devices

We create systems that can evolve & scale in an organic way

And hopefully inspire people to enjoy & share their experience

Clients include:

Page 4: Observing, Remembering & Sharing

Design NotesBLOG: DESIGNNOTES.INFO

Page 5: Observing, Remembering & Sharing

I DO IT TO REMEMBER

I DO IT FOR MYSELF

I DO IT TO KEEP MY MIND ACTIVE

I DO IT TO MEET LIKEMINDED PEOPLE

I DO IT BECAUSE I CAN

Page 6: Observing, Remembering & Sharing

DESIGN NOTES CONTENT TYPES

Interviews

Diagrams

Book Reviews

Experiences

Link Drop

Design Work

Page 7: Observing, Remembering & Sharing

I always said on my 30th birthday if I hadn’t yet taken a big risk

in life and started a company or something big, I had to quit

my job on that day and figure something out fast. I guess I got

anxious because on my 26th birthday I walked into Cliff’s office

and retired from advertising. I developed a business plan, found

an investor, and a year and a half later in December of last year,

we opened our doors.

AN INTERVIEW WITH JOHN GARGIULO,

OWNER OF SWICH IN NYC

Page 8: Observing, Remembering & Sharing

If something must be taught, then it is not intuitive… which brought

all the background processes above together and I questioned why

there were only 2 ways to represent time. I sketched some ideas on

a napkin, went back to New York and showed them to my IP Lawyer

who thought they could get design patent protection. There were

some other steps, and then a watch!

THE PERSON BEHIND NOOKA: AN INTERVIEW

WITH MATTHEW WALDMAN

Page 9: Observing, Remembering & Sharing

QUADCAMERA AND TOYCAMERA INTERVIEW

WITH TAKAYUKI FUKATSU, CREATOR

OF IPHONE APPS

So as a first step I want to suggest that “cheap and uncontrollable is

fun”. That’s why ToyCamera only has random effect. I wanted to pick up

the essence of uncontrollable fun of actual ToyCameras. Also I want to

make my ToyCamera as Camera not application. That’s why there is no

Undo, Redo, and import taken photo from album.

Page 10: Observing, Remembering & Sharing

LEAN POCKET FAIL

Page 11: Observing, Remembering & Sharing

DIAGRAMS

Page 12: Observing, Remembering & Sharing

BOOK REVIEWS

Page 13: Observing, Remembering & Sharing

COMPARING INSTAGRAM TO

THE LUMIX GF1 & FLICKR PART 1

Page 14: Observing, Remembering & Sharing

DESIGNING FOR THE BROWSER OF TODAY

Page 15: Observing, Remembering & Sharing

iPAD: GESTURETHEORY.COM

Page 16: Observing, Remembering & Sharing

DESKTOP: GESTURETHEORY.COM

Page 17: Observing, Remembering & Sharing

MOBILE: GESTURETHEORY.COM

Page 18: Observing, Remembering & Sharing

LINK DROP FLOW

Page 19: Observing, Remembering & Sharing

LINK DROP PROCESS

Page 20: Observing, Remembering & Sharing

LINK DROP POST

Page 21: Observing, Remembering & Sharing

LINK DROP MIND MAP

Page 22: Observing, Remembering & Sharing

#walkingtoworktoday

Page 23: Observing, Remembering & Sharing

#walkingtoworktoday

Page 24: Observing, Remembering & Sharing

Silence of the Celebs

Page 25: Observing, Remembering & Sharing

QUOTE FROM URBANDADDY

Everybody has one.

That person who, for reasons you’d rather not disclose, you just

don’t want to see, ever again. Not even on the Internet.

Well, today’s the day. The day to delete that person forever.

With a little help from, yes, the Internet itself...

Introducing Silence of the Celebs, a browser app for Chrome

that literally erases your least-favorite names from the Internet,

available now.

Page 26: Observing, Remembering & Sharing

THE PROCESS: MICHAEL SURTEES

RECONSIDERS THE WEATHER (APP)

http://www.switched.com/2010/12/14/the-process-michael-surtees-reconsiders-the-weather/

Page 27: Observing, Remembering & Sharing

BUILDING PRODUCTS = BEING AGILE +

WILLING TO ITERATE

There are known knowns; there are things we know we know.

We also know there are known unknowns; that is to say we know there

are some things we do not know. But there are also unknown unknowns

– the ones we don’t know we don’t know.

—Donald Rumsfeld

Page 28: Observing, Remembering & Sharing

Process: Weather App

AGILE

Requirements and solutions evolve through collaboration

Frequent inspection and adaption

Tasks are broken into small parts with minimal planning

Emphasize face to face communication over written documents

http://en.wikipedia.org/wiki/Agile_software_development

Page 29: Observing, Remembering & Sharing

Process: Weather App

ITERATION

Design and build just enough, test it anyway possible

Observe what works and what doesn’t, keep Building after that

Work in advance, loop back for other things

Keep it open and allow for a lot of feedback

Page 30: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 31: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 32: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 33: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 34: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 35: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 36: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 37: Observing, Remembering & Sharing

LIVE TV HOME SCREEN ITERATIONS

Page 38: Observing, Remembering & Sharing

IDEAS TO BUILD ON: MOBILE SCREEN ADDITION

Page 39: Observing, Remembering & Sharing

IDEAS TO BUILD ON: MOBILE SCREEN ADDITION

Page 40: Observing, Remembering & Sharing

IDEAS TO BUILD ON: MOBILE SCREEN ADDITION

Page 41: Observing, Remembering & Sharing

IDEAS TO BUILD ON: MOBILE SCREEN ADDITION

Page 42: Observing, Remembering & Sharing

IDEAS TO BUILD ON: DROPBOX ADDONS

Page 43: Observing, Remembering & Sharing

IDEAS TO BUILD ON: CHROME EXTENSIONS

Page 44: Observing, Remembering & Sharing

THANKS!

Please say hi

Michael Surtees

Email: [email protected]

Twitter: @michaelsurtees

Blog One: designnotes.info

Blog Two: gesturetheory.com/blog