SlideShare a Scribd company logo
@SparklingLabs	
  #Voxxed	
  
The 10 Golden Rules 

of Mobile UX"
Emilia Ciardi!
emilia@sparklinglabs.com!
The 10 Golden Rules of Mobile UX!
Acquisition!
Retention!
Monetization!
Mobile
UX/UI!
design!
The Business Funnel"
2!
The 10 Golden Rules of Mobile UX!
Intui8ve	
  
Clear	
  
Easy	
  
Meaningful	
  
Emo8onal	
  
Cool	
  
Effec8ve	
  
Responsive	
  
3!
Design task-oriented,
user-centered flows. 
1.
Add meaning and value
to the UX. 
2.
Less is more. Be lean! 
3.
The Learning Loop"
The 10 Golden Rules of Mobile UX! 7!
Why use data for UX"
UX Discovery!
² Issue Identification!
² Strategy Guidance!
² Health Monitoring!
UX Optimization!
² Project Metrics !
² Experimentation
with A/B and
multivariate tests!
The 10 Golden Rules of Mobile UX! 8!
Design for small screens.
4.
How do we hold mobile devices?"
The 10 Golden Rules of Mobile UX! 10!
The Thumb Zone "
The 10 Golden Rules of Mobile UX! 11!
The Thumb Zone evolution

One Handed"
Credit:	
  ScoD	
  Hurff	
  
The 10 Golden Rules of Mobile UX! 12!
Leverage standard
patterns.
5.
Material Design"
http://www.google.com/design/spec/material-design!
The 10 Golden Rules of Mobile UX! 14!
Embrace Gesture-Intensive
Design. 
6.
Flick Gesture"
The 10 Golden Rules of Mobile UX! 16!
Touch & Hold"
The 10 Golden Rules of Mobile UX! 17!
Draw"
The 10 Golden Rules of Mobile UX! 18!
How to embrace gestures?"
²  Use gestures if the context they are used in feels
natural!
²  Make sure your users will find them!
ª Draw attention to the part of the UI where the gesture is
active – maybe it could pulse the first time to signify it is
interactive!
ª Perform an animation that hints to the type of gesture !
²  If you don’t think users will figure out your gestures
easily, don’t overload them with too many help hints
all at once, instead reveal them over time!
The 10 Golden Rules of Mobile UX! 19!
Embrace Motion Design. 
7.
Menu Animations"
The 10 Golden Rules of Mobile UX! 21!
Floating Button

Speed Dial"
The 10 Golden Rules of Mobile UX! 22!
Robert Penner’s Easing Functions"
The 10 Golden Rules of Mobile UX! 23!
Design for Communication.
8.
A picture is worth a thousand words"
² We process visuals faster
than text.!
² Images affect us both
cognitively and
emotionally!
!
² Words are processed by
our short-term memory,
images can go into long-
term memory!
The 10 Golden Rules of Mobile UX! 25!
Invest on the First Time
User Experience. 
9.
The First Time User Experience"
The FTUE is one of the most important parts of a
successful app.!
!
²  30 seconds to hook new
users!
²  <5 minutes to teach them!
²  Show off the cool parts!
²  Give clear directions!
²  Get the user going ASAP!
27!
Pinevent-FTUE"
Pinevent-FTUE"
FTUE - Tutorial"
The DON’Ts"
²  Don’t be too wordy!
²  Don’t explain!
²  Don’t get users lost!
²  Don’t be boring!
The DO’s"
²  Use as little words as
possible!
²  Walk the user through the
core mechanics!
²  Put the user on rails!
²  Show off!!
If applicable:!
²  Show the use of virtual currency during the tutorial!
²  “Learn as you go” approach !
30!
GrandeFratello-FTUE"
GrandeFratello-FTUE"
CottoeMangiato-FTUE"
Don't prevent users 

from using your app!
10.
Don’t force registration on users"
² When forcing registration, the user drop-
off can be very high. According to Tapjoy,
it can reach 50%-75% (even relying on
Facebook Connect)!
² Access as guest!
² Allow late registration!
² Reward users for creating accounts!
The 10 Golden Rules of Mobile UX! 35!
Where’sUp-FTUE"
36!
Where’sUp-FTUE"
37!
Never, ever discount
execution!
*.
Vision without execution is
just hallucination.
*.
Thomas Edison
THANKS!!
!
www.sparklnglabs.com!
@sparklinglabs!
emilia@sparklinglabs.com!
www.sparklinglabs.com!

More Related Content

What's hot

What the heck is Product-led Growth?
What the heck is Product-led Growth?What the heck is Product-led Growth?
What the heck is Product-led Growth?OpenView
 
