Designing and Developing Effective UX for Mobile

Download Designing and Developing Effective UX for Mobile

Post on 13-Apr-2017

229 views

Category:

Mobile

4 download

Embed Size (px)

TRANSCRIPT

  • Presentation Title

    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

  • 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 dont get it

    Design for mobile first

    Our company hasnt 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, 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/

  • 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

  • McDonalds 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, McDonalds

  • 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

    OReilly Media, January 2016

    Sensorial

    Simple

    Enduring

    Playful

    Thoughtful

    Sustainable

    Beautiful

    Float 2016 gowithfloat.com

  • 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

  • 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.com

    gowithfloat.com

    phone: 309.263.2492

    mobile: 309.838.2168

    Designing & Developing Effective UX for Mobile

    @scottfloat

    Session 608