Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mo' IXD
Search
Nick Finck
March 21, 2012
Technology
4
9.3k
Mo' IXD
Mobile Interaction Design
Nick Finck
March 21, 2012
Tweet
Share
More Decks by Nick Finck
See All by Nick Finck
A Path for Tomorrow
nickf
0
72
UX Career Progression: Understanding UX Career Paths
nickf
7
1.9k
UX Career Progression: Creating & Presenting a UX Portfolio
nickf
2
1k
UX Career Progression: Finding a Niche & Building a Personal Brand
nickf
19
53k
The Nuances of UX - LA UX 2013
nickf
3
550
The Nuances of UX - AIGA JAX 2013
nickf
1
200
How Content Strategy Fits Into the User Experience - LavaCon 2013
nickf
2
670
Nuances of UX - Big D 2013
nickf
0
150
The Cross-Channel Experience - InfoPresse 2013
nickf
1
160
Other Decks in Technology
See All in Technology
技術負債の「予兆検知」と「状況異変」のススメ / Technology Dept
i35_267
1
1k
急成長する企業で作った、エンジニアが輝ける制度/ 20250214 Rinto Ikenoue
shift_evolve
2
880
モノレポ開発のエラー、誰が見る?Datadog で実現する適切なトリアージとエスカレーション
biwashi
6
770
エンジニアのためのドキュメント力基礎講座〜構造化思考から始めよう〜(2025/02/15jbug広島#15発表資料)
yasuoyasuo
15
5.5k
データの品質が低いと何が困るのか
kzykmyzw
6
1k
技術的負債解消の取り組みと専門チームのお話 #技術的負債_Findy
bengo4com
1
1.2k
第13回 Data-Centric AI勉強会, 画像認識におけるData-centric AI
ksaito_osx
0
360
AndroidXR 開発ツールごとの できることできないこと
donabe3
0
110
君はPostScriptなウィンドウシステム 「NeWS」をご存知か?/sunnews
koyhoge
0
720
Classmethod AI Talks(CATs) #15 司会進行スライド(2025.02.06) / classmethod-ai-talks-aka-cats_moderator-slides_vol15_2025-02-06
shinyaa31
0
170
Ask! NIKKEIの運用基盤と改善に向けた取り組み / NIKKEI TECH TALK #30
kaitomajima
1
450
開発者が自律的に AWS Security Hub findings に 対応する仕組みと AWS re:Invent 2024 登壇体験談 / Developers autonomously report AWS Security Hub findings Corresponding mechanism and AWS re:Invent 2024 presentation experience
kaminashi
0
190
Featured
See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
44
9.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
175
51k
Rebuilding a faster, lazier Slack
samanthasiow
79
8.8k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
For a Future-Friendly Web
brad_frost
176
9.5k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Speed Design
sergeychernyshev
25
780
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Transcript
Presented by NICK FINCK MO’ IXD MOBILE INTERACTION DESIGN
ABOUT ME Photo by Jeff Croft - http://bit.ly/g0hPil UX Director
Übermind Personal Site NickFinck.com Twitter @nickf Geek Cred First MOW app
Twitter hashtag: #MoIXD
OVERVIEW Definitions Methods Tools Examples Business Q&A
SKETCHING
“Sketching is a low fidelity way to quickly iterate on
design.”
Nick Finck sketching tools Garrett Dimon sketching tools Michael Angeles
sketching tools Geoff Barnes sketching tools
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
Brandon Ewoldt sketches Michael Angeles sketches Anthony Armendariz sketches KC
Oh sketches
WIREFRAMING
“Wireframes are simply a tool for communicating design decisions.”
OmniGroup OmniGraffle Microsoft Visio Axure RP ProtoShare
Konigi Wireframe Stencil Theresa Neil iPhone Wireframe Stencil Cvilly Touch
Gesture Reference MarlinMobile Android Wireframe Stencil
Paul Trow wireframes James Yoon wireframes Annie Fang wireframes Arquinauta
wireframes
AN EXAMPLE WIREFRAME PROJECT
None
None
None
None
None
None
None
None
A WORD ON METHODOLOGY
WE WORRY ABOUT BROWSERS, CODE, OS…
…AND WHAT IS A MOBILE PLATFORM.
Who cares!
BESIDES, TABLETS ARE JUST PADDS.
…NO, REALLY!
OBSERVE HOW PEOPLE USE IT!
“Testing with users takes the guesswork out of projects.”
PEOPLE DON’T CARE ABOUT THE TECH!
“The best thing a mobile interaction designer can do is
observe human behavior.”
PROTOTYPING
“Prototypes are a quick and easy way to show intended
design behavior.”
Rodolphe Cour,er Paper Prototype Braman, Lau, & Nomikos Paper Prototype
Notepod Paper Prototype NPR Paper Prototype
“So get yourself some paper & duct tape, and go
build something freak’n cool!”
WHAT IS AHEAD?
Oblong’s G-‐Speak gestural interface
MIT Media Lab’s Sixth Sense wearable gestural interface
Kyocera’s concept foldable phone
Skiff Reader "Metal Foil" touchscreen display
Human Media Lab at Queen’s University’s prototype electronic paper phone
None
STRATEGY
“We can't solve problems by using the same kind of
thinking we used when we created them.” - Albert Einstein
Mobile is core to the strategy.
NOT EVERYONE’S BOSS IS MICHAEL SCOTT
…THEY ARE MORE LIKE DAVID WALLACE.
Show them the evidence.
THANK YOU!
QUESTIONS
FOLLOW-UP QUESTIONS Consulting: Ubermind.com Personal: NickFinck.com Email: nfi
[email protected]
Twitter: @nickf