Your SlideShare is downloading. ×
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Design For Multiple Touchpoints
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Design For Multiple Touchpoints

2,033

Published on

Slides from my Surface presentation at UX Australia, with links to most of the videos.

Slides from my Surface presentation at UX Australia, with links to most of the videos.

Published in: Design, Technology, Business
0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
2,033
On Slideshare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
4
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • Aynne & Guillermo
  • Ambient computingRequires more natural interaction, rather than Devices and Modes
  • Touch is the bridge between GUI and NUIPeople are calling it NUI now, but not quite.
  • Don’t just take your current app and lay on it’s backTouchableOrientation independentNo keyboard - hard to do major data entryNo mouse – hard to get fine control (eg drawing)
  • Demo LP – can spin items, but also they orient to youModality – so tool ‘modes’ don’t necessarily work.Instead, consider a physical toolXXX video of MSNBCOr have a target for an actionEG mapping in LP
  • Demo LP – can spin items, but also they orient to youOr, as in health vault demo – you might not even need a top.XXXpicModality – so tool ‘modes’ don’t necessarily work.Instead, consider a physical toolXXX video of MSNBCOr have a target for an actionEG mapping in LP
  • First ever storeXXX storepic
  • Initially, instore experience seemed to be fine. But that quickly was seen to not gel with what LP is all about.Not dominated by one person
  • Really designing a user experience, not just a user interface.
  • Real estate Rather than restrict to one book at a time – let it degrade gracefully, and let the user mediate the use of space. This makes it more ‘real’ (like the real world)Video, if they are not willing to wait, they will have to be willing to stop someone else’s video.PassportDidn’t want you to have to ‘log in’ or set a password – breaks the delight of the experience.Answer was to have a unique code, and not store any ‘personal’ information.
  • Stop other videoBlog my video until other finishedPlay em all and let users sort them out.
  • Video, if they are not willing to wait, they will have to be willing to stop someone else’s video.
  • PassportDidn’t want you to have to ‘log in’ or set a password – breaks the delight of the experience.Answer was to have a unique code, and not store any ‘personal’ information.
  • No standardsWidgets, or gestures
  • Transcript

    • 1. Designing for Multitouch, and Multiple Touchpoints
      Shane Morris
      User Experience Evangelist
      Microsoft Australia
    • 2. Future Vision
      Video at http://www.microsoft.com/video/en/us/details/e7728af1-3fe4-4e25-a907-3dbf689fe11a?vp_evt=eref&vp_video=Productivity+Future+Vision
    • 3. Static
      Responsive
      Evocative
      Disconnected
      Indirect
      Unmediated
      High-Low
      Double Medium
      Fast Few
      Directed
      Exploratory
      Contextual
      Recall
      Recognition
      Intuition
      CUI
      GUI
      NUI
      Text
      Graphics
      Objects
    • 4. Microsoft Surface
    • 5. Microsoft Surface
      Video at:
      http://www.microsoft.com/surface/Pages/Experience/Videos.aspx?video=63932882-8a7f-44a4-9eb3-2a6f3d83980a
    • 6. Surface Attributes
      Object recognition
      Direct interaction
      Multi-touch
      Multi-user
    • 7. Designing for Multitouch
    • 8. Tap is not the new click
    • 9. Touch
    • 10. Some Things About Designing for Touch
      Consider Showing the “Hotspot”
      Avoid “controls” in favour of natural interactions
      Gestures
      Are they discoverable?
    • 11. Is it working?
    • 12. Is it Working?
      (Video of Surface SP1 showing “hotspots”)
    • 13. FireFox
      Gesture
      Swipe Left: Go back in history
      Swipe Up: Go to the top of the page
    • 14. Apple iPhone
      Gesture
      Swipe Left: Go Forward in History
      Swipe up: Go to the bottom of a page
    • 15. Some Things About Designing for Surface (Multi-user)
      Orientation-Independence
    • 16.
    • 17. Is this really just a big PC?
      I don’t like having to share and wait my turn
      Constantly reaching across the table is not fun
      Reading upside down makes my head hurt
    • 18. Some Things About Designing for Surface (Multi-user)
      Orientation-Independence
      Modality
      One user can’t place the whole application into a ‘mode’
      Tools and Targets
    • 19. Lonely Planet Proof of Concept
    • 20. The Back Story
    • 21. The Brief
      Bridge the physical and the digital
      Bring guidebook content to life
      Connect physical products with broader Lonely Planet ‘ecosystem’
      Create an experience that extends beyond the store
      Create buzz around technology
      Drive purchases
      Bring people together
    • 22.
    • 23. The Process
      Brainstorm
      Activity Scenario
      Tech Check
      De-scoping 
      Storyboard
      Code
      Design
      Refine
      Code...
    • 24. The inevitable big ideas we threw out
      Translation
      Trip Planner
      Bulletin Board
      Communication between stores
      Build your own guide
      Big Screen
      Mapping
    • 25. The Activity Scenario
      Matt and Kate in Sydney
      Matt and Kate have finally made it through immigration at Sydney airport. They've been planning their South American trip for months - it's finally here!
      But first they have to suffer through the usual two hour wait in the airport before departure. Matt thinks quickly - 'let's get a coffee!' They wander around scanning the usual airport shops, looking for a Gloria Jean's. There are sunglasses shops, duty free of course, a newsagent...
      Suddenly Kate notices a cool looking store sporting a big blue Lonely Planet logo.
      "Oh my God! I didn't know there were Lonely Planet stores! Let's check it out!"
      While planning the trip, Kate was a regular visitor to lonelyplanet.com. She has registered a Lonely Planet profile, and the South America guidebook that they've been thumbing through for the last 4 months is in her bag. Kate has even stored her favourite South American destinations on lonelyplanet.com, and has posted a bunch of questions on Thorntree about the best romantic spots in Buenos Aires.
      Matt has been less involved in the planning. He knows the Lonely Planet brand, but just associates them with guidebooks.
      As they walk into the store, they can see not only Lonely Planet products, but also Crumpler, Teva, Northface and a bunch of other travel related brands. Kate is immediately attracted to the wall of books, while Matt notices a group of people leaning over a display screen in the middle of the store.
      Matt watches a young boy flick through images of New Zealand on the tabletop screen using his hands. Behind the photos is a map of the Queenstown area of New Zealand.
      Over at the book shelf, Kate notices a sticker on the back of the Buenos Aires city guide. The sticker says “Place me on our Microsoft Surface to learn more!” She grabs Argentina, Peru, and Buenos Aires and takes them over to Matt.
    • 26. Iteration
      Video of first prototype (taken with a Mobile phone)
      The prototype was an important milestone in gaining stakeholder buy-in.
    • 27. Lonely Planet Surface Proof of Concept
      Demo
    • 28. Lonely Planet Surface P.O.C.
      Various videos of the demo. Similar videos are here:
      http://blogs.msdn.com/shanemo/archive/2009/07/02/remix-australia-lonely-planet-surface-demo.aspx
    • 29. User Experience Considerations
      Collaboration
      Real Estate
      Multi-user
      How to handle multiple videos?
      How to handle mapping?
    • 30. Multiple Videos
    • 31. User Experience Considerations
      Collaboration
      Real Estate
      Multi-user
      How to handle multiple videos?
      How to handle mapping?
    • 32. Map me
    • 33. User Experience Considerations
      Multi-user
      How to handle multiple videos?
      How to handle mapping?
      ‘Destination cards’ or books?
      The ‘Passport’
      How to identify individuals?
    • 34. Designing for Touch
      No standards
      Shift away from ‘controls’
      Possibly no ‘top’
      Possibly multi-user
      =>
      More than usual attention to Design and the User Interface.
      Think about the ‘super-real’
    • 35. © 2009 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.
      The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.

    ×