user experience research and design for enterprise mobiles.pptx

56

Upload: dhwani-soni

Post on 17-Aug-2015

264 views

Category:

Design


0 download

TRANSCRIPT

Designing the Best User Experience for

Mobile AppsHelping You Create Better AppsBy:Paula Desmond (Lead User Researcher)Dhwani Soni (Lead User Experience Designer)

MobileIron Confidential

Agenda

What is User Experience?

Research & Design Process

Android for Work Case Study

Summary

MobileIron Property - All Rights Reserved

MobileIron Confidential

What is User Experience?

MobileIron Property - All Rights Reserved

MobileIron Confidential

““User Experience” encompasses all aspects of the end user’s interaction with the company, its services, and its products.

-Jacob Nielsen and Don Norman

MobileIron Property - All Rights Reserved

MobileIron Confidential

Why do it?

MobileIron Property - All Rights Reserved

MobileIron Confidential

How do we start?

The User should be the center of your Universe

MobileIron Property - All Rights Reserved

MobileIron Confidential

Follow the process

QUESTIONING DOING LISTENING

Methodology from Stanford D.SchoolMobileIron Property - All Rights Reserved

MobileIron Confidential

Questioning

Who is this person?

Methodology from Stanford D.SchoolMobileIron Property - All Rights Reserved

MobileIron Confidential

Doing

How do I make it work better?

Methodology from Stanford D.SchoolMobileIron Property - All Rights Reserved

MobileIron Confidential

Doing

Think, create, iterate, build, iterate more

Methodology from Stanford D.SchoolMobileIron Property - All Rights Reserved

MobileIron Confidential

Listening

Get feedback

Methodology from Stanford D.SchoolMobileIron Property - All Rights Reserved

MobileIron Confidential

Follow the processQUESTIONING DOING LISTENING

Who is this person? How do I make it work better? Think, create, iterate, build, iterate more Get feedback

Methodology from Stanford D.SchoolMobileIron Property - All Rights Reserved

MobileIron ConfidentialMethodology from Stanford D.School

So lets begin...

MobileIron Property - All Rights Reserved

MobileIron Confidential

Market Research

Competitive Analysis Voice of Customer

What do we do?

MobileIron Property - All Rights Reserved

MobileIron Confidential

Who are they?

Meet Dave, IT Director

“I’m the person who oversees if everything is up and running.”

MobileIron Property - All Rights Reserved

MobileIron Confidential

What does Dave care about?

What are Dave’s Responsibilities?

“I want an at-a-glance dashboardof my environment.”

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMethodology from Stanford D.School

MobileIron Property - All Rights Reserved

MobileIron Confidential

How Might We…?

MobileIron Property - All Rights ReservedMethodology from Stanford D.School

MobileIron Confidential

“How might we ensure that users don’t abandon the registration process mid way?

MobileIron Property - All Rights Reserved

MobileIron Confidential

“How might we ensure that users find the registration flow quick and easy to complete?

MobileIron Property - All Rights Reserved

MobileIron Confidential

“How might we achieve a strong consumer grade experience for enterprise company app users?

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMethodology from Stanford D.School

MobileIron Property - All Rights Reserved

MobileIron Confidential

Ideate CONCEPTS ONLY

MobileIron Confidential

Prototype

MobileIron Confidential

Prototype

Omnigraffle

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMethodology from Stanford D.School

MobileIron Property - All Rights Reserved

MobileIron Confidential

Listen to Your Users

“I would love an app on my phone that would

give me up-to-date contact info for my

team. That would be really valuable.”

“I want an easy onboarding experience

with just a few clicks so I can quickly access my email, calendar, and

work apps.”

Love…….

Valuable…..

Easy……

Quick access….

MobileIron Property - All Rights Reserved

MobileIron Confidential

Case study: Designing for Android for Work

MobileIron Property - All Rights Reserved

MobileIron Confidential

Who are we designing for?

Meet Maria!

She’s an Operations Team Manager, Kaiser Permanente.

“I manage a team of 35 people and I’m mostly traveling. I send

email from my phone constantly. I view calendar

invites and accept invites from my phone and read documents

on my tablet.”

MobileIron Property - All Rights Reserved

MobileIron Confidential

Back to Problem Statements

“ • How might we ensure that users don’t abandon the registration process mid way?

• How might we ensure that users feel safe and comfortable, and find the registration flow quick and easy to complete?

• How might we have a strong consumer grade experience for users in an enterprise company app?

MobileIron Property - All Rights Reserved

MobileIron Confidential

Feature GraphicBranding colors, personalization, creating a story about the brand.

Engaging users to create a brand

Friendly registrationAdding feature graphics and username syntax to guide the user subtly.

User-friendly talkSpeak their language.

MobileIron Property - All Rights Reserved

MobileIron Confidential

