SlideShare a Scribd company logo
1 of 56
Download to read offline
Designing the Best
User Experience for
Mobile Apps
Helping You Create Better Apps
By:
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.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
Questioning
Who is this person?
Methodology from Stanford D.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
Doing
How do I make it work better?
Methodology from Stanford D.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
Doing
Think, create, iterate, build, iterate more
Methodology from Stanford D.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
Listening
Get feedback
Methodology from Stanford D.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
Follow the process
QUESTIONING 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.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
Methodology 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 dashboard
of my environment.”
MobileIron Property - All Rights Reserved
MobileIron Confidential
Methodology from Stanford D.School
MobileIron Property - All Rights Reserved
MobileIron Confidential
How Might We…?
MobileIron Property - All Rights Reserved
Methodology 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 Confidential
Methodology 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 Confidential
Methodology 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 Graphic
Branding colors, personalization, creating
a story about the brand.
Engaging users to
create a brand
Friendly registration
Adding feature graphics and
username syntax to guide the
user subtly.
User-friendly talk
Speak their language.
MobileIron Property - All Rights Reserved
MobileIron Confidential
Walkthrough screens
More 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 you
Letting 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 steps
and 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 impact
Using 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 ONLY
CONCEPTS ONLY
MobileIron Confidential
Customer Research Findings
Android for Work
MobileIron Property - All Rights Reserved
MobileIron ConfidentialMobileIron Confidential
Design
Users
1,2,3
Users
4,5,6
Users
7,8,9
IterateIterate
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, Invision
Adobe 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, Invision
Adobe 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

More Related Content

What's hot

Design Process Stories
Design Process StoriesDesign Process Stories
Design Process StoriesPenina Finger
 
DMA Mobile connects presentation
DMA Mobile connects presentationDMA Mobile connects presentation
DMA Mobile connects presentationRachel Aldighieri
 
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesBuild Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesClickTecs
 
HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?jwhatcott
 
WSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
WSO2Con ASIA 2016: Mobile Strategy for Your EnterpriseWSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
WSO2Con ASIA 2016: Mobile Strategy for Your EnterpriseWSO2
 
Smartphones
SmartphonesSmartphones
Smartphonesbrendahj
 
Growth with IBM Mobile Enterprise
Growth with IBM Mobile EnterpriseGrowth with IBM Mobile Enterprise
Growth with IBM Mobile EnterpriseIIC_Barcelona
 
Mobile Apps 101
Mobile Apps 101Mobile Apps 101
Mobile Apps 101MotionMobs
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile ExperienceDavid Drucker
 
Mobile Apps Conference Sydney 2012 - Delivering Native Apps
Mobile Apps Conference Sydney 2012 - Delivering Native AppsMobile Apps Conference Sydney 2012 - Delivering Native Apps
Mobile Apps Conference Sydney 2012 - Delivering Native AppsSimon Clarke
 
Designing Software With the User in Mind - Symbio
Designing Software With the User in Mind - SymbioDesigning Software With the User in Mind - Symbio
Designing Software With the User in Mind - SymbioEmily Chong
 
Mobile application design trend & history
Mobile application design trend & historyMobile application design trend & history
Mobile application design trend & historyRawin Windygallery
 
Intro cultstory 20110413 eng
Intro cultstory 20110413 engIntro cultstory 20110413 eng
Intro cultstory 20110413 engCultStory Inc.
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experienceIBM Software India
 
Mobilizing The Web - A Handheld Experience (IBM)
Mobilizing The Web - A Handheld Experience (IBM)Mobilizing The Web - A Handheld Experience (IBM)
Mobilizing The Web - A Handheld Experience (IBM)Mahmood Ashek
 
Uniway seminar ecommerce - 2011 10 04 - v2
Uniway   seminar ecommerce - 2011 10 04 - v2Uniway   seminar ecommerce - 2011 10 04 - v2
Uniway seminar ecommerce - 2011 10 04 - v2Uniway
 
Introduction to mobile application
Introduction to mobile applicationIntroduction to mobile application
Introduction to mobile applicationK Senthil Kumar
 

What's hot (18)

Design Process Stories
Design Process StoriesDesign Process Stories
Design Process Stories
 
DMA Mobile connects presentation
DMA Mobile connects presentationDMA Mobile connects presentation
DMA Mobile connects presentation
 
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile WebsitesBuild Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
Build Mobile Websites | How to make a Mobile Website | Creating Mobile Websites
 
HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?HTML5 or Native Apps: Which Will it Be?
HTML5 or Native Apps: Which Will it Be?
 
WSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
WSO2Con ASIA 2016: Mobile Strategy for Your EnterpriseWSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
WSO2Con ASIA 2016: Mobile Strategy for Your Enterprise
 
Smartphones
SmartphonesSmartphones
Smartphones
 
Mobile application design & development
Mobile application design & developmentMobile application design & development
Mobile application design & development
 
Growth with IBM Mobile Enterprise
Growth with IBM Mobile EnterpriseGrowth with IBM Mobile Enterprise
Growth with IBM Mobile Enterprise
 
Mobile Apps 101
Mobile Apps 101Mobile Apps 101
Mobile Apps 101
 
Communication Design for the Mobile Experience
Communication Design for the Mobile ExperienceCommunication Design for the Mobile Experience
Communication Design for the Mobile Experience
 
Mobile Apps Conference Sydney 2012 - Delivering Native Apps
Mobile Apps Conference Sydney 2012 - Delivering Native AppsMobile Apps Conference Sydney 2012 - Delivering Native Apps
Mobile Apps Conference Sydney 2012 - Delivering Native Apps
 
Designing Software With the User in Mind - Symbio
Designing Software With the User in Mind - SymbioDesigning Software With the User in Mind - Symbio
Designing Software With the User in Mind - Symbio
 
Mobile application design trend & history
Mobile application design trend & historyMobile application design trend & history
Mobile application design trend & history
 
Intro cultstory 20110413 eng
Intro cultstory 20110413 engIntro cultstory 20110413 eng
Intro cultstory 20110413 eng
 
Creating a compelling mobile user experience
Creating a compelling mobile user experienceCreating a compelling mobile user experience
Creating a compelling mobile user experience
 
Mobilizing The Web - A Handheld Experience (IBM)
Mobilizing The Web - A Handheld Experience (IBM)Mobilizing The Web - A Handheld Experience (IBM)
Mobilizing The Web - A Handheld Experience (IBM)
 
Uniway seminar ecommerce - 2011 10 04 - v2
Uniway   seminar ecommerce - 2011 10 04 - v2Uniway   seminar ecommerce - 2011 10 04 - v2
Uniway seminar ecommerce - 2011 10 04 - v2
 
Introduction to mobile application
Introduction to mobile applicationIntroduction to mobile application
Introduction to mobile application
 

Similar to User Experience Research and Design for Enterprise Mobiles.pptx

Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Gonçalo Veiga
 
MobileIron's Enterprise Solution for Mobile Web Browsing
MobileIron's Enterprise Solution for Mobile Web BrowsingMobileIron's Enterprise Solution for Mobile Web Browsing
MobileIron's Enterprise Solution for Mobile Web BrowsingMobileIron
 
ServiceNow mobile roadmap December 2013
ServiceNow mobile roadmap December 2013ServiceNow mobile roadmap December 2013
ServiceNow mobile roadmap December 2013PeopleReign, Inc.
 
Ezone creative pitch
Ezone creative pitchEzone creative pitch
Ezone creative pitchChaitrakps
 
2015 Inspire Tour: Would your business benefit from a mobile strategy?
2015 Inspire Tour: Would your business benefit from a mobile strategy?2015 Inspire Tour: Would your business benefit from a mobile strategy?
2015 Inspire Tour: Would your business benefit from a mobile strategy?Jeremy Ploessel
 
Designing the mobile experience powerpoint
Designing the mobile experience powerpointDesigning the mobile experience powerpoint
Designing the mobile experience powerpointDaniel Downs
 
Cloud Mobile Big Data - Cuomo
Cloud Mobile Big Data - Cuomo Cloud Mobile Big Data - Cuomo
Cloud Mobile Big Data - Cuomo Prolifics
 
The Mobile Shift: How Mobile is Changing Consumer Behavior
The Mobile Shift: How Mobile is Changing Consumer BehaviorThe Mobile Shift: How Mobile is Changing Consumer Behavior
The Mobile Shift: How Mobile is Changing Consumer BehaviorJames Burnes
 
Mob4Hire What is mobile app and website usability?
Mob4Hire What is mobile app and website usability?Mob4Hire What is mobile app and website usability?
Mob4Hire What is mobile app and website usability?Stephen King
 
Enterprise mobility challenges and opportunites
Enterprise mobility   challenges and opportunitesEnterprise mobility   challenges and opportunites
Enterprise mobility challenges and opportunitesAlgarytm
 
Enterprise mobility challenges and opportunites
Enterprise mobility challenges and opportunitesEnterprise mobility challenges and opportunites
Enterprise mobility challenges and opportunitesAlgarytm
 