Jak přejít z Universal Analytics na GA4 / Marek Čech
Jak přejít z Universal Analytics na GA4 / Marek ČechJak přejít z Universal Analytics na GA4 / Marek Čech
Jak přejít z Universal Analytics na GA4 / Marek ČechMarketingová Plzeň
 
New Commerce Commerce: All Things Instacart
New Commerce Commerce: All Things InstacartNew Commerce Commerce: All Things Instacart
New Commerce Commerce: All Things InstacartCatalyst
 
State of the Cloud 2022: The Centaur Report with Bessemer Venture Partners
State of the Cloud 2022: The Centaur Report with Bessemer Venture PartnersState of the Cloud 2022: The Centaur Report with Bessemer Venture Partners
State of the Cloud 2022: The Centaur Report with Bessemer Venture Partnerssaastr
 
An Introduction to Digital Credit: Resources to Plan a Deployment
An Introduction to Digital Credit: Resources to Plan a DeploymentAn Introduction to Digital Credit: Resources to Plan a Deployment
An Introduction to Digital Credit: Resources to Plan a DeploymentCGAP
 
The Always-On Approach: How to Continually Improve Your Streaming Advertising...
The Always-On Approach: How to Continually Improve Your Streaming Advertising...The Always-On Approach: How to Continually Improve Your Streaming Advertising...
The Always-On Approach: How to Continually Improve Your Streaming Advertising...Tinuiti
 
Farewill
FarewillFarewill
FarewillPPerksi
 
Pitch Deck Teardown: Oii.ai's $1.9M Seed deck
Pitch Deck Teardown: Oii.ai's $1.9M Seed deckPitch Deck Teardown: Oii.ai's $1.9M Seed deck
Pitch Deck Teardown: Oii.ai's $1.9M Seed deckHajeJanKamps
 
Marketing Strategies - Go-to-Market Plans
Marketing Strategies - Go-to-Market PlansMarketing Strategies - Go-to-Market Plans
Marketing Strategies - Go-to-Market PlansFour Quadrant LLC
 
MoEngage: Next Generation Marketing Cloud
MoEngage: Next Generation Marketing CloudMoEngage: Next Generation Marketing Cloud
MoEngage: Next Generation Marketing CloudMoEngage Inc.
 
The B2B Buying Journey
The B2B Buying JourneyThe B2B Buying Journey
The B2B Buying JourneyTodd Ebert
 
Riskified Overview
Riskified OverviewRiskified Overview
Riskified OverviewRiskified
 
Groupon IPO Roadshow
Groupon IPO RoadshowGroupon IPO Roadshow
Groupon IPO RoadshowiChinaStock
 
ABM Master Class: Targeting
ABM Master Class: TargetingABM Master Class: Targeting
ABM Master Class: TargetingDemandbase
 
Reimagine Growth: Execute on your customer journey strategy
Reimagine Growth: Execute on your customer journey strategyReimagine Growth: Execute on your customer journey strategy
Reimagine Growth: Execute on your customer journey strategyCleverTap
 
Pitch Deck iBAN-Wallet
Pitch Deck iBAN-WalletPitch Deck iBAN-Wallet
Pitch Deck iBAN-WalletLeivy Gonzalez
 

What's hot (20)

What the heck is Product-led Growth?
What the heck is Product-led Growth?What the heck is Product-led Growth?
What the heck is Product-led Growth?
 
Jak přejít z Universal Analytics na GA4 / Marek Čech
Jak přejít z Universal Analytics na GA4 / Marek ČechJak přejít z Universal Analytics na GA4 / Marek Čech
Jak přejít z Universal Analytics na GA4 / Marek Čech
 
New Commerce Commerce: All Things Instacart
New Commerce Commerce: All Things InstacartNew Commerce Commerce: All Things Instacart
New Commerce Commerce: All Things Instacart
 
State of the Cloud 2022: The Centaur Report with Bessemer Venture Partners
State of the Cloud 2022: The Centaur Report with Bessemer Venture PartnersState of the Cloud 2022: The Centaur Report with Bessemer Venture Partners
State of the Cloud 2022: The Centaur Report with Bessemer Venture Partners
 
An Introduction to Digital Credit: Resources to Plan a Deployment
An Introduction to Digital Credit: Resources to Plan a DeploymentAn Introduction to Digital Credit: Resources to Plan a Deployment
An Introduction to Digital Credit: Resources to Plan a Deployment
 
The Always-On Approach: How to Continually Improve Your Streaming Advertising...
The Always-On Approach: How to Continually Improve Your Streaming Advertising...The Always-On Approach: How to Continually Improve Your Streaming Advertising...
The Always-On Approach: How to Continually Improve Your Streaming Advertising...
 
