The NUI Paradigm Shift

2,537 views

Published on

Just over a year since its launch and over 25 million units sold to date, the iPad is sparking a paradigm shift in our relationship with devices. This conference looks at the impact that tablets and other NUI devices are having on our lives and how we, as UX professionals, are having to adapt in order to create successful NUI experiences.

Published in: Technology
  • Be the first to comment

The NUI Paradigm Shift

  1. 1. THE NUI PARADIGM SHIFTUX PARIS | JULY 6, 2011 | SAM WOODMAN, ADOBE
  2. 2. 1997 2000 2003 2005 2008
  3. 3. A BIGGER IPHONE?
  4. 4. I was wrong
  5. 5. THAT’S NOT MY ARM
  6. 6. 20 20 20 Pl ay ing games Do ing em a il , re ading Watch ing films 20 20 20 kL is te n ing t o m H ome wo r us ic ???
  7. 7. AN IPAD POWER USER
  8. 8. SHE’S AN ARTIST
  9. 9. SHE’S A CHAMPION
  10. 10. SHE’S A GENIUS
  11. 11. SHE’S A HACKER
  12. 12. WELL, SORT OF...
  13. 13. It’s not just about the technology
  14. 14. OK, IT WAS ME
  15. 15. YOU’RE JOKING, RIGHT?
  16. 16. 20 20 20I wa n t to use t h is li k ea Why do es n’t th is wor k m ag ic wa n d ! w he n I to uch th e sc re en? s tor y! Re a d me m y 20 20 20 nt t o us e An d I do n’t wa Th is do e sn’t wo rk , e it h er! t his! I do n’t wan t to us e th es e!
  17. 17. 20 2020 20 20 20 The experience divide
  18. 18. Start Abstraction Finish Icons from thenounproject.com
  19. 19. Start Abstraction Finish Icons from thenounproject.com
  20. 20. Start Less abstraction Finish Icons from thenounproject.com
  21. 21. Faster Easier Delightful FulfillingStart Better experience Finish Icons from thenounproject.com
  22. 22. Our Job Icons from thenounproject.com
  23. 23. OK, so what’s gonna change?
  24. 24. #1 everything’s going mobile
  25. 25. Connection Speeds Cable/DSL 3G/4G/LTEConnection Speed (Mbps) 50Mb/s 12Mb/s 3G 1995 2000 2005 2010 2015 Source: Adobe Systems, Inc.
  26. 26. Internet Users We Are HereInternet Users (MM) Desktop Mobile 2007 2008 2009 2010 2011 2012 2013 2014 2015 Source: Morgan Stanley
  27. 27. US connected devices: situational usage
  28. 28. #2 tablets will cannibalise other products
  29. 29. A quick recap • No instruction manual • Instant on • 10 hour battery • Portability • Less abstraction • Multiple uses
  30. 30. Reasons for using a tablet instead of a laptop or PC 35% of tablet owners said they used their desktop less or not at all now, and 32% of laptop users said the same since they bought a tablet (May 2011) 31% 21% 15% 12% 12% 12% 11% 10% 7% Easy to Ease of Fast start Convenience Size Can use in Fast speed Like device Lightweight carry with interface/ up multiple features you OS locationsSource: The Nielsen Company, Q1 2011 Mobile Connected Device Report
  31. 31. Impact on existing devices
  32. 32. Impact on existing devices Cannibals!
  33. 33. #3 we’re going to have to design for multiple devices
  34. 34. BeforeDesktop Phone
  35. 35. Graceful degradation
  36. 36. But things have changed... Source: Sheryl Yulin
  37. 37. Now Mobile phoneDesktop Tablet Game TVconsole etc.
  38. 38. Positive influence
  39. 39. fastcodesign.com
  40. 40. #4 design for multiple platforms
  41. 41. There are already a bunch of tablets Source: lesnumeriques.com
  42. 42. Market share 2011 Apple Samsung Motorola Blackberry HP iPad 2 Galaxy Tab Xoom Playbook TouchPad iOS ANDROID QNX WebOS68.7% 19.9% 3.9% 2.8% Source: Gartner April 2011
  43. 43. Platform differences • Different OS’s • Different Android versions • Different gestures • Different screen sizes • Different resolutions • Different pixel densities • Different code for apps
  44. 44. 3.5” diagonal screenSame physical size, di erent pixel counts
  45. 45. 150 x 40 pixel bu onDesktop monitor Galaxy Tab Droid 2 iPhone 4 @100 dpi @160 dpi @240 dpi @320 dpi = 1.5” x 0.4” = 0.9” x 0.25” = 0.6” x 0.17” = 0.46” x 0.13” Same pixel count, di erent physical sizes (Minimum recommended size: 0.25” x 0.25”)
  46. 46. 320x480 @160dpi 640x960 (at same density) 640x960 @320dpi 100% 100% (Not easily. You can make (Not easily. You can make stu ll the screen stu ll the screen using using percent sizing, but your fonts and icons percent sizing, but your will still be tiny. And any xed pixel sizes, e.g. fonts and icons will still be in constraint-based layouts or padding values,100% tiny. And any xed pixel will be wrong.) sizes, e.g. in constraint- based layouts or padding values, will be wrong.) 100%
  47. 47. #5 gestural and sensorial design
  48. 48. iPad sensors• cameras• motion sensor• gyroscope• ambient light sensor• location sensor• proximity sensor• compass
  49. 49. designbynotion.com
  50. 50. tat.se
  51. 51. Slideshare / Dan Saffer
  52. 52. And now some practical stuff...
  53. 53. #1 general guidelines
  54. 54. curiouxblog.wordpress.com
  55. 55. Slideshare / Josh Clark
  56. 56. However, take it all with a pinch of salt...
  57. 57. #2 native apps or web apps?
  58. 58. Native app
  59. 59. Web app
  60. 60. Digital Magazine
  61. 61. #3 designing for gestures
  62. 62. http://boxesandarrows.com/view/storyboarding-ipad
  63. 63. #3 visual design: immersive or tacky?
  64. 64. informationarchitects.jp
  65. 65. Slideshare / Josh Clark
  66. 66. #4 using templates
  67. 67. uistencils.com
  68. 68. teehanlax.com
  69. 69. #4 prototyping
  70. 70. #4 inspiration
  71. 71. We’re living in exciting times...

×