Presentation inspired in UX for Mobile Developers Udacity Course

1. For Mobile
Developers
Juan José Rodríguez
juanjoserodriguez.me
@jrodriguezv10

2. UX Design for Mobile Developers
on Udacity
Presentation inspired in:

4. 50 billion apps installed
1 billion users
7 billions persons

5. SAME GOAL!

6. DESIGNER DEVELOPER

7. Task 1: Write your current level in:

8. UX
Mobile
Design
Android
Design
User
Centric
Design
AGENDA

9. UX

10. UX

11. UX
UX
UI
Backend code
Frontend code

12. UX
Frontend code
Backend code
UX
UI

13. UX
UX
UI
Backend code
Frontend code

14. UX
UX
UI
Backend code
Frontend code

15. UX
UX
UI
Backend code
Frontend code

16. Google Now Experience

17. ≠
UX

19. Team responsibility

20. UX
Optimization
Examples
UX

21. UX
Task 1: Improve this form

22. UX

23. UX

25. TRAP SMALL DETAILS

26. BIG PICTURE

27. UX
TASK:
STEPS:
BUY A PIZZA
1 2 3 4

28. UX
TASK:
STEPS:
SIGNIN CHOOSE BUY EAT!
BUY A PIZZA
1 2 3 4

29. UX
TASK:
STEPS:
BUY A PIZZA
1 2 3 4
STEPS
2, 1, 3, 4
2,3,4
SIGNIN CHOOSE BUY EAT!

31. 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 :)

32. UX
DIFFERENT TYPES OF PERSONALITIES

33. Features to
App to get Pizza
Write about your 3
features would you
like it

34. Is forbbiden:

35. Combine features or
Pick one?

36. 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

37. User
Centric
Design
Personas uses cases
Proxy for group of actual users
When+Where and How a Persona
uses product to accomplish task

38. 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

39. ❏ 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

40. 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

41. TASK: DEVELOP a Feature List of
these people

42. 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??

43. 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??

44. Mobile
Design

45. 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

46. Web Application Mobile Application
VS
from the persona perspective
Mobile
Design

47. Mobile constraints
Finite data & Battery
Divided Attention
Handedness
Small Screen
Mobile
Design

49. 1 2 3

51. 'OW ZONE'
● 50% use of smartphones
is using one hand
● red are avoid zones
● Green are natural zones

52. Ver demo

53. Android
Design

54. Understand
Android
Design

55. Question: An user is sleeping and receive a notification
Android
Design

56. Android
Design

57. CONTEXT
Android
Design

58. Moobo
Music Player
Shazam
@Voice Read
Aloud
Luminosity
Runtastic
Financiator
Mouse Kit
The Whip
(Chicote)

59. ❏ What is your user
doing?
❏ Where is your user?
❏ Who or what are they
near?
❏ Who is your user?
USER CONTEXT
Android
Design

60. Question: An user is sleeping and receive a notification
Android
Design

61. CONDUCT
CODE

62. HAVE A PURPOSE

64. For Mobile
Developers
Juan José Rodríguez
juanjoserodriguez.me
@jrodriguezv10