SlideShare una empresa de Scribd logo
1 de 17
Descargar para leer sin conexión
marlinmobile
marlinmobile   MOBILE UX WITH ADRIAN MENDOZA   2
DEVICES                             CARRIERS




  IOS

                ANDROID

 marlinmobile             MOBILE UX WITH ADRIAN MENDOZA   3
OS’S   OS VERSIONS




marlinmobile          MOBILE UX WITH ADRIAN MENDOZA   4
SCREEN RESOLUTIONS

                2048	
  x	
  1536	
  pixels	
  




                                1024	
  X	
  768	
  pixels	
  

                                                                 960	
  x	
  1600	
  pixels	
  



                                                                             480	
  x	
  854	
  pixels	
       What the?

                                                                             480	
  x	
  800	
  pixels	
  



                                                                                         320	
  x	
  480	
  
                                                                                           pixels	
  




 marlinmobile                                                                                          MOBILE UX WITH ADRIAN MENDOZA   5
IT’S A MILLION MATRIX PROBLEM




                                               Your
                                               Mobile
                                                User
                                             Experience




 marlinmobile                   MOBILE UX WITH ADRIAN MENDOZA   6
marlinmobile   MOBILE UX WITH ADRIAN MENDOZA   7
BE ON THE DEVICE




   This is a start, but in no way is it scalable.




 marlinmobile                                       MOBILE UX WITH ADRIAN MENDOZA   8
KNOW THY DEVICES




                                                 7X
                                             difference




  Real devices = Real Results.


 marlinmobile                    MOBILE UX WITH ADRIAN MENDOZA   9
KNOW THY USERS




  Source: Google


 marlinmobile      MOBILE UX WITH ADRIAN MENDOZA   10
KNOW THY USERS




  Do you know what your user wants, have you asked them? Feedback is king.


 marlinmobile                                        MOBILE UX WITH ADRIAN MENDOZA   11
KNOW THAT EXPECTATIONS ARE DIFFERENT


                                                                           One
                                                                          extra
                                                                          click

                                                                                  One
             404 error                                                           extra
                                                                                 second


                                                                    One
                                                                   extra
                                                                    MB
  Mobile is not your desktop experience
  The concept of failure is redefined. Its not just about your site being down its about
  your experience not being optimized for mobile.



 marlinmobile                                                       MOBILE UX WITH ADRIAN MENDOZA   12
KNOW THAT DESIGN IS DIFFERENT
•  Use Gestures instead of Clicks
•  UI needs space for fingers (around 48 pixels)
•  Users and UI are different for each platform
(For example: Android users know what a menu button is.. iPhone
user use the big button approach. “one button for all”)
•  Design, user experience, and developer are tied together

                              Design




                    UX                    Dev



   marlinmobile                                    MOBILE UX WITH ADRIAN MENDOZA   13
WIREFRAME FOR MOBILE
•  Design screens based around flows. Not just a single screen
•  Show call to actions after the each flow
•  Keep the users in a loop




   marlinmobile                                 MOBILE UX WITH ADRIAN MENDOZA   14
PROTOTYPING …. BE ON THE DEVICE




                                                                  I wasn’t
                                                                    kidding




  Everything changes when you get on the device. See how the UI looks, interacts, and
  get feedback from users.



 marlinmobile                                                   MOBILE UX WITH ADRIAN MENDOZA   15
CREATE A MOBILE “EXPERIENCE” STRATEGY
•  Design for multiple platforms if you can
•  Target your users if you know them
•  Ask the hard question before you start.
•  Are you a mobile web, app, or web app
        Or are you all of the above?
        Are you designing for a tablet?
•  Weight the advantages and disadvantages of each
(For example: Do you go response and weigh the performance
issues )




   marlinmobile                               MOBILE UX WITH ADRIAN MENDOZA   16
marlinmobile   MOBILE UX WITH ADRIAN MENDOZA   17

Más contenido relacionado

Último

+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
?#DUbAI#??##{{(☎️+971_581248768%)**%*]'#abortion pills for sale in dubai@
 

