Mobile Usability tools and practices for non-usability experts programmers

1. MOBILE
USABILITYUFBA, MARCH 16th 2016

2. THIAGO COLARES
@thicolares
agilize.com.br

4. USABILITY
is a quality attribute that assesses
how easy user interfaces are to use.
Jakob Nielsen

5. 5
COMPONENTS

6. LEARNABILITY
Easy since in the first time on design?

7. EFFICIENCY
After learning, how quickly can
users perform tasks?

8. MEMORABILITY
Returning to the design, how easily is
to reestablish the proficiency?

9. ERRORS
Does users make many errors?
Is it easy to recover from the errors?

10. SATISFACTION
How pleasant is to use the design?

11. MOBILE IS A UNIQUE
AND DIFFERENT
MEDIUM. FOCUS ON
WHAT IT CAN DO WELL.

12. MOBILE
HAS A
SMALL
SCREEN

13. DIFFERENT ENVIRONMENTS
AND SCREEN SIZES
http://blog.fluidui.com/design-retrospective-1-performance-screen-resolutions-and-the-fluid-ui-camera/

14. MULTI-TASK IS HARD
AND EASY TO GET LOST
http://blog.fluidui.com/design-retrospective-1-performance-screen-resolutions-and-the-fluid-ui-camera/

15. CONTEXT MATTERS

16. SENSORS
http://techpinions.com/wp-content/uploads/2014/04/BlW86f-CQAEtpWa.png-large.png

17. LIMITED BATTERY
INCONSISTENT NETWORK ACCESS
UNPREDICTABLE CONTEXTS OF
USE
HIGHLY PERSONAL

18. USABILITY
ENGINEERING
LIFECYCLE

19. 1. NEEDFINDING
2. DESIGN
3. PROTOTYPE
4. EVALUATION

20. USABILITY
ENGINEERING
LIFECYCLE

21. 1. NEEDFINDING
To identify user requirements and
problems. Profile Users, Task Analysis.

22. PERSONAS

23. WHAT?
USER ARCHETYPE
GUIDE DECISIONS
REPRESENTS ACTUAL USERS
BEHAVIOR PATTERNS
USERS' NEEDS AND TAKS

24. WHY?
CONSENSUS ON USERS NEEDS
SUPPORTS FOCUS ON USER
EXEMPTS USER'S PRESENCE

25. TIPS
BETWEEN 3 AND 7 PERSONAS
MAIN AND SECONDARY

26. HOW?
QUANTITATIVE OR
QUALITATIVE RESEARCH
INTERVIEWS
MERGE FINDINGS

28. CARDING
SORTING

30. AVOID TALKING
ABOUT USERS'
RELATIONSHIP
WITH SOFTWARE

31. USERS BEND
THE TRUTH

32. USERS TELL
WHAT THEY
REMEMBER
DOING

33. USERS
RATIONALIZE
THEIR BEHAVIOR

34. USERS
MISPREDICT
THEY MAY DO IN
THE FUTURE

35. FOCUS ON
THEIR NEEDS

36. OR WATCH
WHAT PEOPLE
ACTUALLY DO

37. USER'S GOALS AND
HOW THEY
CURRENTLY
APPROACH THEIR
TASKS

38. EFFECTIVE
USER'S
STRATEGIES AND
WORK AROUNDS

39. WEAKNESSES OF
THE CURRENT
SITUATION

40. 1. NEEDFINDING
2. DESIGN
3. PROTOTYPE
4. EVALUATION

41. THINKING AHEAD
Setting usability goals.

42. MODEL OF
USABILITY
MEASUREMENT

43. LEARNABILITY
Measure how long novice users take to
perform certain tasks.

44. EFFICIENCY
Measure how long experienced users
take to perform certain tasks.

45. MEMORABILITY
Measure how long casual users take to
perform certain tasks.

46. ERRORS
Count how many errors are made by
users while performing tasks.

47. SATISFACTION
Try standardized usability
questionnaires after each usability test.

48. USABILITY
HEURISTICS
OLD, BUT GOLD

49. RULES OF THUMB
FLEXIBLES
~10 GENERAL PRINCIPLES
NO USER NEEDED
CHEAP AND VALUABLE TOOL

50. 1 VISIBILITY OF
SYSTEM STATUS

51. 2 MATCH
BETWEEN
SYSTEM AND THE
REAL WORLD

52. 3 USER CONTROL
AND FREEDOM

53. 4 CONSISTENCY
AND STANDARDS

54. 5 ERROR
PREVENTION

55. 6 RECOGNITION
RATHER THAN
RECALL

56. 7 FLEXIBILITY
AND EFFICIENCY
OF USE

57. 8 AESTHETIC
AND MINIMALIST
DESIGN

58. 9 HELP USERS
RECOGNIZE,
DIAGNOSE, AND
RECOVER FROM
ERRORS

59. 10 HELP AND
DOCUMENTATION

60. 1. NEEDFINDING
2. DESIGN
3. PROTOTYPE
4. EVALUATION