Walkthrough screensMore images, less text.

Value propositions

Creating the product branding.Letting users know what this app is about and why is it good for them.

What is this app?

Is it good for me?My company wants access to my device.What about my privacy?

MobileIron Property - All Rights Reserved

CONCEPTS ONLY

MobileIron Confidential

Don’t worry, we’ll guide youLetting users know the process beforehand, and guiding them through it. No surprises.

User Assistance

It’s a [quick] process •Letting them know that it has 4 stepsand what those steps are.

MobileIron Property - All Rights Reserved

CONCEPTS ONLY

MobileIron Confidential

Leveraging User’s Mental Models

I remember that icon!That looks familiar. And I am almost done!

MobileIron Property - All Rights Reserved

CONCEPTS ONLY

MobileIron Confidential

Leveraging User’s Mental Models

I remember that icon!That looks familiar. And I am almost done!

MobileIron Property - All Rights Reserved

CONCEPTS ONLY

MobileIron Confidential

Graphics Rule!

Fewer words, bigger impactUsing graphics to get the point across.

Use existing guidelines and resources.

A little goes a long way.MobileIron Property - All Rights Reserved

MobileIron Confidential

Splash screen Confirmation In the AppWalkthrough

Current shipped version

New designed version

Registration

Let’s Review

MobileIron Property - All Rights Reserved

CONCEPTS ONLYCONCEPTS ONLY

MobileIron Confidential

Customer Research FindingsAndroid for Work

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMobileIron Confidential

Design

Users 1,2,3

Users 4,5,6

Users 7,8,9

Iterate Iterate

Post-task ratings& time on task

Post-task ratings& time on task

Post-task ratings& time on task

MobileIron Property - All Rights Reserved

SCREENS FOR CONCEPTS ONLY

MobileIron ConfidentialMobileIron Confidential

75-minute Individual Customer Session

Timed Registration & Post Registration Ratings

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMobileIron Confidential

75-minute Individual Customer Session

Moderator-customer registration walkthrough

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMobileIron Confidential

Decide on metrics to

collect

Gather Customer Feedback

Look for Patterns &

Trends

Follow a Consistent Process

MobileIron Property - All Rights Reserved

MobileIron ConfidentialMobileIron Confidential

Display Progress throughout the Workflow

The line at the bottom of the screen is very helpful. I’m making progress but I’d like to see 2 out of 4 steps

completed.MobileIron Property - All Rights Reserved

SCREENS FOR CONCEPTS ONLY

MobileIron ConfidentialMobileIron Confidential

Avoid Redundant or Unhelpful Information

MobileIron Property - All Rights Reserved

SCREENS FOR CONCEPTS ONLY

MobileIron ConfidentialMobileIron Confidential

Application Setup Complete

MobileIron Property - All Rights Reserved

MobileIron Confidential

Time to Complete Registration Process

MobileIron Property - All Rights Reserved

MobileIron Confidential

Post-registration Ratings – Complexity

MobileIron Property - All Rights Reserved

MobileIron Confidential

Post-registration Ratings – Confidence

MobileIron Property - All Rights Reserved

MobileIron Confidential

Post-registration Ratings – Simplicity

MobileIron Property - All Rights Reserved

MobileIron Confidential

Post-registration Ratings – Steps

MobileIron Property - All Rights Reserved

MobileIron Confidential

Summary

Examples: surveys, interviews,field visits, focus groups,expert reviews. Questioning

Who is this person?

• Persona• Market research• Competition Analysis• Voice of user

MobileIron Property - All Rights Reserved

MobileIron Confidential

Summary

Whiteboard, Markers, Stickies, Paper & pencils, Balsamiq, Omnigraffle, InvisionAdobe Illustrator, Sketch

Doing

How do I make it work better?

• Define problem statement• Start iterating• Start building

MobileIron Property - All Rights Reserved

MobileIron Confidential

Summary

Examples: Rating scales, product reaction cards, time on task, error rates, affinity mapping.

Listening

How do I make it work better?

• Decide on metrics to collect• Break into qualitative and quantitative• Look for patterns & trends

MobileIron Property - All Rights Reserved

MobileIron Confidential

The cheat sheet!

Examples: surveys, interviews,field visits, focus groups,expert reviews.

Whiteboard, Markers, Stickies, Paper & pencils, Balsamiq, Omnigraffle, InvisionAdobe Illustrator, Sketch

Questioning Doing Listening

Who is this person? How do I make it work better? Get feedback

• Persona• Market research• Competition Analysis• Voice of user

• Define problem statement• Start iterating• Start building

• Decide on metrics to collect• Break into qualitative and quantitative• Look for patterns & trends

Examples: Rating scales, product reaction cards, time on task, error rates, affinity mapping.

MobileIron Property - All Rights Reserved

Thank you