8 little exercises about usability - verónica traynor
DESCRIPTION
TRANSCRIPT
![Page 1: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/1.jpg)
8 little-exercisesabout usabilityVerónica Traynor - @verotraynor
![Page 2: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/2.jpg)
1of 8
![Page 3: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/3.jpg)
With the goal to evaluate the usability of a new search engine, a marketing team made the following post-survey question: "Tell us, on a scale from 1 to 5, how easy was this site for you to use?"
For you, is this method of asking if something is easy to use, sufficient to solve usability problems?
Exercise 1
![Page 4: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/4.jpg)
Help ;)
... one thing is what happens to the user, another thing is what the user interprets that happened to them, and another thing is what the user tells us.
Exercise 1
![Page 5: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/5.jpg)
Exercise 1Answer:
● What users say isn´t enough to solve usability problems.
● We have to observe user testing.
![Page 6: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/6.jpg)
2 of 8
![Page 7: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/7.jpg)
In the following screen:
● Which one is the main call to action?(Meaning, the main button in the sale flow)
● Which one is the secondary call to action? (Meaning, the secondary button in the sale flow)
● Is the visual design appropriate?
Exercise 2
![Page 8: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/8.jpg)
Update
Book
![Page 9: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/9.jpg)
And the main call to action button, erroneously has less prominence than the secondary call to action button.
Update
Book
The secondary call to action button is more prominent than the main call to action button.
Book
![Page 10: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/10.jpg)
3 of 8
![Page 11: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/11.jpg)
In the following screen, in your opinion is the copy-paste function for passenger data usable?
... this application will be used by call center employees of a travel agency.
Exercise 3
![Page 12: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/12.jpg)
![Page 13: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/13.jpg)
Answer:
● If it will be used for a call center, the important thing isn't the learning curve, but instead how practical it is on a daily basis.
● To verify how practical it is to use, we must do user testing ;)
Exercise 3
![Page 14: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/14.jpg)
4 of 8
![Page 15: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/15.jpg)
Is this way to construct this link correct? If not, how would you correct it?
To unsubscribe click here.
Exercise 4
![Page 16: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/16.jpg)
The link should not force to read the adjacent information
It could be:I prefer to unsubscribe
Exercise 4
![Page 17: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/17.jpg)
5 of 8
![Page 18: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/18.jpg)
In the following screen, find out the 11 false affordances.
(Meaning, the elements that seem like links, but aren´t).
Exercise 5
![Page 19: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/19.jpg)
![Page 20: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/20.jpg)
![Page 21: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/21.jpg)
6 of 8
![Page 22: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/22.jpg)
You are hired to investigate if the "playlists filters of YouTube" are easy to find.
What kind of usability testing could we do to discover that?
Exercise 6
![Page 23: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/23.jpg)
![Page 24: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/24.jpg)
Answer:
1. Understand the target and the Internet knowledge of users.
2. Test the location of the button with heatmaps (usabilla, optimalworkshop, etc.).
3. Perform user testing to understand the reason of the lack of understanding.
4. Test the location of the button with heatmaps again.5. Compare the scattering and the amount of correct
answers.
Exercise 6
![Page 25: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/25.jpg)
... there we will have:
● The users' answers in a heatmap● The average time used to answer.
Exercise 6
IMAGEN: http://www.tinkle.es/blog/tag/neuromarketing/
![Page 26: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/26.jpg)
The task for the testing could be:
"Please, look for an Adele playlist thinking aloud while we observe you"
Exercise 6
![Page 27: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/27.jpg)
7of 8
![Page 28: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/28.jpg)
Is the contrast between the links and the background sufficient?
Exercise 7
Link: #a5a5c2 Background: #FFFFFF
![Page 29: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/29.jpg)
Help ;)
... we don´t feel the contrast; we have to measure that.
The web content accessibility guidelines offer us a form of measuring the contrast.
Exercise 7
![Page 30: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/30.jpg)
The contrast isn´t sufficient.
![Page 31: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/31.jpg)
8 of 8
![Page 32: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/32.jpg)
Is this link understandable?Web file
Exercise 8
![Page 33: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/33.jpg)
... we don´t know that ;)
All our opinions we have are conjectures.
We must do user testing to verify our hypothesis.
Exercise 8
![Page 34: 8 little exercises about usability - Verónica Traynor](https://reader033.vdocument.in/reader033/viewer/2022051323/548f7a28b47959f2248b5077/html5/thumbnails/34.jpg)
Article to google and read (in spanish)"Miro. Leo. Luego Pienso" Daniel Mordecki
;)
Verónica Traynor - @verotraynor