observing, remembering & sharing
DESCRIPTION
Presentation for Aol's Experience Design Studio (XDS)TRANSCRIPT
![Page 1: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/1.jpg)
OBSERVING, REMEMBERING & SHARINGPREPARED FOR AOL, Experience Design Studio (XDS)
PROVIDED BY MICHAEL SURTEES
May 13th, 2011
![Page 2: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/2.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/3.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/4.jpg)
Design NotesBLOG: DESIGNNOTES.INFO
![Page 5: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/5.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/6.jpg)
DESIGN NOTES CONTENT TYPES
Interviews
Diagrams
Book Reviews
Experiences
Link Drop
Design Work
![Page 7: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/7.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/8.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/9.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/10.jpg)
LEAN POCKET FAIL
![Page 11: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/11.jpg)
DIAGRAMS
![Page 12: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/12.jpg)
BOOK REVIEWS
![Page 13: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/13.jpg)
COMPARING INSTAGRAM TO
THE LUMIX GF1 & FLICKR PART 1
![Page 14: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/14.jpg)
DESIGNING FOR THE BROWSER OF TODAY
![Page 15: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/15.jpg)
iPAD: GESTURETHEORY.COM
![Page 16: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/16.jpg)
DESKTOP: GESTURETHEORY.COM
![Page 17: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/17.jpg)
MOBILE: GESTURETHEORY.COM
![Page 18: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/18.jpg)
LINK DROP FLOW
![Page 19: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/19.jpg)
LINK DROP PROCESS
![Page 20: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/20.jpg)
LINK DROP POST
![Page 21: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/21.jpg)
LINK DROP MIND MAP
![Page 22: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/22.jpg)
#walkingtoworktoday
![Page 23: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/23.jpg)
#walkingtoworktoday
![Page 24: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/24.jpg)
Silence of the Celebs
![Page 25: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/25.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/26.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/27.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/28.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/29.jpg)
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](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/30.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 31: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/31.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 32: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/32.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 33: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/33.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 34: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/34.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 35: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/35.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 36: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/36.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 37: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/37.jpg)
LIVE TV HOME SCREEN ITERATIONS
![Page 38: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/38.jpg)
IDEAS TO BUILD ON: MOBILE SCREEN ADDITION
![Page 39: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/39.jpg)
IDEAS TO BUILD ON: MOBILE SCREEN ADDITION
![Page 40: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/40.jpg)
IDEAS TO BUILD ON: MOBILE SCREEN ADDITION
![Page 41: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/41.jpg)
IDEAS TO BUILD ON: MOBILE SCREEN ADDITION
![Page 42: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/42.jpg)
IDEAS TO BUILD ON: DROPBOX ADDONS
![Page 43: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/43.jpg)
IDEAS TO BUILD ON: CHROME EXTENSIONS
![Page 44: Observing, Remembering & Sharing](https://reader033.vdocuments.net/reader033/viewer/2022051513/546f3114af7959685b8b4d5f/html5/thumbnails/44.jpg)
THANKS!
Please say hi
Michael Surtees
Email: [email protected]
Twitter: @michaelsurtees
Blog One: designnotes.info
Blog Two: gesturetheory.com/blog