designing and developing effective ux for mobile

Presentation Title

Float ©2016 gowithfloat.com

Scott McCormick Director of Client Relations [email protected]: 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


USEFUL

Photo Source: karelfellowship.org.com

User Experience


"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


Where do you stand on the tissue issue?

User Experience is Everywhere


Not just equipping and supporting employees FOR the job…


… 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”


Photo source: Mercedes-Benz

Mobile is…


Smartphones

Tablets

Watches

Glasses

WearablesChatbots

AI

AR/VR

Internet of Things

Machine Learning

Photo Source: riktamtech.com


reIMAGINE

Photo Source: appirio.com

Problem Solution



How Amazon Arranges its Warehouses


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


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/


Content


Identify (or Create) the Need

Photo Source: blog/kpmgafrica.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


Noise

Clothing

Brightness

Distraction

Durability


Context

Photo Source: giantant.com

Design, Develop & Deliver

• ID• UI Design• Programming

Skill Sets Tool Delivery

• Rapid Dev• SaaS• Custom

• App Store• Enterprise Store• MAM


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


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


Realism Flat 1.0 Flat 2.0


Realism Flat 2.0



Designing for Mobile

Design Patterns are Part of Your Design

Feedback Rating

Search

Categorization

Progress

Planning and Spacing

Notifications


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

Mobile is…


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


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


Mobile Affordances


ThyssenKrupp Elevator Technician Mixed AR/VR


Norman Nielsen Groupemergent-enterprise.com @emergenteprise

Presentation Title


Scott McCormick Director of Client Relations [email protected]: 309.263.2492mobile: 309.838.2168

Designing & Developing Effective UX for Mobile

@scottfloat

Session 608