The document summarizes an episode of a UX workshop focused on rapid paper prototyping. It outlines the agenda which includes discussing the problem, creating paper prototypes, usability testing, and planning next steps. It also provides tips on paper prototyping, usability testing, and interviewing users. Examples and useful tools are referenced to aid participants in user experience design.

1. Episode 15
RAPID PAPER
PROTOTYPING
UX Workshop
June 29th, 2016

2. Todays focus
IDEATE A
SOLUTION
VALIDATE
ASSUMPTIONS
IDENTIFY
OPPORTUNITIES

3. How we’ll spend our time together
• Warm Up Exercise
• Discuss the Problem
• Paper Prototyping
B R E A K
• Usability Testing
• Planning Iteration
• Showcase
• Wrap Up

4. UX = User Experience

5. User Experience Design
“Is the process of enhancing user satisfaction by
improving the usability, accessibility, and
pleasure provided in the interaction between the
user and the product.”
– Wikipedia

6. User Experience Design
“Is the process of enhancing user satisfaction by
improving the usability, accessibility, and
pleasure provided in the interaction between the
user and the product.”
– Wikipedia
Looks a lot like behavioral psychology,
cognitive science, ethnographic research …
to develop products

7. UX = User Experience
UX is not UI

8. A beautiful UI is part of
the User Experience
UX = User Experience
UX is not UI

9. How features should work?

10. Poor planning =
Dangerous execution

11. Fixing, redoing, disposing is…
expensive...very

12. What users think, need
and expect
USER RESEARCH

20. We changed the world...

21. We changed the world...
...and it’s changing us in return

22. “UX Without User
Research Is Not UX”

23. UX DESIGN PROCESS

24. UX DESIGN PROCESS

25. How can we translate
User Feedback into
functional Products?

26. Rapid Paper
Prototyping
• Low Cost
• Early feedback
• Pretty flexible
• Correct issues
• Save money and resources!

27. Usability Testing
• Focus on fixing critical issues
detected directly from the
users
• What people say and what
people do
• Measure behavior, not
preferences

28. How many users to test?
Usually 5 usersare enough to spot the major issues at the interface level.
Norman Nielsen Group:
“This lets you find almost as many usability problems as you'd
find using many more test participants.”
Source Article

29. → Individually read the problem
definition worksheet
→ As a team think what kind of
app would solve the problem
→ Together list the amount of
sections you’ll prototype on this
workshop
EXERCISE #1
Define Sections
of Your App
15 MINS

30. How would it work?
TASKFLOW
IDEATION TESTING IMPLEMENTATIONDISCOVERY

31. EXERCISE #2
Draw Paper
Prototypes of
Your App
30 MINS
→ As a team draw the sections of
your app
→ At least 3 sections
→ Don’t forget the intro screen with
a quick fictional logo
→ Plus a splash screen with any
logo

32. Visual
Prototypes
IDEATION TESTING IMPLEMENTATIONDISCOVERY

33. Break time
5 MINS

34. 1. Let the user describe the section you’re showing to
him/her
1. Ask the user to perform the main task.
“What would you do to share this photo?
3. Ask the user to describe what he expects to happen
after the task is completed
4. Always ask why. Don’t sell the app
How to test?
IDEATION TESTING IMPLEMENTATIONDISCOVERY

35. Examples VIDEO [ Link ]

36. EXERCISE #3
Define Tasks
to Test
5 MINS
→ Identify what goals you want
users to achieve on each sections
→ Assign a moderator and note
takers
→ Get familiar with the workflow

37. Define Tasks
IDEATION TESTING IMPLEMENTATIONDISCOVERY

38. EXERCISE #3
Usability
Testing
20 MINS
→ Welcome your users
→ Introduce yourself and the
team
→ Briefly explain the activity
→ Don’t sell the app
→ Tell them you can’t answer
questions for now

39. List Critical
Errors detected
IDEATION TESTING IMPLEMENTATIONDISCOVERY

40. EXERCISE #2
Iteration of
the Prototype
5 MINS
→ As a team improve your app by
correcting the issues found
→ You can add, remove, correct,
pivote

41. Show how good you were...
1. How does your app work?
1. What issues did you find?
1. What’s your Aha! Moment
IDEATION TESTING IMPLEMENTATIONDISCOVERY

42. Takeaways
1. Watch users in action. Look for patterns and common issues
2. Don’t take the provided feedback as literal
3. Don’t attempt to fix all the issues you found, focus on
critical errors first
4. Define a design plan for the next iteration.
5. Test again, again, and again!!!

