SlideShare une entreprise Scribd logo
1  sur  64
Télécharger pour lire hors ligne
For Mobile
Developers
Juan José Rodríguez
juanjoserodriguez.me
@jrodriguezv10
UX Design for Mobile Developers
on Udacity
Presentation inspired in:
50 billion apps installed
1 billion users
7 billions persons
SAME GOAL!
DESIGNER DEVELOPER
Task 1: Write your current level in:
UX
Mobile
Design
Android
Design
User
Centric
Design
AGENDA
UX
UX
UX
UX
UI
Backend code
Frontend code
UX
Frontend code
Backend code
UX
UI
UX
UX
UI
Backend code
Frontend code
UX
UX
UI
Backend code
Frontend code
UX
UX
UI
Backend code
Frontend code
Google Now Experience
≠
UX
Team responsibility
UX
Optimization
Examples
UX
UX
Task 1: Improve this form
UX
UX
TRAP SMALL DETAILS
BIG PICTURE
UX
TASK:
STEPS:
BUY A PIZZA
1 2 3 4
UX
TASK:
STEPS:
SIGNIN CHOOSE BUY EAT!
BUY A PIZZA
1 2 3 4
UX
TASK:
STEPS:
BUY A PIZZA
1 2 3 4
STEPS
2, 1, 3, 4
2,3,4
SIGNIN CHOOSE BUY EAT!
UX
TASK 3: FIND A APP YOU LIKE AND DISLIKE
AND TELL US:
- WHY DO YOU LIKE
- WHY DO YOU DISLIKE
BUT FIRST, TELL US WHO'RE YOU :)
UX
DIFFERENT TYPES OF PERSONALITIES
Features to
App to get Pizza
Write about your 3
features would you
like it
Is forbbiden:
Combine features or
Pick one?
Who is your users?
How can I understand them?
How focus uses cases on especific targets?
How can think in my user and not on my personal preference
User
Centric
Design
User
Centric
Design
Personas uses cases
Proxy for group of actual users
When+Where and How a Persona
uses product to accomplish task
User
Centric
Design
Cynthia
20 years old
● University student of Administration
● Has little money $
● Share an apartment with a university friend
● Doesn't have a car
Uses cases: How, When, Where?
● Get a pizza 2 AM
● Make a order with friends
❏ Multiple payment channels
❏ Show photos of the ingredients
❏ Show pizzas ranking
User
Centric
Design
Cynthia
20 years old
● University student of
Administration
● Has little money $
● Share an apartment with a
university friend
● Doesn't have a car
Uses cases:
● Get a pizza 2 AM
● Make a order with
friends
FEATURE:
❏ Split payment
❏ Delivery
❏ Pick up the order on the balcony
❏ Discount coupons
User
Centric
Design
Cynthia
20 years old Uses cases:
FEATURE:
❏ Split payment
❏ Multiple payment channels.
❏ Delivery
❏ Discount coupons
● University student of
Administration
● Has little money $
● Share an apartment with a
university friend
● Doesn't have a car
● Get a pizza 2 AM
● Make a order with
friends
TASK: DEVELOP a Feature List of
these people
Mauricio
40 years old
● Businessman and investor in technological
projects.
● Is often busy working on his projects.
● It is demanding in relation to food
Uses cases: How, When, Where?
FEATURES??
Marcos
28 years old
● Fashion and events adviser.
● Likes to always be present at the main events that
happen in the city.
● Likes to travel and share their experiences on social
networks
Uses cases: How, When, Where?
FEATURES??
Mobile
Design
http://www.mobile-patterns.com/http://www.android-app-patterns.com/ http://inspired-ui.com/
https://developer.android.com/design/patterns/new.html
Mobile Patterns
Web Application Mobile Application
VS
from the persona perspective
Mobile
Design
Mobile constraints
Finite data & Battery
Divided Attention
Handedness
Small Screen
Mobile
Design
1 2 3
'OW ZONE'
● 50% use of smartphones
is using one hand
● red are avoid zones
● Green are natural zones
Ver demo
Android
Design
Understand
Android
Design
Question: An user is sleeping and receive a notification
Android
Design
Android
Design
CONTEXT
Android
Design
Moobo
Music Player
Shazam
@Voice Read
Aloud
Luminosity
Runtastic
Financiator
Mouse Kit
The Whip
(Chicote)
❏ What is your user
doing?
❏ Where is your user?
❏ Who or what are they
near?
❏ Who is your user?
USER CONTEXT
Android
Design
Question: An user is sleeping and receive a notification
Android
Design
CONDUCT
CODE
HAVE A PURPOSE
For Mobile
Developers
Juan José Rodríguez
juanjoserodriguez.me
@jrodriguezv10