Enterprise Mobility - Challenges and Opportunities
Enterprise Mobility - Challenges and OpportunitiesEnterprise Mobility - Challenges and Opportunities
Enterprise Mobility - Challenges and OpportunitiesPropel Apps
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, AmsterdamDave Martin
 
How to Recruit Millennials by Going Mobile and Embracing Company Transparency
How to Recruit Millennials by Going Mobile and Embracing Company TransparencyHow to Recruit Millennials by Going Mobile and Embracing Company Transparency
How to Recruit Millennials by Going Mobile and Embracing Company TransparencyGlassdoor
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsPaul Sons
 
So, Mobile is Big. Now What?
So, Mobile is Big. Now What?So, Mobile is Big. Now What?
So, Mobile is Big. Now What?BMA Carolinas
 
Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...
Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...
Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...FollowAnalytics
 

Similar to User Experience Research and Design for Enterprise Mobiles.pptx (20)

Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014Role of UX in a Mobile First approach @ NextStep Americas 2014
Role of UX in a Mobile First approach @ NextStep Americas 2014
 
MobileIron's Enterprise Solution for Mobile Web Browsing
MobileIron's Enterprise Solution for Mobile Web BrowsingMobileIron's Enterprise Solution for Mobile Web Browsing
MobileIron's Enterprise Solution for Mobile Web Browsing
 
ServiceNow mobile roadmap December 2013
ServiceNow mobile roadmap December 2013ServiceNow mobile roadmap December 2013
ServiceNow mobile roadmap December 2013
 
The Mobile Shift
The Mobile ShiftThe Mobile Shift
The Mobile Shift
 
Ezone creative pitch
Ezone creative pitchEzone creative pitch
Ezone creative pitch
 
Dating app readymade solutions
Dating app readymade solutionsDating app readymade solutions
Dating app readymade solutions
 
2015 Inspire Tour: Would your business benefit from a mobile strategy?
2015 Inspire Tour: Would your business benefit from a mobile strategy?2015 Inspire Tour: Would your business benefit from a mobile strategy?
2015 Inspire Tour: Would your business benefit from a mobile strategy?
 
Designing the mobile experience powerpoint
Designing the mobile experience powerpointDesigning the mobile experience powerpoint
Designing the mobile experience powerpoint
 
Readymade Dating App Solutions- OnGraph Technologies
Readymade Dating App Solutions- OnGraph TechnologiesReadymade Dating App Solutions- OnGraph Technologies
Readymade Dating App Solutions- OnGraph Technologies
 
Cloud Mobile Big Data - Cuomo
Cloud Mobile Big Data - Cuomo Cloud Mobile Big Data - Cuomo
Cloud Mobile Big Data - Cuomo
 
The Mobile Shift: How Mobile is Changing Consumer Behavior
The Mobile Shift: How Mobile is Changing Consumer BehaviorThe Mobile Shift: How Mobile is Changing Consumer Behavior
The Mobile Shift: How Mobile is Changing Consumer Behavior
 
Mob4Hire What is mobile app and website usability?
Mob4Hire What is mobile app and website usability?Mob4Hire What is mobile app and website usability?
Mob4Hire What is mobile app and website usability?
 
Enterprise mobility challenges and opportunites
Enterprise mobility   challenges and opportunitesEnterprise mobility   challenges and opportunites
Enterprise mobility challenges and opportunites
 
Enterprise mobility challenges and opportunites
Enterprise mobility challenges and opportunitesEnterprise mobility challenges and opportunites
Enterprise mobility challenges and opportunites
 
Enterprise Mobility - Challenges and Opportunities
Enterprise Mobility - Challenges and OpportunitiesEnterprise Mobility - Challenges and Opportunities
Enterprise Mobility - Challenges and Opportunities
 
#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam#MobileInAction - iRecruitExpo June 2013, Amsterdam
#MobileInAction - iRecruitExpo June 2013, Amsterdam
 
How to Recruit Millennials by Going Mobile and Embracing Company Transparency
How to Recruit Millennials by Going Mobile and Embracing Company TransparencyHow to Recruit Millennials by Going Mobile and Embracing Company Transparency
How to Recruit Millennials by Going Mobile and Embracing Company Transparency
 
Mobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web AppsMobile Application Development: Hybrid, Native and Mobile Web Apps
Mobile Application Development: Hybrid, Native and Mobile Web Apps
 
So, Mobile is Big. Now What?
So, Mobile is Big. Now What?So, Mobile is Big. Now What?
So, Mobile is Big. Now What?
 
Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...
Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...
Mapping the Omnichannel Customer Journey: How to Engage People in a Mobile Fi...
 

User Experience Research and Design for Enterprise Mobiles.pptx