AndroidTOOctober 25, 2012

Peter O’Blenis

FREAKIN’awesome appsfreakinawesomeapps.com

1960 – Text Based UI

1985 – Graphical UI (GUI)

2010 – Natural User Interface (NUI)

The user experience is now the primary differentiator

“Microsoft’s mobile OS takes the cake with the most intuitive and easiest-to-use user interface.”

“Mobile Throwdown: iOS vs. Android vs. Windows Phone” James Pikover, IGN

UX is a differentiator

Apps that connect on a visceral level win

Fun, playful, cool >= Useful

Mobile extension of your brand Intimate connection to your customer

The good The bad The ugly

Discoverable and intuitive Canvas vs Screens Gestures vs buttons Immediate response Relevant transitions and

effects Motion and physics “Feels good” to use it

Bounce at the end of a list or canvas

Tilt of a tile when pressed No more Save button Text hanging off the screen

Graphics Layout Motion Physics Lighting Sound Haptics

Design, Implementation: Everything is Different.

Designer Developer

GAP› User Stories› Wireframes› Video Mock-Ups› Prototypes

› Translate Design Code› Trial & Error› Difficult to communicate

gestures, physics & motions

Lost in Translation

Design This Get This

GAP

Lost in Translation

Native UI widgets don’t cut it HTML5 too slow Platforms use the above What’s left? ………hand coding

OS versions x Devices = ∞ Moving target What combination to support?

What about iOS, Windows?

The same app?

GUI – Outdated Process and Tools Waterfall product

development process

Outdated Peck and Poke UI tools

3000 page UI specifications

NUI process and toolsAgile Development Iterative Motion Based Specs

Cross Platform Rendering and Business Logic

Everything in the UX has a purpose 100% discoverable. Intuitive The details are everything Not constrained by factory controls Different designer skill set

• Expensive• Uncommon skill set• Overkill for some apps• Not appropriate for all content• Truly unique functionality can get away without it…for now

Not yet

Is NUI for All Apps?Is NUI for All Apps?

Beautiful. Tactile. Intuitive. Visceral. Unique. Playful.