Último (20)

Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot ModelNavi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
Navi Mumbai Call Girls 🥰 8617370543 Service Offer VIP Hot Model
 
MS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectorsMS Copilot expands with MS Graph connectors
MS Copilot expands with MS Graph connectors
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024AXA XL - Insurer Innovation Award Americas 2024
AXA XL - Insurer Innovation Award Americas 2024
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 
MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024MINDCTI Revenue Release Quarter One 2024
MINDCTI Revenue Release Quarter One 2024
 
Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024Manulife - Insurer Transformation Award 2024
Manulife - Insurer Transformation Award 2024
 
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin WoodPolkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
 
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
+971581248768>> SAFE AND ORIGINAL ABORTION PILLS FOR SALE IN DUBAI AND ABUDHA...
 
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWEREMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
EMPOWERMENT TECHNOLOGY GRADE 11 QUARTER 2 REVIEWER
 
GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 

Destacado

Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
Kurio // The Social Media Age(ncy)
 

Destacado (20)

AI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdfAI Trends in Creative Operations 2024 by Artwork Flow.pdf
AI Trends in Creative Operations 2024 by Artwork Flow.pdf
 
Skeleton Culture Code
Skeleton Culture CodeSkeleton Culture Code
Skeleton Culture Code
 
PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 

Mobile Monday Labs Boston 9/10/12 - Mobile Experience Design with Adrian Mendoza

  • 2. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 2
  • 3. DEVICES CARRIERS IOS ANDROID marlinmobile MOBILE UX WITH ADRIAN MENDOZA 3
  • 4. OS’S OS VERSIONS marlinmobile MOBILE UX WITH ADRIAN MENDOZA 4
  • 5. SCREEN RESOLUTIONS 2048  x  1536  pixels   1024  X  768  pixels   960  x  1600  pixels   480  x  854  pixels   What the? 480  x  800  pixels   320  x  480   pixels   marlinmobile MOBILE UX WITH ADRIAN MENDOZA 5
  • 6. IT’S A MILLION MATRIX PROBLEM Your Mobile User Experience marlinmobile MOBILE UX WITH ADRIAN MENDOZA 6
  • 7. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 7
  • 8. BE ON THE DEVICE This is a start, but in no way is it scalable. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 8
  • 9. KNOW THY DEVICES 7X difference Real devices = Real Results. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 9
  • 10. KNOW THY USERS Source: Google marlinmobile MOBILE UX WITH ADRIAN MENDOZA 10
  • 11. KNOW THY USERS Do you know what your user wants, have you asked them? Feedback is king. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 11
  • 12. KNOW THAT EXPECTATIONS ARE DIFFERENT One extra click One 404 error extra second One extra MB Mobile is not your desktop experience The concept of failure is redefined. Its not just about your site being down its about your experience not being optimized for mobile. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 12
  • 13. KNOW THAT DESIGN IS DIFFERENT •  Use Gestures instead of Clicks •  UI needs space for fingers (around 48 pixels) •  Users and UI are different for each platform (For example: Android users know what a menu button is.. iPhone user use the big button approach. “one button for all”) •  Design, user experience, and developer are tied together Design UX Dev marlinmobile MOBILE UX WITH ADRIAN MENDOZA 13
  • 14. WIREFRAME FOR MOBILE •  Design screens based around flows. Not just a single screen •  Show call to actions after the each flow •  Keep the users in a loop marlinmobile MOBILE UX WITH ADRIAN MENDOZA 14
  • 15. PROTOTYPING …. BE ON THE DEVICE I wasn’t kidding Everything changes when you get on the device. See how the UI looks, interacts, and get feedback from users. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 15
  • 16. CREATE A MOBILE “EXPERIENCE” STRATEGY •  Design for multiple platforms if you can •  Target your users if you know them •  Ask the hard question before you start. •  Are you a mobile web, app, or web app Or are you all of the above? Are you designing for a tablet? •  Weight the advantages and disadvantages of each (For example: Do you go response and weigh the performance issues ) marlinmobile MOBILE UX WITH ADRIAN MENDOZA 16
  • 17. marlinmobile MOBILE UX WITH ADRIAN MENDOZA 17