Farewill
FarewillFarewill
Farewill
 
Pitch Deck Teardown: Oii.ai's $1.9M Seed deck
Pitch Deck Teardown: Oii.ai's $1.9M Seed deckPitch Deck Teardown: Oii.ai's $1.9M Seed deck
Pitch Deck Teardown: Oii.ai's $1.9M Seed deck
 
Marketing Strategies - Go-to-Market Plans
Marketing Strategies - Go-to-Market PlansMarketing Strategies - Go-to-Market Plans
Marketing Strategies - Go-to-Market Plans
 
MoEngage: Next Generation Marketing Cloud
MoEngage: Next Generation Marketing CloudMoEngage: Next Generation Marketing Cloud
MoEngage: Next Generation Marketing Cloud
 
The B2B Buying Journey
The B2B Buying JourneyThe B2B Buying Journey
The B2B Buying Journey
 
Riskified Overview
Riskified OverviewRiskified Overview
Riskified Overview
 
Mission: Sales Enablement
Mission: Sales EnablementMission: Sales Enablement
Mission: Sales Enablement
 
Groupon IPO Roadshow
Groupon IPO RoadshowGroupon IPO Roadshow
Groupon IPO Roadshow
 
ABM Master Class: Targeting
ABM Master Class: TargetingABM Master Class: Targeting
ABM Master Class: Targeting
 
Crelo Pitch Deck
Crelo Pitch DeckCrelo Pitch Deck
Crelo Pitch Deck
 
Vettery Pitch Deck
Vettery Pitch DeckVettery Pitch Deck
Vettery Pitch Deck
 
Reimagine Growth: Execute on your customer journey strategy
Reimagine Growth: Execute on your customer journey strategyReimagine Growth: Execute on your customer journey strategy
Reimagine Growth: Execute on your customer journey strategy
 
Pitch Deck iBAN-Wallet
Pitch Deck iBAN-WalletPitch Deck iBAN-Wallet
Pitch Deck iBAN-Wallet
 
Product-led growth
Product-led growthProduct-led growth
Product-led growth
 

Viewers also liked

The power of the dark side - Dark patterns and Mobile UX Design
The power of the dark side - Dark patterns and Mobile UX DesignThe power of the dark side - Dark patterns and Mobile UX Design
The power of the dark side - Dark patterns and Mobile UX DesignEmilia Ciardi
 
Capturing the human body motion with inertial sensors, the Open Source way - ...
Capturing the human body motion with inertial sensors, the Open Source way - ...Capturing the human body motion with inertial sensors, the Open Source way - ...
Capturing the human body motion with inertial sensors, the Open Source way - ...Codemotion
 
Webinar: Giovanni Laquidara - Creare applicazioni VR
Webinar: Giovanni Laquidara - Creare applicazioni VRWebinar: Giovanni Laquidara - Creare applicazioni VR
Webinar: Giovanni Laquidara - Creare applicazioni VRCodemotion
 
Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...
Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...
Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...Codemotion
 
Mattia Tommasone - What we talk about when we say "web performances" - Codemo...
Mattia Tommasone - What we talk about when we say "web performances" - Codemo...Mattia Tommasone - What we talk about when we say "web performances" - Codemo...
Mattia Tommasone - What we talk about when we say "web performances" - Codemo...Codemotion
 
Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...
Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...
Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...Codemotion
 

Viewers also liked (6)

The power of the dark side - Dark patterns and Mobile UX Design
The power of the dark side - Dark patterns and Mobile UX DesignThe power of the dark side - Dark patterns and Mobile UX Design
The power of the dark side - Dark patterns and Mobile UX Design
 
Capturing the human body motion with inertial sensors, the Open Source way - ...
Capturing the human body motion with inertial sensors, the Open Source way - ...Capturing the human body motion with inertial sensors, the Open Source way - ...
Capturing the human body motion with inertial sensors, the Open Source way - ...
 
Webinar: Giovanni Laquidara - Creare applicazioni VR
Webinar: Giovanni Laquidara - Creare applicazioni VRWebinar: Giovanni Laquidara - Creare applicazioni VR
Webinar: Giovanni Laquidara - Creare applicazioni VR
 
Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...
Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...
Security Testing with OWASP ZAP in CI/CD - Simon Bennetts - Codemotion Amster...
 
Mattia Tommasone - What we talk about when we say "web performances" - Codemo...
Mattia Tommasone - What we talk about when we say "web performances" - Codemo...Mattia Tommasone - What we talk about when we say "web performances" - Codemo...
Mattia Tommasone - What we talk about when we say "web performances" - Codemo...
 
Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...
Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...
Erik Tiengo - Embedding Cisco Spark and Location applications (ESRI) into bus...
 

