Natural User Interfases (NUIs) - Android TO Conference 2012
Upcoming SlideShare
Loading in...5

Natural User Interfases (NUIs) - Android TO Conference 2012



Slides from my talk on Natural User Interface design for mobile apps. Presented at Android TO in October 2012.

Slides from my talk on Natural User Interface design for mobile apps. Presented at Android TO in October 2012.



Total Views
Views on SlideShare
Embed Views



1 Embed 2 2


Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment
  • Something we intrinsically all know about. We’re going to define the four corners of the sandbox a little and review the key differences between traditional GUIs and the NUI
  • The Screen! Rendering data on a CRT!!
  • Big step forward. Why did people like the Mac? Not because it had more functionality. Peck and Poke Metaphors, pointing devices Buttons, menus, scrollbars, tab buttons Discoverable once you knew the UI patterns, but not natural
  • Exact date is debatable. First NUI features also debatable Came about with the rise of smart mobile devices Leverages touch Requires new tools, new process and new thinking
  • Think about the apps you are carrying right now? Do they offer truly differentiated functionality or data? Some do, but some don’t. What is your selection criteria? More often than not, it’s the UX.
  • If you wanted proof that NUI has arrived, look at who is investing heavily in it. Did you ever expect to see a statement like this?
  • Weather Channel App vs Partly Cloudy There is Merit in making things fun
  • IKEA, Lexus, - Chance to grow your connection - Failure to connect is a missed opportunity . Your app lives with your customer: In their pocket, purse, car - An app is a marketing tool (Look at my hyundai app!) It may be the only connection some folks have to your company
  • When was the last time you read the instructions. Unless you have a very complex product, functions discoverable Screens are so 2005. Real life is not organized into screens, rather you have a canvas of content that you can move around to Natural motions have replaced buttons as a mechanism of navigation When you touch something that does something, it needs to respond immediately and in a relevant way. Feedback is critical to the learning process and replaces tactile feedback to some extent on screen only interfaces Transitions must communicate what is happening and be relevant Feeling: Hyper intangible. Playful -Consistent experience -> not just splash page
  • Remember the Save/OK button
  • With GUI, assets are graphics & layout
  • There is a reason why only a tiny percentage of apps are use NUIs Much richer interface: more detail (motion) Tools are not there yet Mindset shift required
  • Design is complex. Communicating the design perfectly is almost impossible. Physics, motion, response
  • Design is complex. Communicating the design perfectly is almost impossible. Iteration!
  • HTML5 is too slow Hand coding requires C, graphics knowledge, GL Essentially game development skills
  • Blackberry had the same issue.
  • Designers need to be sensitive to platform design paradigms but novelty has a lot of value
  • This slide should speak to how NUI’s are specified and built. Not waterfall, not 3000 page UI specs, video files, wireframes and contract interaction and iteration. Tools for placing widgets in a 2D environment are no longer relevant In fact, many of the traditional design skills are no longer relevant
  • This is the ideal scenario Closely mirrors game development We need to set up AE – why is it being using- because it’s the motion video tool standard for video –old/new slide Adobe Flash in the old and now the new has Adobe AE – Waterfall – Agile and linear vs iterative?
  • Design is critcal.

Natural User Interfases (NUIs) - Android TO Conference 2012 Natural User Interfases (NUIs) - Android TO Conference 2012 Presentation Transcript

  • AndroidTO October 25, 2012 Peter O’Blenis FREAKIN’ awesome apps
  • 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 Translate Design  Code› Wireframes › Trial & Error› Video Mock-Ups › Difficult to communicate› Prototypes 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 3000 page UI specifications development process Outdated Peck and Poke UI tools
  • NUI process and tools Agile Development Iterative Motion Based SpecsCross 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
  • Is NUI for All Apps? Not yet • Expensive • Uncommon skill set • Overkill for some apps • Not appropriate for all content • Truly unique functionality can get away without it…for now
  • Beautiful. Tactile. Intuitive. Visceral. Unique. Playful.