designing and developing effective ux for mobile
Post on 13-Apr-2017
238 Views
Preview:
TRANSCRIPT
Presentation Title
Float ©2016 gowithfloat.com
Scott McCormick Director of Client Relations scottm@gowithfloat.comgowithfloat.comphone: 309.263.2492mobile: 309.838.2168
Designing & Developing Effective UX for Mobile
@scottfloat
Session 608
Float ©2016 gowithfloat.com Photo Source: austrailiaforum.com
Norman Nielsen Groupemergent-enterprise.com @emergenteprise
Float ©2016 gowithfloat.com
USEFUL
Photo Source: karelfellowship.org.com
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
User Experience is Everywhere
Float ©2016 gowithfloat.com
Where do you stand on the tissue issue?
User Experience is Everywhere
Float ©2016 gowithfloat.com
Not just equipping and supporting employees FOR the job…
Float ©2016 gowithfloat.com
… but ON the job.Source: foodlogistics.com
User Experience - “all aspects of the end users interaction”
Float ©2016 gowithfloat.com Photo Source: gtspirit.com
User Experience - “all aspects of the end users interaction”
Float ©2016 gowithfloat.com
Photo source: Mercedes-Benz
Mobile is…
Float ©2016 gowithfloat.com
Smartphones
Tablets
Watches
Glasses
WearablesChatbots
AI
AR/VR
Internet of Things
Machine Learning
Photo Source: riktamtech.com
Float ©2016 gowithfloat.com
reIMAGINE
Photo Source: appirio.com
Problem Solution
Float ©2016 gowithfloat.com
Float ©2016 gowithfloat.com
How Amazon Arranges its Warehouses
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
Practitioner Producer Pioneer
The Three Hats of the Mobile Designer/Developer
Float ©2016 gowithfloat.com
The Three Hats of the Mobile Designer/Developer
Practitioner Producer Pioneer
Float ©2016 gowithfloat.com
The
ACT Principle
Audience - needs, priorities, fears, triggersContext - conditions, distractions, cultureTechnology - devices, security, access, affordances
Float ©2016 gowithfloat.com Source: https://gowithfloat.com/2015/10/how-to-leverage-mobile-for-effective-performance-support/
Float ©2016 gowithfloat.com
Content
Float ©2016 gowithfloat.com
Identify (or Create) the Need
Photo Source: blog/kpmgafrica.com
Float ©2016 gowithfloat.com
Fill the Need
Video Source: plangrid.com
PlanGrid
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
Noise
Clothing
Brightness
Distraction
Durability
Float ©2016 gowithfloat.com
Context
Photo Source: giantant.com
The Three Hats of the Mobile Designer/Developer
Practitioner Producer Pioneer
Float ©2016 gowithfloat.com
Design, Develop & Deliver
• ID• UI Design• Programming
Skill Sets Tool Delivery
• Rapid Dev• SaaS• Custom
• App Store• Enterprise Store• MAM
Float ©2016 gowithfloat.com
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
Prototypingcooper.com/prototyping-tools
Float ©2016 gowithfloat.com
Practitioner Producer Pioneer
The Three Hats of the Mobile Designer/Developer
Float ©2016 gowithfloat.com
Realism Flat 1.0 Flat 2.0
Float ©2016 gowithfloat.com
Realism Flat 2.0
Float ©2016 gowithfloat.com
Float ©2016 gowithfloat.com
Designing for Mobile
Float ©2016 gowithfloat.com
Designing for Mobile
Design Patterns are Part of Your Design
Feedback Rating
Search
Categorization
Progress
Planning and Spacing
Notifications
Float ©2016 gowithfloat.com
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
The Three Hats of the Mobile Designer/Developer
Practitioner Producer Pioneer
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
Designing for a Complete Experience
O’Reilly Media, January 2016
Sensorial
Simple
Enduring
Playful
Thoughtful
Sustainable
Beautiful
Float ©2016 gowithfloat.com
Mobile Affordances
CameraDocument viewerProductivity appsGeolocationInternal sensors/scannersMedia viewer/playbackMicrophoneNotificationsSearch/browse internetShort-range communicationsText messagingTouchscreen interactionVoice/phone communicationsCollaborationeCommerce
Portability/mobilityAccelerometerClockNetworkingIndividual addressabilitySocial mediaCloud storageMicroprojectionExternal sensorsInput/output peripheralsVoice recognitionComputing functionsWearabilityEmbodimentRemote sensing
Float ©2016 gowithfloat.com
Mobile Affordances
Float ©2016 gowithfloat.com
ThyssenKrupp Elevator Technician Mixed AR/VR
Practitioner Producer Pioneer
The Three Hats of the Mobile Designer/Developer
Float ©2016 gowithfloat.com
Float ©2016 gowithfloat.com Photo Source: austrailiaforum.com
Norman Nielsen Groupemergent-enterprise.com @emergenteprise
Presentation Title
Float ©2016 gowithfloat.com
Scott McCormick Director of Client Relations scottm@gowithfloat.comgowithfloat.comphone: 309.263.2492mobile: 309.838.2168
Designing & Developing Effective UX for Mobile
@scottfloat
Session 608
top related