SlideShare a Scribd company logo
1 of 61
Download to read offline
10 Essentials to a
Great Mobile Experience
Greg Raiz @graiz
}
This talk is about great
#1 Visual Aesthetics
Readable,
Usable,
Pretty.
Color,
Image,
Alignment.
Pretty follows Usable
(Put labels on icons)
Aesthetic-Usability Effect
#2 Animations &
Transitions
Transition State with Style
Add Fun to Ordinary
Animations
instead of
tutorials
Data
Animation
Data
Animation
Setting the
mood
#3 Application
on-boarding
#4 Error
Handling &
Offline
#5 App-Icon &
Screenshot
This is what
users see
Expedia
Clean Icon Purpose
Hero Shot
Uber
Groupon
#6 Thoughtful
Notification Experience
#7 Android & iOS Details
Apple
HIG
Android
Design
Use the ______
you design
#8 Empty States
#8EmptyStates
#9 Be Polite
Push Notification
Location
Calendar
Contacts
Camera
Microphone
#10 Surprise & Delight
Summary…
Keys to a great app
1. It’s not about the features
2. Get caught up in details
3. Don’t build crap
Thank You!…
Gregory Raiz, CEO
@graiz
You’re still here?
It’s over.
Go home.
Go.

More Related Content

Similar to 10 essentials to great mobile

Designing Great Mobile Apps
Designing Great Mobile AppsDesigning Great Mobile Apps
Designing Great Mobile AppsChris Griffith
 
How do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdfHow do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdfShaiAlmog1
 
Android Design Guidelines
Android Design GuidelinesAndroid Design Guidelines
Android Design GuidelinesSam Gaddis
 
