Getting most out of ux_mlearncon 2015_pdf version

40
Copyright © 2015 Float Mobile Learning. All rights reserved. www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

Transcript of Getting most out of ux_mlearncon 2015_pdf version

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Getting the Most out ofUser Experience in

Mobile LearningmLearnCon / Austin, TX

June 10, 2015

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Scott.My name is

Copyright © 2014 Float Mobile Learning. All rights reserved.

[email protected]

309-838-2168

twitter: @scottfloat

McCormick.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Apple Watch

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Tiny Targets

• Gestures

• Handoff

• Truncated content

Source: http://www.nngroup.com/articles/smartwatch/

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience - Mindsets

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Creative confidence

• Make it

• Learn from failure

• Empathy

• Embrace ambiguity

• Optimism

• Iterate, iterate, iterate

Source: ideo.org

Free pdf: www.designkit.org/resources/1/

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-centered Experience

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

People Interacting with Stuff

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Usability

• User Experience (UX)

• User-Centered Design (UCD)

Source: fatstax.com

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience

Copyright © 2014 Float Mobile Learning. All rights reserved.

Person Device Place

DP P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience - Person

Copyright © 2014 Float Mobile Learning. All rights reserved.

DP

P

Person

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Three Levels of Processing

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Visceral (prewired layer)

• Behavioral (everyday behavior)

• Reflective (contemplative)

DP

P

Emotional Design, Basic Books, 2005

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Persona and Use Case

Copyright © 2014 Float Mobile Learning. All rights reserved.

Persona and Use Case Name Meredith Snyder

Branch of Service Air Force, Security Police (Law Enforcement)

Education Associates Degree in Criminal Justice

Occupation and Rank Criminal Investigation Special Agent, E-5

Area of Residence Al Udeid Air Base, Qatar (Stationed at Scott Air Force Base Domestically)

Income $32k/annum

Home life Married

Ethnic/Cultural background Caucasian

Hobbies and Recreation Rock climbing, watching college football, and reading.

What problems keep him or her up at night? Her husband is also deployed in Qatar and they are going to leave the service at different times. She

will be leaving first and he will be following about six months later. She needs to find a place that will

fulfill her needs and keep him close to his daughter from a previous marriage that lives in Boston.

Personal Attributes Intelligent, quick decision-maker, used to having command over personal interactions, quick to temper.

Personal Story "Meredith was born in Kentucky. Her family moved to Georgia when she was eight and grew up in the

Atlanta metropolitan area. She graduated high school planning to pursue a career in business at a

local community college. She took a criminal justice course as an elective and found that she was very

interested in the field. She changed her major to criminal justice and graduated with an associate’s

degree. A recruiter talked to her on campus one day and she learned that she could get practical

experience very quickly in the Air Force. She decided to enlist and was promoted to the rank of

Sergeant within four years. She met and married another member of the air force that is also stationed

with her in Qatar. They are planning on re-connecting in the Boston area once Jason completes his

service requirement. She is interested in getting a job right away to support her family and help build a

home for her husband and step-daughter. Meredith is the planner in the relationship and currently

manages their household in Qatar and will continue to do so once they move to Boston."

Goals Sample Life Scenarios Needs Ideal System FeaturesTo understand what jobs she might be

qualified to apply for.

Career guidance to determine where her

skills fit into the law enforcement or

security sectors.

An understanding of public law

enforcement vs. private security.

Links to trade associations and local police

unions and municipal government

employment sites.

To find a home in the Boston area and

learn how to get a mortgage.

Will be buying a home with limited

financial resources.

An understanding of advanced

finance and mortgage principals.

Calculators to understand debt ratios.

To understand a bit more about financial

planning for her family.

Will need to fund college education for

step-daughter that will graduate from

high school in six years.

An understanding of short-term

savings, retirement savings, and

emergency funds.

Links to local support agencies and GI

friendly lending entities.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Persona

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Info about the user (Name, age, gender, occupation)

• Cultural background