Similar to The 10 Golden Rules of Mobile UX

The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User InterfacesPlan
 
How to build a kick-ass mobile experience
How to build a kick-ass mobile experienceHow to build a kick-ass mobile experience
How to build a kick-ass mobile experienceMichael Dick
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User ExperienceJose Alves
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile AppsKamil Zieba
 
Designing the right mobile experience
Designing the right mobile experienceDesigning the right mobile experience
Designing the right mobile experienceFrederic Gaillard
 
Mobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITALMobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITALTim Bishop
 
UX Joburg: Mobile UX Workshop
UX Joburg: Mobile UX WorkshopUX Joburg: Mobile UX Workshop
UX Joburg: Mobile UX WorkshopRob Enslin
 
Mobile Design is for Mobile Users
Mobile Design is for Mobile UsersMobile Design is for Mobile Users
Mobile Design is for Mobile UsersGretchen Thomas
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User InterfacesJason Mesut
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UXRyo Sampei
 
Usability & Design Principles
Usability & Design PrinciplesUsability & Design Principles
Usability & Design PrinciplesClaus Medvesek
 
why I called " interaction design " is not "IXD" but "InD" Ind course
why I called " interaction design " is not "IXD" but "InD"  Ind coursewhy I called " interaction design " is not "IXD" but "InD"  Ind course
why I called " interaction design " is not "IXD" but "InD" Ind courseLuise 刘刚
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleOlga Voskoboinikova
 
Touch UIs are Quite Different
Touch UIs are Quite DifferentTouch UIs are Quite Different
Touch UIs are Quite DifferentPanu Korhonen
 
2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile appsCocoaHeads Tricity
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015TAL FLORENTIN
 
Advance global trading Dubai
Advance global trading DubaiAdvance global trading Dubai
Advance global trading DubaiAmineagt Dubai
 
Future Technologies - Integral Cord
Future Technologies - Integral CordFuture Technologies - Integral Cord
Future Technologies - Integral CordSukrit Gupta
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?DariaPersell
 

Similar to The 10 Golden Rules of Mobile UX (20)

The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 
How to build a kick-ass mobile experience
How to build a kick-ass mobile experienceHow to build a kick-ass mobile experience
How to build a kick-ass mobile experience
 
Designing The Mobile User Experience
Designing The Mobile User ExperienceDesigning The Mobile User Experience
Designing The Mobile User Experience
 
UX Design for Mobile Apps
UX Design for Mobile AppsUX Design for Mobile Apps
UX Design for Mobile Apps
 
Designing the right mobile experience
Designing the right mobile experienceDesigning the right mobile experience
Designing the right mobile experience
 
Mobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITALMobilising Brands Properly! - PREZENCE DIGITAL
Mobilising Brands Properly! - PREZENCE DIGITAL
 
UX Joburg: Mobile UX Workshop
UX Joburg: Mobile UX WorkshopUX Joburg: Mobile UX Workshop
UX Joburg: Mobile UX Workshop
 
Mobile Design is for Mobile Users
Mobile Design is for Mobile UsersMobile Design is for Mobile Users
Mobile Design is for Mobile Users
 
The Future of User Interfaces
The Future of User InterfacesThe Future of User Interfaces
The Future of User Interfaces
 
Catching up on UX
Catching up on UXCatching up on UX
Catching up on UX
 
Usability & Design Principles
Usability & Design PrinciplesUsability & Design Principles
Usability & Design Principles
 
why I called " interaction design " is not "IXD" but "InD" Ind course
why I called " interaction design " is not "IXD" but "InD"  Ind coursewhy I called " interaction design " is not "IXD" but "InD"  Ind course
why I called " interaction design " is not "IXD" but "InD" Ind course
 
How to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principleHow to Design Mobile First and the KISSS principle
How to Design Mobile First and the KISSS principle
 
Touch UIs are Quite Different
Touch UIs are Quite DifferentTouch UIs are Quite Different
Touch UIs are Quite Different
 
2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps2013-02-05 UX design for mobile apps
2013-02-05 UX design for mobile apps
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015
 
The Importance of UX
The Importance of UXThe Importance of UX
The Importance of UX
 
Advance global trading Dubai
Advance global trading DubaiAdvance global trading Dubai
Advance global trading Dubai
 
Future Technologies - Integral Cord
Future Technologies - Integral CordFuture Technologies - Integral Cord
Future Technologies - Integral Cord
 
UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?UI vs. UX: What’s the difference?
UI vs. UX: What’s the difference?
 

The 10 Golden Rules of Mobile UX