Contenu connexe

Similaire à Ux for Mobile Developers

Introduction to mobile user experience
Introduction to mobile user experienceIntroduction to mobile user experience
Introduction to mobile user experience
Peter Van Dijck
 

Similaire à Ux for Mobile Developers (20)

UX UI & Design Case Studies from Happy Dog
UX UI & Design Case Studies from Happy DogUX UI & Design Case Studies from Happy Dog
UX UI & Design Case Studies from Happy Dog
 
Transition to UX: Panel of Local UX Leaders Hosted by IxDA Chicago and Genera...
Transition to UX: Panel of Local UX Leaders Hosted by IxDA Chicago and Genera...Transition to UX: Panel of Local UX Leaders Hosted by IxDA Chicago and Genera...
Transition to UX: Panel of Local UX Leaders Hosted by IxDA Chicago and Genera...
 
Portfolio -Designer.pdf
Portfolio -Designer.pdfPortfolio -Designer.pdf
Portfolio -Designer.pdf
 
Do’s and don’ts for a successful UX design
Do’s and don’ts for a successful UX designDo’s and don’ts for a successful UX design
Do’s and don’ts for a successful UX design
 
Steven Boyle Graphic Design
Steven Boyle Graphic DesignSteven Boyle Graphic Design
Steven Boyle Graphic Design
 
Bill on the Hill
Bill on the HillBill on the Hill
Bill on the Hill
 
Introduction to mobile user experience
Introduction to mobile user experienceIntroduction to mobile user experience
Introduction to mobile user experience
 
Demystifying User Experience - General Assembly
Demystifying User Experience - General AssemblyDemystifying User Experience - General Assembly
Demystifying User Experience - General Assembly
 
UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015UXVision - UX Design Agency - Portfolio 2015
UXVision - UX Design Agency - Portfolio 2015
 
Pablo Prieto - Portfolio
Pablo Prieto - PortfolioPablo Prieto - Portfolio
Pablo Prieto - Portfolio
 
Introduction to User Experience - Mike Biggs
Introduction to User Experience - Mike BiggsIntroduction to User Experience - Mike Biggs
Introduction to User Experience - Mike Biggs
 
Your Guide to Understanding the ROI of UX
Your Guide to Understanding the ROI of UXYour Guide to Understanding the ROI of UX
Your Guide to Understanding the ROI of UX
 
From Prototyping to Optimization; UX/UI a continuous process
From Prototyping to Optimization; UX/UI a continuous processFrom Prototyping to Optimization; UX/UI a continuous process
From Prototyping to Optimization; UX/UI a continuous process
 
Digital Team Proposal
Digital Team ProposalDigital Team Proposal
Digital Team Proposal
 
Mobile User Experience (UE/UX)
Mobile User Experience (UE/UX)Mobile User Experience (UE/UX)
Mobile User Experience (UE/UX)
 
3rd Annual International UX Awards- June 2013
3rd Annual International UX Awards- June 20133rd Annual International UX Awards- June 2013
3rd Annual International UX Awards- June 2013
 
Andrew Couch (Candy Lab) Augmenting Consumer Experiences
Andrew Couch (Candy Lab) Augmenting Consumer ExperiencesAndrew Couch (Candy Lab) Augmenting Consumer Experiences
Andrew Couch (Candy Lab) Augmenting Consumer Experiences
 
500’s Demo Day: Series A >> ViewMarket
500’s Demo Day: Series A >> ViewMarket500’s Demo Day: Series A >> ViewMarket
500’s Demo Day: Series A >> ViewMarket
 
Lucia Ferreira Resume 2018
Lucia Ferreira Resume 2018Lucia Ferreira Resume 2018
Lucia Ferreira Resume 2018
 
Creating a Digital Strategy
Creating a Digital StrategyCreating a Digital Strategy
Creating a Digital Strategy
 

Plus de Juan José Rodriguez MsC.

Plus de Juan José Rodriguez MsC. (17)

Apresentação de Dissertação Mestrado em Ciências da Computação
Apresentação de Dissertação Mestrado em Ciências da ComputaçãoApresentação de Dissertação Mestrado em Ciências da Computação
Apresentação de Dissertação Mestrado em Ciências da Computação
 
