Lightning Talk for the UX Design Showcase

1. “it’s a mobile & touch world”
Frank Garofalo
UI / Human Factors Engineer,
Esri Professional Services
#esriuc #mapux #gisux #mobiletouchworld

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. move away from point and click interfaces
Image source: http://www.cssblog.es/guia-sobre-los-cursores-web-con-css/
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

4. focus on the content within the interface
& interact with the content directly
Image 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. “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. 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. visual cues
• With a little help, people will learn to use your app
• Follow social conventions when providing cues

8. visual cues
• With a little help, people will learn to use your app
• Follow social conventions when providing cues

9. people will embrace
the interface
if
it resembles a
physical object
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

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. 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. just as your about to take on a challenge,
the games provides a suggestion for a new action
Image source: http://xxlightsourcexx.deviantart.com/art/Mario-vs-Bowser-146659053
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

13. location sensitivity
+ relevant information
Image source: http://creativeliberty.wordpress.com/2011/07/17/surfs-up-condensed-top-creativity-links-for-july-17-2011/
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

14. actions to trigger interactions
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

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. “real game of pac-man”
• Setup geo-fences randomly around a city
Image source: http://www.coolest-gadgets.com/20060708/play-pacman-against-insects/
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

17. shift from
human-computer interaction
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

18. shift from
human-computer interaction
to
human-data interaction
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

19. shift from
human-computer interaction
to
human-data interaction
(especially in a mobile & touch world)
@fgarofalo | #esriuc #mapux #gisux #mobiletouchworld

20. Questions?
Frank Garofalo
UI / Human Factors Engineer,
Esri Professional Services
@fgarofalo
#esriuc #mapux #gisux #mobiletouchworld

22. …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