Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Upcoming SlideShare
How Natural User Interfaces are changing Human Computer Interaction
Next
Download to read offline and view in fullscreen.

13

Share

Download to read offline

The NUI Paradigm Shift

Download to read offline

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.

Related Books

Free with a 30 day trial from Scribd

See all

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...
  • norita271

    Jul. 8, 2020
  • tobedoubt

    Sep. 8, 2019
  • rachelmercer

    Aug. 12, 2013
  • BillyChoi

    Apr. 26, 2013
  • edjen

    Feb. 23, 2012
  • garfiar

    Dec. 3, 2011
  • lbarbat

    Sep. 14, 2011
  • free_soul

    Sep. 13, 2011
  • erwblo

    Sep. 11, 2011
  • lodog

    Sep. 8, 2011
  • MaDMojO

    Sep. 7, 2011
  • Sharj

    Sep. 7, 2011
  • Lyoko

    Sep. 7, 2011

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.

Views

Total views

2,790

On Slideshare

0

From embeds

0

Number of embeds

154

Actions

Downloads

87

Shares

0

Comments

0

Likes

13

×