Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
Presented by NICK FINCK MO’ IXD MOBILE INTERACTION DESIGN
Slide 2
Slide 2 text
ABOUT ME Photo by Jeff Croft - http://bit.ly/g0hPil UX Director Übermind Personal Site NickFinck.com Twitter @nickf Geek Cred First MOW app
Slide 3
Slide 3 text
Twitter hashtag: #MoIXD
Slide 4
Slide 4 text
OVERVIEW Definitions Methods Tools Examples Business Q&A
Slide 5
Slide 5 text
SKETCHING
Slide 6
Slide 6 text
“Sketching is a low fidelity way to quickly iterate on design.”
Slide 7
Slide 7 text
Nick Finck sketching tools Garrett Dimon sketching tools Michael Angeles sketching tools Geoff Barnes sketching tools
Slide 8
Slide 8 text
Design Commission iPhone Stencil Design Commission iPad Stencil Design Commission iPhone Sketch Pad Design Commission iPad Sketch Pad Design Commission Website Stencil Design Commission Android Stencil
Slide 9
Slide 9 text
Brandon Ewoldt sketches Michael Angeles sketches Anthony Armendariz sketches KC Oh sketches
Slide 10
Slide 10 text
WIREFRAMING
Slide 11
Slide 11 text
“Wireframes are simply a tool for communicating design decisions.”
Slide 12
Slide 12 text
OmniGroup OmniGraffle Microsoft Visio Axure RP ProtoShare
Slide 13
Slide 13 text
Konigi Wireframe Stencil Theresa Neil iPhone Wireframe Stencil Cvilly Touch Gesture Reference MarlinMobile Android Wireframe Stencil
Slide 14
Slide 14 text
Paul Trow wireframes James Yoon wireframes Annie Fang wireframes Arquinauta wireframes
Slide 15
Slide 15 text
AN EXAMPLE WIREFRAME PROJECT
Slide 16
Slide 16 text
No content
Slide 17
Slide 17 text
No content
Slide 18
Slide 18 text
No content
Slide 19
Slide 19 text
No content
Slide 20
Slide 20 text
No content
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
No content
Slide 24
Slide 24 text
A WORD ON METHODOLOGY
Slide 25
Slide 25 text
WE WORRY ABOUT BROWSERS, CODE, OS…
Slide 26
Slide 26 text
…AND WHAT IS A MOBILE PLATFORM.
Slide 27
Slide 27 text
Who cares!
Slide 28
Slide 28 text
BESIDES, TABLETS ARE JUST PADDS.
Slide 29
Slide 29 text
…NO, REALLY!
Slide 30
Slide 30 text
OBSERVE HOW PEOPLE USE IT!
Slide 31
Slide 31 text
“Testing with users takes the guesswork out of projects.”
Slide 32
Slide 32 text
PEOPLE DON’T CARE ABOUT THE TECH!
Slide 33
Slide 33 text
“The best thing a mobile interaction designer can do is observe human behavior.”
Slide 34
Slide 34 text
PROTOTYPING
Slide 35
Slide 35 text
“Prototypes are a quick and easy way to show intended design behavior.”
Slide 36
Slide 36 text
Rodolphe Cour,er Paper Prototype Braman, Lau, & Nomikos Paper Prototype Notepod Paper Prototype NPR Paper Prototype
Slide 37
Slide 37 text
“So get yourself some paper & duct tape, and go build something freak’n cool!”
Slide 38
Slide 38 text
WHAT IS AHEAD?
Slide 39
Slide 39 text
Oblong’s G-‐Speak gestural interface
Slide 40
Slide 40 text
MIT Media Lab’s Sixth Sense wearable gestural interface
Slide 41
Slide 41 text
Kyocera’s concept foldable phone
Slide 42
Slide 42 text
Skiff Reader "Metal Foil" touchscreen display
Slide 43
Slide 43 text
Human Media Lab at Queen’s University’s prototype electronic paper phone
Slide 44
Slide 44 text
No content
Slide 45
Slide 45 text
STRATEGY
Slide 46
Slide 46 text
“We can't solve problems by using the same kind of thinking we used when we created them.” - Albert Einstein
Slide 47
Slide 47 text
Mobile is core to the strategy.
Slide 48
Slide 48 text
NOT EVERYONE’S BOSS IS MICHAEL SCOTT
Slide 49
Slide 49 text
…THEY ARE MORE LIKE DAVID WALLACE.
Slide 50
Slide 50 text
Show them the evidence.
Slide 51
Slide 51 text
THANK YOU!
Slide 52
Slide 52 text
QUESTIONS
Slide 53
Slide 53 text
FOLLOW-UP QUESTIONS Consulting: Ubermind.com Personal: NickFinck.com Email: nfinck@ubermind.com Twitter: @nickf