"It's a Mobile & Touch World" Lightning Talk

4,063 views

Published on

Lightning Talk for the UX Design Showcase

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
4,063
On SlideShare
0
From Embeds
0
Number of Embeds
2,801
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

"It's a Mobile & Touch World" Lightning Talk

  1. 1. “it’s a mobile & touch world”Frank GarofaloUI / Human Factors Engineer,Esri Professional Services #esriuc #mapux #gisux #mobiletouchworld
  2. 2. credit This presentation is based on a keynote and a break-out session at SXSW Interactive 2012. Keynote “Ambient Location and the Future of the Interface” presented by Amber Case (Geoloqi.com) http://schedule.sxsw.com/2012/events/event_IAP992057 Session “Teaching Touch: Tapworthy Touchscreen Design” presented by Josh Clark (Global Moxie) http://schedule.sxsw.com/2012/events/event_IAP10988
  3. 3. move away from point and click interfacesImage source: http://www.cssblog.es/guia-sobre-los-cursores-web-con-css/ @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  4. 4. focus on the content within the interface & interact with the content directlyImage source: http://latimesblogs.latimes.com/technology/2010/04/ipad-kindle-ebook-sleep.html (Photo credit: Jay L. Clendenin / Los Angeles Times) @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  5. 5. “gestures are the keyboard shortcuts of touch devices”Image source: Wu, M., & Balakrishnan, R. (2003). Multi-finger and whole hand gestural interaction techniques for multi-user tabletop displays. In Proceedings of the 16th annual ACM symposium on User interface software and technology (pp. 193-202). @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  6. 6. touch interfaces • Gesture conventions are still evolving / refining - don’t rely on just gestures (offer as shortcuts) • Potential to eliminate buttons to reduce interface clutter • Challenge: “finding what you cannot see” - Needs to try to resemble physical action - Needs to provide cues @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  7. 7. visual cues • With a little help, people will learn to use your app • Follow social conventions when providing cues
  8. 8. visual cues • With a little help, people will learn to use your app • Follow social conventions when providing cues
  9. 9. people will embrace the interface if it resembles a physical object @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  10. 10. Nature doesn’t have an instruction manual (and neither do magazines)Image source: http://www.subtraction.com/2011/03/28/an-illustration-for-stack-america @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  11. 11. just-in-time assistance Providing in context help /assistance just as a person is about to perform an action for the first time Think about playing a video game as a novice…. @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  12. 12. just as your about to take on a challenge, the games provides a suggestion for a new actionImage source: http://xxlightsourcexx.deviantart.com/art/Mario-vs-Bowser-146659053 @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  13. 13. location sensitivity + relevant informationImage source: http://creativeliberty.wordpress.com/2011/07/17/surfs-up-condensed-top-creativity-links-for-july-17-2011/ @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  14. 14. actions to trigger interactions @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  15. 15. “smart bus stop” • Setup a geo-fence around a bus stop • Automatically notified of the next arriving bus @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  16. 16. “real game of pac-man” • Setup geo-fences randomly around a cityImage source: http://www.coolest-gadgets.com/20060708/play-pacman-against-insects/ @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  17. 17. shift fromhuman-computer interaction @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  18. 18. shift fromhuman-computer interaction to human-data interaction @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  19. 19. shift from human-computer interaction to human-data interaction(especially in a mobile & touch world) @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld
  20. 20. Questions?Frank GarofaloUI / Human Factors Engineer,Esri Professional Services@fgarofalo #esriuc #mapux #gisux #mobiletouchworld
  21. 21. …an interface that responds to your actions - Formulate some parameters to be responsive - Who are you - What do you need to do & what you want to do - Where you are - What is around you - Here and now (ie. physical buildings, current events) - In the future or past @fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

×