• Hobbies and recreation activities

• Personal attributes

• Behavioral considerations

Persona and Use Case Name Meredith Snyder

Branch of Service Air Force, Security Police (Law Enforcement)

Education Associates Degree in Criminal Justice

Occupation and Rank Criminal Investigation Special Agent, E-5

Area of Residence Al Udeid Air Base, Qatar (Stationed at Scott Air Force Base Domestically)

Income $32k/annum

Home life Married

Ethnic/Cultural background Caucasian

Hobbies and Recreation Rock climbing, watching college football, and reading.

What problems keep him or her up at night? Her husband is also deployed in Qatar and they are going to leave the service at different times. She

will be leaving first and he will be following about six months later. She needs to find a place that will

fulfill her needs and keep him close to his daughter from a previous marriage that lives in Boston.

Personal Attributes Intelligent, quick decision-maker, used to having command over personal interactions, quick to temper.

Personal Story "Meredith was born in Kentucky. Her family moved to Georgia when she was eight and grew up in the

Atlanta metropolitan area. She graduated high school planning to pursue a career in business at a

local community college. She took a criminal justice course as an elective and found that she was very

interested in the field. She changed her major to criminal justice and graduated with an associate’s

degree. A recruiter talked to her on campus one day and she learned that she could get practical

experience very quickly in the Air Force. She decided to enlist and was promoted to the rank of

Sergeant within four years. She met and married another member of the air force that is also stationed

with her in Qatar. They are planning on re-connecting in the Boston area once Jason completes his

service requirement. She is interested in getting a job right away to support her family and help build a

home for her husband and step-daughter. Meredith is the planner in the relationship and currently

manages their household in Qatar and will continue to do so once they move to Boston."

Goals Sample Life Scenarios Needs Ideal System FeaturesTo understand what jobs she might be

qualified to apply for.

Career guidance to determine where her

skills fit into the law enforcement or

security sectors.

An understanding of public law

enforcement vs. private security.

Links to trade associations and local police

unions and municipal government

employment sites.

To find a home in the Boston area and

learn how to get a mortgage.

Will be buying a home with limited

financial resources.

An understanding of advanced

finance and mortgage principals.

Calculators to understand debt ratios.

To understand a bit more about financial

planning for her family.

Will need to fund college education for

step-daughter that will graduate from

high school in six years.

An understanding of short-term

savings, retirement savings, and

emergency funds.

Links to local support agencies and GI

friendly lending entities.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Use Case

Copyright © 2014 Float Mobile Learning. All rights reserved.

• The intent of the user

• The actions of the user

• Ideation of application in use

• Objectives a user wants to achieve with the application

Persona and Use Case Name Meredith Snyder

Branch of Service Air Force, Security Police (Law Enforcement)

Education Associates Degree in Criminal Justice

Occupation and Rank Criminal Investigation Special Agent, E-5

Area of Residence Al Udeid Air Base, Qatar (Stationed at Scott Air Force Base Domestically)

Income $32k/annum

Home life Married

Ethnic/Cultural background Caucasian

Hobbies and Recreation Rock climbing, watching college football, and reading.

What problems keep him or her up at night? Her husband is also deployed in Qatar and they are going to leave the service at different times. She

will be leaving first and he will be following about six months later. She needs to find a place that will

fulfill her needs and keep him close to his daughter from a previous marriage that lives in Boston.

Personal Attributes Intelligent, quick decision-maker, used to having command over personal interactions, quick to temper.

Personal Story "Meredith was born in Kentucky. Her family moved to Georgia when she was eight and grew up in the

Atlanta metropolitan area. She graduated high school planning to pursue a career in business at a

local community college. She took a criminal justice course as an elective and found that she was very

interested in the field. She changed her major to criminal justice and graduated with an associate’s

degree. A recruiter talked to her on campus one day and she learned that she could get practical

experience very quickly in the Air Force. She decided to enlist and was promoted to the rank of

Sergeant within four years. She met and married another member of the air force that is also stationed

