mobile design concepts

Mobile Design Concepts

Chariot Solutions Mobile Application Development Series

November 9th, 2010

Agenda

• Web vs Native

• ‘Mobile First’

• Guiding principles

Web vs. Native

Both

• Mobile optimized sites provide accessibility

• Flagship ‘native’ apps provide ‘warm fuzzies’*

But...

Native

• Device Hardware (GPS, user position, device orientation, multi-touch input)

• Games

Web

• Re-use of existing skills

• Re-use of existing infrastructure

‘Mobile First’

• @LukeW

• Focus

• Context aware

User context

vs

http://www.flickr.com/photos/yourdon/3563994877/

3 Mobile Contexts*

• I am local

• I am bored

• I am micro-tasking

*Tapworthy - Josh Clark

Guiding Principles

User Experience

Cut

Cut again

SIMPLE

http://www.marco.org/1111087530

Cognitive Effort

An app to fly a plane!

Thumb zones

Progressive Disclosure

Disappear

Don’t make them wait“If you have synchronous code in your app you suck”

Mike Lee (@bmf)

Input

Things to Do

• Experience

• Be ruthless with features

• Effort

• Disappear

• Input

Questions?

Resources

• Tapworthy - Josh Clark

• Mobile Design and Development - Brian Fling

• @LukeW @globalmoxie @kgriffin @fling