mobile interaction design & strategy

47
Who is using your system? We know them. Evidence Driven Design Mobile Interaction Design Presented by Nick Finck

Upload: nick-finck

Post on 28-Jan-2015

115 views

Category:

Education


1 download

DESCRIPTION

Long-term mobile strategy for staying ahead of the curveMobile is quickly becoming the go-to platform, as users lean on the convenience of mobile devices before cracking open a laptop. This is causing a cataclysmic change in how we think about user behavior. Context goes hand-in-hand with creating good mobile user experiences. Gestures and more complex interactions are beginning to take shape. Cross-platform, cross-media, cross-channel are quickly becoming critical in the success or failure of products and services online.Now's the time to ask the tough questions: What are the best techniques and methodologies for doing mobile interaction design? How does context play a role in the mobile user experience? What are the up-and-coming mobile techniques? What is your long-term mobile strategy for staying ahead of the curve?In this presentation, we'll explore mobile interaction design (IXD) at great depth, looking at where technology and innovation are taking the mobile industry, and what milestones we'll pass along the way, and we'll walk through some example mobile projects end-to-end.What will I get out of this session?- Knowledge of techniques and methodologies for mobile IXD- Knowledge of how context impacts the mobile user experience- An understanding of how new technologies are changing mobile- A sense of where mobile is headedWho should attend?- User experience professionals- Interaction designers- Product managers- Marketing managers- Others who want to learn about mobile IXD

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