43. Misael León
UX Design Researcher
mleon@nearsoft.com
misaello
Axel Valdez
Front End Designer
avaldez@nearsoft.com
axel
Muchas Gracias!
You’re Awesome!
Revista Software Guru
Our Awesome Blog

44. Examples VIDEO [ Link ]

45. Pop App VIDEO [ Link ]
Pop App In

46. Useful Tools for Prototyping
UXPin To make digital wireframes
Pop App To make paper “apps”
InVision To create visual prototypes
Moqups To create rapid wireframes
Balsamiq To create rapid wireframes
Unbounce To create landing pages
Proto.io To create rapid wireframes
Comp CC To create rapid wireframes
Sketch For hi-fi prototypes
Fluid UI For mobile prototypes
Atomic.io To create visual prototypes
Macaw For responsive prototypes

47. Mobile and Tablet Layouts
Get printable
layout here
Get printable
layout here
Download,
Print and
Draw

48. Useful Literature
1. Usability Testing Script by Misael
2. UX Without User Research
3. Usability Testing
4. How to Conduct a Usability Testing
5. Paper Prototyping as a Usability Testing Technique
6. 10 Usability Heuristics
7. Universal Methods of Design Book
8. UX Week 2015 Conferences Videos
9. List of Cognitive Bias
10. 10 Usability Heuristics for User Interface Design
11. The Era of Living Services by Fjord
12. Universal Methods of Design (Book)
13. The State of UX 2015/2016
14. UX Checklist Project
15. UX Service Design Tools & Techniques
16. My Best Advice for Conducting User Interviews
17. Guerrilla Research Tactics and Tools
18. The Psychologist’s View of UX Design
19. A collection of tools, links, events, methods and
deliverables from the UX Design universe

49. 1. Usa temas de referencia en lugar de preguntas preguntas seriadas. Ver ejemplo en next
slide.
2. Procura tener una conversación amena con tu usuario. No sigas un cuestionario.
3. Puedes hablar sobre cualquier tema que te ayude a entender el problema.
4. No pierdas el rumbo, recuerda tu objetivo.
5. Haz preguntas abiertas. Las preguntas de “SI/NO” no ayudan mucho.
6. No induzcas la respuesta. No juzgues las respuestas.
7. Pregunta siempre ¿Por qué? y luego ¿Por qué? ¿Por qué? ¿Por qué?
8. Escucha. No des tu opinión
9. Siente empatía.
How to Interview People?

50. Problema a explorar: Prevención de Obesidad
Temas sugeridos durante entrevista:
Hábitos alimenticios
● Dieta diaria
● Comida favorita
● Comida menos favorita
● Tips de nutrición
● Esfuerzos para bajar de peso
● Gusto por la cocina
● Quién cocina en casa
● Costumbre de comer fuera
● Sobre dietas
Ejercicio
● Esfuerzos actuales
● Sobre deportes que practica
● Sobre el ejercicio que hace
● Familia y ejercicio
● Amigos y ejercicio
● Constancia en el ejercicio
● Esfuerzos pasados
● Esfuerzo para mantener el peso
Salud
● Sobre médicos actuales
● Sobre nutriólogos
● Sobre cultura de ir al médico en
la familia
● Sobre casos por los cuales va al
médico
● Experiencias que haya
escuchado sobre nutriólogo
● Sobre dietas y estilos
● Sobre vegetarianos
● Sobre comidas saludables
Example of Structured Open Interview

51. Problem to explore: Saving Habits
Suggested topics during the interview:
About Money & Savings About Spending About Budgeting
Example of Structured Open Interview
● Reasons to save
● Current financial status
overview
● Current saving status
● Personal attitude towards
money
● Thoughts about banks
● Savings in the family
● About ideal retirement
● Extra income plans
● Saving management
● Plan for future savings
● Decision making about big
purchases
● Evaluation of a good purchase
● Attitudes regarding credit
● If they perceive themselves as
big or small spenders
● Current credit reasons
● What concepts drain out your
budget: Food, Rent, Bills,
Clothes, Leisure, Gadgets,
Travels.
● Budget barriers
● Money planification
● Planned future purchases
● How they track expenses
● About cost projections
● How they define budget goals
● Managing personal budget vs
family budget
● Budget tools they use

53. Join us!
We have +36 open positions!
+info
nearsoft.com/join-us
jobs@nearsoft.com
Java
Ruby on Rails
Automation
iOS
Android
Node.js
18
3
5
3
4
3
Open PositionsSkills