Transcript
Page 1: Mobile Interaction Design & Strategy

Who is using your system? We know them.Evidence Driven Design

Mobile Interaction DesignPresented by Nick Finck

Page 2: Mobile Interaction Design & Strategy

About Me

Photo by Jeff Croft - http://bit.ly/g0hPil

User Experience EvangelistBlink Interactive

Personal SiteNickFinck.com

Twitter@nickf

NominatedSeattle’s sexiest geek

Page 3: Mobile Interaction Design & Strategy

Twitter hashtag: #MobileIXD

Page 4: Mobile Interaction Design & Strategy

Overview

1) Tools2) Methodology3) What’s next4) Strategy5) Q&A

Page 5: Mobile Interaction Design & Strategy

You’re just a tool

Page 6: Mobile Interaction Design & Strategy

“Sketching is a low fidelity way to quickly iterate on design.”

Page 7: Mobile Interaction Design & Strategy

Sketching

Brandon Ewoldt sketches

Michael Angeles sketches Anthony Armendariz sketches

KC Oh sketches

Page 8: Mobile Interaction Design & Strategy

Sketching Stencils

Design Commission iPhone Stencil

Design Commission iPad Stencil Design Commission Website Stencil

Design Commission Android Stencil

Page 9: Mobile Interaction Design & Strategy

Sketching Pads

Design Commission iPhone Sketch Pad Design Commission iPad Sketch Pad

Page 10: Mobile Interaction Design & Strategy

“Wireframes are simply a tool for communicating design decisions.”

Page 11: Mobile Interaction Design & Strategy

Wireframes

Paul Trow wireframes

James Yoon wireframes Annie Fang wireframes

Nick Finck wireframes

Page 12: Mobile Interaction Design & Strategy

Wireframe Software

Axure RP ProtoShare

OmniGroup OmniGraffle Microsoft Visio

Page 13: Mobile Interaction Design & Strategy

Wireframe Stencils

Konigi Wireframe Stencil

Theresa Neil iPhone Wireframe Stencil Cvilly Touch Gesture Reference

MarlinMobile Android Wireframe Stencil

Page 14: Mobile Interaction Design & Strategy

“Prototypes are a quick and easy way to show intended design behavior.”

Page 15: Mobile Interaction Design & Strategy

Prototyping

Rodolphe Courtier Paper Prototype

Braman, Lau, & Nomikos Paper Prototype Notepod Paper Prototype

NPR Paper Prototype

Page 16: Mobile Interaction Design & Strategy

“So get yourself some paper & duct tape, and go build something freak’n cool.”

Page 17: Mobile Interaction Design & Strategy

A word about methodology

Page 18: Mobile Interaction Design & Strategy

We worry about browsers, code, OSs,…

Page 19: Mobile Interaction Design & Strategy

…and what is a mobile platform.

Page 20: Mobile Interaction Design & Strategy

Who cares!

Page 21: Mobile Interaction Design & Strategy

Besides, Tablets are really just PADDs.

Page 22: Mobile Interaction Design & Strategy

…No, really!

Page 23: Mobile Interaction Design & Strategy

Observe how people use it!

Page 24: Mobile Interaction Design & Strategy

“Testing with users takes the guesswork out of projects.”

Page 25: Mobile Interaction Design & Strategy

People don’t care about the tech!

Page 26: Mobile Interaction Design & Strategy

“The best thing a mobile interaction designer can do is observe human behavior.”

Page 27: Mobile Interaction Design & Strategy

A little story about touch-screens

Page 28: Mobile Interaction Design & Strategy

What’s going to broadside us?

Page 29: Mobile Interaction Design & Strategy

Gestural Interface

Oblong’s G-Speak gestural interface

Page 30: Mobile Interaction Design & Strategy
Page 31: Mobile Interaction Design & Strategy

Wearable

MIT Media Lab’s Sixth Sense wearable gestural interface

Page 32: Mobile Interaction Design & Strategy
Page 33: Mobile Interaction Design & Strategy

Foldable

Kyocera’s concept foldable phone

Page 34: Mobile Interaction Design & Strategy

Flexible

Skiff Reader "Metal Foil" touchscreen display

Page 35: Mobile Interaction Design & Strategy

Paper-Thin

Human Media Lab at Queen’s University’s prototype electronic paper phone

Page 36: Mobile Interaction Design & Strategy
Page 37: Mobile Interaction Design & Strategy
Page 38: Mobile Interaction Design & Strategy

Let’s talk strategy

Page 39: Mobile Interaction Design & Strategy

“We can't solve problems by using the same kind of thinking we used when we created them.” - Albert Einstein

Page 40: Mobile Interaction Design & Strategy

Throw away the mobile strategy.

Page 41: Mobile Interaction Design & Strategy

“In the end it’s not your mobile web strategy or app-store strategy. It’s just plain strategy.” - Josh Clark, UX-Lx, May 2011

Page 42: Mobile Interaction Design & Strategy

Not everyone’s boss is David Brent

Page 43: Mobile Interaction Design & Strategy

…They are more like Neil Godwin.

Page 44: Mobile Interaction Design & Strategy

Show them the evidence.

Page 45: Mobile Interaction Design & Strategy

Thank You

Page 46: Mobile Interaction Design & Strategy

Questions

Page 47: Mobile Interaction Design & Strategy

Follow-up questions

• Consulting: BlinkInteractive.com• Personal: NickFinck.com• Email: [email protected]• Twitter: @nickf


Recommended