SlideShare uma empresa Scribd logo
1 de 64
Baixar para ler offline
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

Mais conteúdo relacionado

Semelhante a 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
 

Semelhante a 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
 

Mais de Juan José Rodriguez MsC.

Mais 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
 

Último

Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
panagenda
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc
 

Último (20)

Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
Observability Concepts EVERY Developer Should Know (DevOpsDays Seattle)
 
TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024TopCryptoSupers 12thReport OrionX May2024
TopCryptoSupers 12thReport OrionX May2024
 
The Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and InsightThe Zero-ETL Approach: Enhancing Data Agility and Insight
The Zero-ETL Approach: Enhancing Data Agility and Insight
 
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
Human Expert Website Manual WCAG 2.0 2.1 2.2 Audit - Digital Accessibility Au...
 
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
Easier, Faster, and More Powerful – Alles Neu macht der Mai -Wir durchleuchte...
 
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdfWhere to Learn More About FDO _ Richard at FIDO Alliance.pdf
Where to Learn More About FDO _ Richard at FIDO Alliance.pdf
 
Design and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data ScienceDesign and Development of a Provenance Capture Platform for Data Science
Design and Development of a Provenance Capture Platform for Data Science
 
Overview of Hyperledger Foundation
Overview of Hyperledger FoundationOverview of Hyperledger Foundation
Overview of Hyperledger Foundation
 
UiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overviewUiPath manufacturing technology benefits and AI overview
UiPath manufacturing technology benefits and AI overview
 
2024 May Patch Tuesday
2024 May Patch Tuesday2024 May Patch Tuesday
2024 May Patch Tuesday
 
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdfThe Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
The Value of Certifying Products for FDO _ Paul at FIDO Alliance.pdf
 
Using IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & IrelandUsing IESVE for Room Loads Analysis - UK & Ireland
Using IESVE for Room Loads Analysis - UK & Ireland
 
ADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptxADP Passwordless Journey Case Study.pptx
ADP Passwordless Journey Case Study.pptx
 
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
Event-Driven Architecture Masterclass: Engineering a Robust, High-performance...
 
Generative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdfGenerative AI Use Cases and Applications.pdf
Generative AI Use Cases and Applications.pdf
 
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdfHow Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
How Red Hat Uses FDO in Device Lifecycle _ Costin and Vitaliy at Red Hat.pdf
 
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
Secure Zero Touch enabled Edge compute with Dell NativeEdge via FDO _ Brad at...
 
Portal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russePortal Kombat : extension du réseau de propagande russe
Portal Kombat : extension du réseau de propagande russe
 
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdfSimplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
Simplified FDO Manufacturing Flow with TPMs _ Liam at Infineon.pdf
 
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
TrustArc Webinar - Unified Trust Center for Privacy, Security, Compliance, an...
 

Ux for Mobile Developers