with her in Qatar. They are planning on re-connecting in the Boston area once Jason completes his

service requirement. She is interested in getting a job right away to support her family and help build a

home for her husband and step-daughter. Meredith is the planner in the relationship and currently

manages their household in Qatar and will continue to do so once they move to Boston."

Goals Sample Life Scenarios Needs Ideal System FeaturesTo understand what jobs she might be

qualified to apply for.

Career guidance to determine where her

skills fit into the law enforcement or

security sectors.

An understanding of public law

enforcement vs. private security.

Links to trade associations and local police

unions and municipal government

employment sites.

To find a home in the Boston area and

learn how to get a mortgage.

Will be buying a home with limited

financial resources.

An understanding of advanced

finance and mortgage principals.

Calculators to understand debt ratios.

To understand a bit more about financial

planning for her family.

Will need to fund college education for

step-daughter that will graduate from

high school in six years.

An understanding of short-term

savings, retirement savings, and

emergency funds.

Links to local support agencies and GI

friendly lending entities.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

Persona and Use Case

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• What apps do they use frequently?

• What do they like and dislike?

• What info do they need on the job?

• How do they get it now?

Getting into the Mind of the User

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• They are invaluable

• There are many types

• They are not always right

Thoughts About Users

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• You are not omniscient

• Don’t make assumptions

• Do your homework

• Exercise the golden rule

• Be willing to change

User-Centered Experience - Person

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience - Device

Copyright © 2014 Float Mobile Learning. All rights reserved.

Device

D

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• The content

• The UI

• The hardware

User-Centered Experience - Device

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• Is it useful?

• Is it timely?

• Is it current?

• Is it appropriate?

User-Centered Experience - Content

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• Mobile content is twice as difficult

• If in doubt, leave it out

• Defer secondary information to secondary screens

User-Centered Experience - Content

DP

P

Mobile Usability, Pearson Education, 2012

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• Allow them to be participants, not just recipients

• Users training users

• Ratings, comments uploading assets, forums, messaging

User-Centered Experience - Content

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• Principle of Proximity

• Visibility, visual feedback, and visual prominence

• Hierarchy

• Mental models and metaphors

• Consistency

User-Centered Design - The UI

DP

P

User-Centered Design, O’Reilly, 2013

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

DP

PYou will read this first.

You will read this second.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

• What form factors?

• What operating systems?

• What screen size?

• How powerful?

User-Centered Design - Device

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

DP

P

Source: 4ourth.com

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Usability

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Learnability

• Efficiency

• Memorability

• Errors

• Satisfaction

Source: www.nngroup.com/articles/usability-101-introduction-to-usability/

DP

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience - Place

Copyright © 2014 Float Mobile Learning. All rights reserved.

Place

DP

P

P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience - Place

Copyright © 2014 Float Mobile Learning. All rights reserved.

DP

P

• Sound

• Light

• Space

• Privacy

• Distractions

• Activity

• Clothing / UniformSource: giantant.com

Environment

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience - Place

Copyright © 2014 Float Mobile Learning. All rights reserved.

DP

P

• Law

• Etiquette

• Economics

• Policy

Culture

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

User-Centered Experience

Copyright © 2014 Float Mobile Learning. All rights reserved.

Person Device Place

DP P

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Cleanup in Aisle UI

Copyright © 2014 Float Mobile Learning. All rights reserved.

• Where did things go wrong?

• What could have been done differently?

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Cleanup in Aisle UI

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Use Case Scenario - Security Check

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

The CHAMPIONS Framework

Copyright © 2014 Float Mobile Learning. All rights reserved.

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com Copyright © 2014 Float Mobile Learning. All rights reserved.

Will post to slideshare.net

Copyright © 2015 Float Mobile Learning. All rights reserved.www.floatlearning.com

Scott.My name is

Copyright © 2014 Float Mobile Learning. All rights reserved.

[email protected]

309-838-2168

twitter: @scottfloat

McCormick.