Geoprocess in smart cities concepts
Geoprocess in smart cities conceptsGeoprocess in smart cities concepts
Geoprocess in smart cities concepts
 
Living on the future with google glass 2015
Living on the future with google glass   2015Living on the future with google glass   2015
Living on the future with google glass 2015
 
Programas y Herramientas de Google para emprendedores
Programas y Herramientas de Google para emprendedoresProgramas y Herramientas de Google para emprendedores
Programas y Herramientas de Google para emprendedores
 
Las nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google AppsLas nuevas funcionalidades de Google Apps
Las nuevas funcionalidades de Google Apps
 
GDG DevFest Lighting Talks México
GDG DevFest Lighting Talks MéxicoGDG DevFest Lighting Talks México
GDG DevFest Lighting Talks México
 
Programas de Google DevRel LatAm South Region
Programas de Google DevRel LatAm South RegionProgramas de Google DevRel LatAm South Region
Programas de Google DevRel LatAm South Region
 
La Realidad Aumentada como herramienta para mejorar los procesos educativos e...
La Realidad Aumentada como herramienta para mejorar los procesos educativos e...La Realidad Aumentada como herramienta para mejorar los procesos educativos e...
La Realidad Aumentada como herramienta para mejorar los procesos educativos e...
 
Utilización de tecnologías Cloud Computing para la innovación en Organizacion...
Utilización de tecnologías Cloud Computing para la innovación en Organizacion...Utilización de tecnologías Cloud Computing para la innovación en Organizacion...
Utilización de tecnologías Cloud Computing para la innovación en Organizacion...
 
Herramientas de comunicación y colaboración de Google Apps Edu Edition como p...
Herramientas de comunicación y colaboración de Google Apps Edu Edition como p...Herramientas de comunicación y colaboración de Google Apps Edu Edition como p...
Herramientas de comunicación y colaboración de Google Apps Edu Edition como p...
 
Code Passion 2012 - Ecosistema de tecnologías google - propuestas, iniciativa...
Code Passion 2012 - Ecosistema de tecnologías google - propuestas, iniciativa...Code Passion 2012 - Ecosistema de tecnologías google - propuestas, iniciativa...
Code Passion 2012 - Ecosistema de tecnologías google - propuestas, iniciativa...
 
Herramientas Google para docentes y alumnos
Herramientas Google para docentes y alumnosHerramientas Google para docentes y alumnos
Herramientas Google para docentes y alumnos
 
Taller de Google Apps - Eduticinnova 2011
Taller de Google Apps - Eduticinnova 2011Taller de Google Apps - Eduticinnova 2011
Taller de Google Apps - Eduticinnova 2011
 
Oportunidad para innovar con tecnología google - AgileOpenLima V
Oportunidad para innovar con tecnología google - AgileOpenLima VOportunidad para innovar con tecnología google - AgileOpenLima V
Oportunidad para innovar con tecnología google - AgileOpenLima V
 
Qué es un gtug y tecnologías google para desarrolladores - Academic Developer...
Qué es un gtug y tecnologías google para desarrolladores - Academic Developer...Qué es un gtug y tecnologías google para desarrolladores - Academic Developer...
Qué es un gtug y tecnologías google para desarrolladores - Academic Developer...
 
Programa Academic Developer Technology Groups en Perú
Programa Academic Developer Technology Groups en PerúPrograma Academic Developer Technology Groups en Perú
Programa Academic Developer Technology Groups en Perú
 
Virtual educa 2011
Virtual educa 2011Virtual educa 2011
Virtual educa 2011
 

Dernier

+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@
 

Dernier (20)

Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
Boost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdfBoost Fertility New Invention Ups Success Rates.pdf
Boost Fertility New Invention Ups Success Rates.pdf
 
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
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
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
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
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
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...2024: Domino Containers - The Next Step. News from the Domino Container commu...
2024: Domino Containers - The Next Step. News from the Domino Container commu...
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
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
 
A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?A Year of the Servo Reboot: Where Are We Now?
A Year of the Servo Reboot: Where Are We Now?
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
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
 
+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...
 
Tech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdfTech Trends Report 2024 Future Today Institute.pdf
Tech Trends Report 2024 Future Today Institute.pdf
 
Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...Apidays New York 2024 - The value of a flexible API Management solution for O...
Apidays New York 2024 - The value of a flexible API Management solution for O...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
Apidays Singapore 2024 - Building Digital Trust in a Digital Economy by Veron...
 

Ux for Mobile Developers