Framer for the win - Using Framer prototypes for your app project. (For Melbo...
Framer for the win - Using Framer prototypes for your app project. (For Melbo...Framer for the win - Using Framer prototypes for your app project. (For Melbo...
Framer for the win - Using Framer prototypes for your app project. (For Melbo...Jinju Jang
 
Creating a Facebook Clone - Part I - Transcript.pdf
Creating a Facebook Clone - Part I - Transcript.pdfCreating a Facebook Clone - Part I - Transcript.pdf
Creating a Facebook Clone - Part I - Transcript.pdfShaiAlmog1
 
Final Presentation
Final PresentationFinal Presentation
Final PresentationSuhina Nath
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Markus Jönsson
 
UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4Hello Group
 
Ubercool, pixel perfct & slick design… that just doesn't work
Ubercool, pixel perfct & slick design… that just doesn't workUbercool, pixel perfct & slick design… that just doesn't work
Ubercool, pixel perfct & slick design… that just doesn't workSamuel Bednar
 
Designing Great Mobile Apps
Designing Great Mobile AppsDesigning Great Mobile Apps
Designing Great Mobile AppsChris Griffith
 
2017 ux and design predictions
2017 ux and design predictions2017 ux and design predictions
2017 ux and design predictionsCodal
 
Optimise for everything, not just search engines
Optimise for everything, not just search enginesOptimise for everything, not just search engines
Optimise for everything, not just search enginesKevin Gibbons
 
ADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade BankADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade BankHuman Interface Group
 
AR mobile app development
 AR mobile app development AR mobile app development
AR mobile app developmentFluperOfficial
 
How to create an impact with app design
How to create an impact with app designHow to create an impact with app design
How to create an impact with app designElliott Barton
 
Designing iOS apps that rock!
Designing iOS apps that rock!Designing iOS apps that rock!
Designing iOS apps that rock!Joey Rigor
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021sravanthisravanthi6
 

Similar to 10 essentials to great mobile (20)

iOS HIG
iOS HIGiOS HIG
iOS HIG
 
Designing Great Mobile Apps
Designing Great Mobile AppsDesigning Great Mobile Apps
Designing Great Mobile Apps
 
How do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdfHow do I - Working With Images - Transcript.pdf
How do I - Working With Images - Transcript.pdf
 
Android Design Guidelines
Android Design GuidelinesAndroid Design Guidelines
Android Design Guidelines
 
Unboxing iOS 7
Unboxing iOS 7Unboxing iOS 7
Unboxing iOS 7
 
Framer for the win - Using Framer prototypes for your app project. (For Melbo...
Framer for the win - Using Framer prototypes for your app project. (For Melbo...Framer for the win - Using Framer prototypes for your app project. (For Melbo...
Framer for the win - Using Framer prototypes for your app project. (For Melbo...
 
Creating a Facebook Clone - Part I - Transcript.pdf
Creating a Facebook Clone - Part I - Transcript.pdfCreating a Facebook Clone - Part I - Transcript.pdf
Creating a Facebook Clone - Part I - Transcript.pdf
 
Final Presentation
Final PresentationFinal Presentation
Final Presentation
 
Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013Designing Windows 8 application - Microsoft Techdays 2013
Designing Windows 8 application - Microsoft Techdays 2013
 
DC Digital Summit Oct 14th
DC Digital Summit Oct 14thDC Digital Summit Oct 14th
DC Digital Summit Oct 14th
 
UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4UX & Apps - Markedsføring Seminar 3/4
UX & Apps - Markedsføring Seminar 3/4
 
Ubercool, pixel perfct & slick design… that just doesn't work
Ubercool, pixel perfct & slick design… that just doesn't workUbercool, pixel perfct & slick design… that just doesn't work
Ubercool, pixel perfct & slick design… that just doesn't work
 
Designing Great Mobile Apps
Designing Great Mobile AppsDesigning Great Mobile Apps
Designing Great Mobile Apps
 
2017 ux and design predictions
2017 ux and design predictions2017 ux and design predictions
2017 ux and design predictions
 
Optimise for everything, not just search engines
Optimise for everything, not just search enginesOptimise for everything, not just search engines
Optimise for everything, not just search engines
 
ADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade BankADM: Mobile banking and trading website - Keytrade Bank
ADM: Mobile banking and trading website - Keytrade Bank
 
AR mobile app development
 AR mobile app development AR mobile app development
AR mobile app development
 
How to create an impact with app design
How to create an impact with app designHow to create an impact with app design
How to create an impact with app design
 
Designing iOS apps that rock!
Designing iOS apps that rock!Designing iOS apps that rock!
Designing iOS apps that rock!
 
Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021Top ui ux design trends for mobile apps 2021
Top ui ux design trends for mobile apps 2021
 

More from Gregory Raiz

Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Gregory Raiz
 
Innovation at Scale & Building with ❤️
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️Gregory Raiz
 
AltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresGregory Raiz
 
Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Gregory Raiz
 
Design and development better together
Design and development better togetherDesign and development better together
Design and development better togetherGregory Raiz
 
UXPA 10 minute talk on shaping organizations
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations Gregory Raiz
 
Flat design for a non flat world
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat worldGregory Raiz
 
User interface design for thumbs and fingers
User interface design for thumbs and fingersUser interface design for thumbs and fingers
User interface design for thumbs and fingersGregory Raiz
 
Wireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppWireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppGregory Raiz
 
Wireframe Powerpoint Parts
Wireframe Powerpoint PartsWireframe Powerpoint Parts
Wireframe Powerpoint PartsGregory Raiz
 

More from Gregory Raiz (10)

Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015Raizlabs Culture Deck - 2015
Raizlabs Culture Deck - 2015
 
Innovation at Scale & Building with ❤️
Innovation at Scale  & Building with ❤️Innovation at Scale  & Building with ❤️
Innovation at Scale & Building with ❤️
 
AltConf - Products need a vision, not just features
AltConf - Products need a vision, not just featuresAltConf - Products need a vision, not just features
AltConf - Products need a vision, not just features
 
Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016Why bad design is your fault - UXPA 2016
Why bad design is your fault - UXPA 2016
 
Design and development better together
Design and development better togetherDesign and development better together
Design and development better together
 
UXPA 10 minute talk on shaping organizations
UXPA   10 minute talk on shaping organizations UXPA   10 minute talk on shaping organizations
UXPA 10 minute talk on shaping organizations
 
Flat design for a non flat world
Flat design for a non flat worldFlat design for a non flat world
Flat design for a non flat world
 
User interface design for thumbs and fingers
User interface design for thumbs and fingersUser interface design for thumbs and fingers
User interface design for thumbs and fingers
 
Wireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio AppWireframe screens for the Clock Radio App
Wireframe screens for the Clock Radio App
 
Wireframe Powerpoint Parts
Wireframe Powerpoint PartsWireframe Powerpoint Parts
Wireframe Powerpoint Parts