61. ITERATIVE DESIGN
PARALLEL DESIGN
COMPETITIVE TESTING

62. TO TRY (AND TEST)
MULTIPLE DESIGN
IDEAS

63. https://www.nngroup.com/articles/parallel-and-iterative-
design/

64. AT LEAST 2
ITERATIONS
(3 VERSIONS)

65. PROS:
LINEAR PROGRESSION
AS MANY ITERATIONS AS
YOUR BUDGET ALLOWS

66. CONS:
LOCAL MAXIMUM
(RATHER THEN
DISCOVERING OTHERS
POSSIBILITIES)

67. https://www.nngroup.com/articles/parallel-and-iterative-
design/

68. MERGING IF MORE
EFFECTIVE THAN
CHOOSING A
WINNER

69. AFTER MERGING AND
ITERATING, MEASURED
USABILITY WAS 152%
HIGHER THAN THE AVERAGE
OF THE ORIGINAL DESIGNS.

70. COMPETITIVE DESIGN
http://uniquemobiledesigns.com/wp-

71. SIMILAR AS PARALLEL
DON'T SPEND RESOURCES
CREATING EARLY DESIGN
ALTERNATIVES

72. PATTERNS
Navigations, forms, anti-patterns

73. SIGN IN FORM

74. ANTI-PATTERNS: IDIOT BOXES

75. ANTI-PATTERNS: CHART JUNK

76. 1. NEEDFINDING
2. DESIGN
3. PROTOTYPE
4. EVALUATION

77. FOR THINGS THAT ARE
HARD TO PREDICT
QUICKLY FEEDBACK
LOW COSTS

78. PROTOTYPE
PROTOTYPES:
1 LOOK AND FEEL
2 IMPLEMENTATION
3 ROLE

83. THE WISE MAN
LEARNS FROM THE
MISTAKES OF
OTHERS: TEST
EXISTENT PRODUCTS.

84. PAPER
PROTOTYPING
TIPS

86. http://media.netmagazine.futurecdn.net/files/images/2012/6/7171789134_08da5a27e9_o.jpg, farm3.static.flickr.com/2544/3962381215_e230510296.jpg, www.taniaschlatter.com/wp-
content/uploads/2011/05/Tania-Schlatter-10.jpg, iwataasks.nintendo.com/_ui/images/wiiu/miiverse/vol2/slide001.jpg

89. 1. NEEDFINDING
2. DESIGN
3. PROTOTYPE
4. EVALUATION

90. USABILITY
TEST

91. 1. GET HOLD OF SOME
REPRESENATIVE USERS
2. ASK THEM TO PERFORM
TASKS
3. OBSERVE WHAT THEY DO

92. 5 USERS IS ENOUGH
CONSENT TERMS
THINK-ALOUT PROTOCOL
TAKE NOTES
RECORD AUDIO AND VIDEO
GIVE THANKS

94. https://www.mrtappy.com/product/

95. WE'RE HIRING
contato@agilize.com.br

96. DANKE SEHR!

97. REFERENCES
1. “Usability 101: Introduction to Usability”, Jakob Nielsen’s Alertbox: January 4, 2012
(http://www.nngroup.com/articles/usability-101-introduction-to-usability/)
2. Jakob Nielsen. 1992. The Usability Engineering Life Cycle. Computer 25, 3 (March 1992), 12-22.
DOI=10.1109/2.121503 http://dx.doi.org/10.1109/2.121503
(http://ieeexplore.ieee.org/xpl/articleDetails.jsp?tp=&arnumber=121503)
3. Human-Computer Interaction lectures by Scott Klemmer, from Stanford Online Course, at
http://coursera.org (2012)
4. Mobile Prototyping Essentials Workshop, by Rachel Hinman (see more:
http://www.slideshare.net/Rachel_Hinman)
5. Parallel & Iterative Design + Competitive Testing = High Usability, Jakob Nielsen’s Alertbox:
January 18, 2011,
6. “An Overview of Expert Heuristic Evaluations”,
http://www.uxmatters.com/mt/archives/2014/06/an-overview-of-expert-heuristic-
evaluations.php

98. VENT UP!
1.7 reasons why you can’t sell usability, and what to do about it
http://www.usefulusability.com/7-reasons-why-you-can%E2%80%99t-sell-
usability/
2.Sketching User Experiences: Getting the Design Right and the Right Design
(Interactive Technologies), Bill Buxtonhttp://www.amazon.com/Sketching-
User-Experiences-Interactive-Technologies/dp/0123740371
3.UsabilityGeek (Justin Mifsud) http://usabilitygeek.com/
4.Mobile Design Pattern Gallery: UI Patterns for Mobile Applications, by
Theresa Neil, 284 pages, O'Reilly Media (March 13, 2012) ISBN-10:
1449314325,I SBN-13: 978-1449314323
5.Universal Principles of Design, by William Lidwell, Kritina Holden and Jill
Butler, Hardcover: 216 pages, Rockport Publishers (October 1, 2003),
English, ISBN-10: 1592530079, ISBN-13: 978-1592530076