Implementing an effective mobile user experience is challenging. How do you deliver useful information at the time of need without being disruptive to the employee’s workflow? How do you integrate the content effectively within the context of the user’s task at hand? How do you leverage the available technology to reach the target audience? How can you create a mobile app that is “sticky”? In this presentation, Float's Scott McCormick helps you build your skills in strategy and guidelines for effective user experience design, both for mobile and other new platforms. The session will examine how user-centered design can produce training that resonates with users. It will then explore the importance of context and how the learner’s environment can greatly affect the UX. As you explore the unique affordances of mobile devices and how they should contribute to your approach, you’ll also look at an actual example deployed in 2016 by a major retailer and uncover the lessons learned from that project.

1. Float ©2016 gowithfloat.com
Scott McCormick
Director of Client Relations
scottm@gowithfloat.com
gowithfloat.com
phone: 309.263.2492
mobile: 309.838.2168
Designing & Developing
Effective UX for Mobile
@scottfloat
Session 608

2. Float ©2016 gowithfloat.com Photo Source: austrailiaforum.com
Norman Nielsen Group
emergent-enterprise.com @emergenteprise

3. Float ©2016 gowithfloat.com
USEFUL
Photo Source: karelfellowship.org.com

4. User Experience
Float ©2016 gowithfloat.com Photo Source: austrailiaforum.com
"User experience" encompasses all aspects of the end-user's interaction
with the company, its services, and its products.” Norman Nielsen Group

5. User Experience is Everywhere
Float ©2016 gowithfloat.com
Where do you stand on the tissue issue?

6. User Experience is Everywhere
Float ©2016 gowithfloat.com

7. Not just equipping and supporting employees FOR the job…
Float ©2016 gowithfloat.com
… but ON the job.
Source: foodlogistics.com

8. User Experience - “all aspects of the end users interaction”
Float ©2016 gowithfloat.com Photo Source: gtspirit.com

9. User Experience - “all aspects of the end users interaction”
Float ©2016 gowithfloat.com
Photo source: Mercedes-Benz

10. Mobile is…
Float ©2016 gowithfloat.com
Smartphones
Tablets
Watches
Glasses
Wearables
Chatbots
AI
AR/VR
Internet of Things
Machine Learning
Photo Source: riktamtech.com

11. Float ©2016 gowithfloat.com
reIMAGINE
Photo Source: appirio.com

12. Problem Solution
Float ©2016 gowithfloat.com

13. Float ©2016 gowithfloat.com
How Amazon Arranges its Warehouses

14. Float ©2016 gowithfloat.com
People love apps
Old people just don’t get it
Design for mobile first
Our company “hasn’t done any mobile”
Creativity is for creative people
Myths Overheard at DevLearn

15. Practitioner Producer Pioneer
The Three Hats of the Mobile Designer/Developer
Float ©2016 gowithfloat.com

16. The Three Hats of the Mobile Designer/Developer
Practitioner Producer Pioneer
Float ©2016 gowithfloat.com

17. The
ACT
Principle
Audience - needs, priorities, fears, triggers
Context - conditions, distractions, culture
Technology - devices, security, access, affordances
Float ©2016 gowithfloat.com Source: https://gowithfloat.com/2015/10/how-to-leverage-mobile-for-effective-performance-support/

18. Float ©2016 gowithfloat.com
Content

19. Float ©2016 gowithfloat.com
Identify (or Create) the Need
Photo Source: blog/kpmgafrica.com

20. Float ©2016 gowithfloat.com
Fill the Need
Video Source: plangrid.com
PlanGrid

21. User-Centered Experience - Mindsets
Free pdf: www.designkit.org/resources/1/
Creative confidence
Make it
Learn from failure
Empathy
Embrace ambiguity
Optimism
Iterate, iterate, iterate
Float ©2016 gowithfloat.com

22. Noise
Clothing
Brightness
Distraction
Durability
Float ©2016 gowithfloat.com
Context
Photo Source: giantant.com

23. The Three Hats of the Mobile Designer/Developer
Practitioner Producer Pioneer
Float ©2016 gowithfloat.com

24. Design, Develop & Deliver
• ID
• UI Design
• Programming
Skill Sets Tool Delivery
• Rapid Dev
• SaaS
• Custom
• App Store
• Enterprise Store
• MAM
Float ©2016 gowithfloat.com

25. McDonald’s Mobile Learning Launch
Photo Source: mcdonaldsblog.in
Improve the time-to-performance
Quick updates and global scalability
Reduce turnover rate
Improve performance; less mistakes
Float ©2016 gowithfloat.com
High-Level Goals
Launch Strategy
Deliverable to be responsive design,
cloud-based collaboration, intuitive
Decrease print training materials
Collected target audience input
Pilot then launch in stages
Interview with Haze Samoy,
Global Learning Technology Manager, McDonald’s

26. Prototyping
cooper.com/prototyping-tools
Float ©2016 gowithfloat.com

27. Practitioner Producer Pioneer
The Three Hats of the Mobile Designer/Developer
Float ©2016 gowithfloat.com

28. Realism Flat 1.0 Flat 2.0
Float ©2016 gowithfloat.com

29. Realism Flat 2.0
Float ©2016 gowithfloat.com

30. Float ©2016 gowithfloat.com
Designing for Mobile

31. Float ©2016 gowithfloat.com
Designing for Mobile

32. Design Patterns are Part of Your Design
Feedback Rating
Search
Categorization
Progress
Planning and Spacing
Notifications
Float ©2016 gowithfloat.com

33. Data is Part of Your Design
Learning Management System
Content Management System
Supply Chain System
Customer Relationship Management System
Human Resources System
Enterprise Resource Planning System
Float ©2016 gowithfloat.com Photo Source: numericanalytics.com

34. The Three Hats of the Mobile Designer/Developer
Practitioner Producer Pioneer

35. Mobile is…
Float ©2016 gowithfloat.com
Smartphones
Tablets
Watches
Glasses
Wearables
Beacons
Chatbots
AI
AR/VR
Internet of Things
Machine Learning
Photo Source: riktamtech.com

36. Designing for a Complete Experience
O’Reilly Media, January 2016
Sensorial
Simple
Enduring
Playful
Thoughtful
Sustainable
Beautiful
Float ©2016 gowithfloat.com

37. Mobile Affordances
Camera
Document viewer
Productivity apps
Geolocation
Internal sensors/scanners
Media viewer/playback
Microphone
Notifications
Search/browse internet
Short-range communications
Text messaging
Touchscreen interaction
Voice/phone communications
Collaboration
eCommerce
Portability/mobility
Accelerometer
Clock
Networking
Individual addressability
Social media
Cloud storage
Microprojection
External sensors
Input/output peripherals
Voice recognition
Computing functions
Wearability
Embodiment
Remote sensing
Float ©2016 gowithfloat.com

38. Mobile Affordances
Float ©2016 gowithfloat.com
ThyssenKrupp Elevator Technician Mixed AR/VR

39. Practitioner Producer Pioneer
The Three Hats of the Mobile Designer/Developer
Float ©2016 gowithfloat.com

40. Float ©2016 gowithfloat.com Photo Source: austrailiaforum.com
Norman Nielsen Group
emergent-enterprise.com @emergenteprise

41. Float ©2016 gowithfloat.com
Scott McCormick
Director of Client Relations
scottm@gowithfloat.com
gowithfloat.com
phone: 309.263.2492
mobile: 309.838.2168
Designing & Developing
Effective UX for Mobile
@scottfloat
Session 608