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.

Multidevice Mambo

5,658 views

Published on

Your UI is no longer a dance solo; it has to interact with many devices and platforms. Even for a single service, the stage is jammed with digital performers. We leap from phone to tablet to PC—and now watches, appliances, even jewelry are lighting up with new intelligence. Learn to choreograph experiences with the whole troupe in mind. This talk spins through a whirling fandango of practical techniques for helping users glide among interfaces, even step between digital and physical. Know when your UI should lead or follow. Adopt the rhythm of sound and silence. And most of all, avoid stepping on the user's feet. UI design is cha-cha-cha changing; learn to keep up with the tempo.

Published in: Design

Multidevice Mambo

  1. 1. MULTIDEVICEMULTIDEVICE UX CHOREOGRAPHY
 AMONG GADGETS !MAMBOMAMBO! josh clark bigmediumjosh@ #UXmambo
  2. 2. josh clark bigmediumjosh@ #UXmambo !MAMBO
  3. 3. WORKS GREAT ON ANY DEVICE SYNCED INSTANTLY EASY, FLUID MOTION
  4. 4. EASY, FLUID MOTION WORKS GREAT ON ANY DEVICE SYNCED INSTANTLY
  5. 5. EASY, FLUID MOTION 21DEVICE CHANGES PER HOUR
  6. 6. EASY, FLUID MOTION 90% ACCOMPLISH TASKS ACROSS SCREENS
  7. 7. EASY, FLUID MOTION 67% START SHOPPING ON ONE DEVICE FINISH ON ANOTHER
  8. 8. WE START
 A NEW SEARCH ON THE OTHER DEVICE
  9. 9. WE TEXT
 OURSELVES ON THE OTHER DEVICE
  10. 10. WE EMAIL
 OURSELVES ON THE OTHER DEVICE
  11. 11. MULTIDEVICE
 MAMBO
  12. 12. SWING TO THE
 BEST POSSIBLE INTERFACE
 AT THE MOMENT
  13. 13. MULTIDEVICE
 ACTIONS +
 MOVEMENT
 BETWEEN
 OBJECTS
  14. 14. M M A B O
  15. 15. M MA BOTHE IS PHYSICAL!
  16. 16. CHA-CHA BETWEEN CHANNELS SASHAY BETWEEN SCREENS FOXTROT BETWEEN
 PHYSICAL & DIGITAL
  17. 17. CHA-CHA BETWEEN CHANNELS SASHAY BETWEEN SCREENS FOXTROT BETWEEN
 PHYSICAL & DIGITAL CHA-CHA
 BETWEEN CHANNELS
  18. 18. IDENTIFY
 the SEAMS
  19. 19. INTERFACE
 DEPRECATES
  20. 20. LEAP
 THE SEAMS
  21. 21. SASHAY
 BETWEEN SCREENS
  22. 22. Samsung Flow bitly.com/flowsamsung
  23. 23. M MA BOTHE IS PHYSICAL!
  24. 24. PHYSICAL INTERACTION
 for PHYSICAL DEVICES
  25. 25. THAW
 bitly.com/mit-thaw
  26. 26. @LARRYLEGEND
  27. 27. GRAB MAGIC
 bit.ly/grab-magic
  28. 28. IT’S NOT A CHALLENGE OF TECHNOLOGY IT’S A CHALLENGE OF IMAGINATION
  29. 29. PUSH POSSIBILITIES of EVERYDAY TECH you should DO THIS TODAY
  30. 30. FOXTROT PHYSICAL & DIGITAL BETWEEN
  31. 31. PHYSICAL INTERFACES
 for DIGITAL APIs
  32. 32. THE WORLD
 is the INTERFACE
  33. 33. PHYSICAL OBJECTS
 become AVATARS
 of DIGITAL INFO
  34. 34. LIFEPRINT
 lifeprintphotos.com
  35. 35. DISCOVER &
 IDENTIFY
  36. 36. the
 PHYSICAL WEB
  37. 37. THE PHYSICAL WEB
 bit.ly/physical-web
  38. 38. SOAKING IN IT! you’re
  39. 39. DO THIS TODAY you should physical-web.org
  40. 40. phoTo: eriC J. smiTh
  41. 41. TELL US HOW
 THEY’RE USED physical objects
  42. 42. MAGIC make the objects
  43. 43. REALITY EDITOR
 realityeditor.org
  44. 44. CONFIGURATION screens are great at physical objects great at OPERATION
  45. 45. DO THIS TODAY you should openhybrid.org
  46. 46. ROBOTS
 DANCING
  47. 47. LET
 HUMANS
 LEAD
  48. 48. THE CHATBOTS behold conversational UI
  49. 49. Quartz
  50. 50. Lark
  51. 51. Lark
  52. 52. Lark
  53. 53. NO UI TO LEARN (except the bot’s vocabulary)
  54. 54. COMPUTERS ARE
 BETTER AT SPEAKING
 THAN LISTENING http://www.erasmatazz.com/library/the-journal-of-computer/jcgd-volume-8/asymmetric-interactive.html —Chris Crawford
  55. 55. htTp://OmersHapira.cOm/blOg/2014/09/Its-rAininG-agaIn/
  56. 56. BEYOND THE PHONE this is the thing
  57. 57. AI INTERFACE a single for over 300 services
  58. 58. DO THIS TODAY you should developer.amazon.com
  59. 59. CURIOUS RITUALS
 curiousrituals.nearfuturelaboratory.com
  60. 60. MAKE THINGS TALK goal is not to it’s to have a BETTER CONVERSATION
  61. 61. THANKS!josh clark bigmediumjosh@ #UXmambo

×