Difference between revisions of "Distraction"
Jump to navigation
Jump to search
| (10 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
{{Website | {{Website | ||
|headline=Distraction | |headline=Distraction | ||
| − | |coordhead= | + | |coordhead=3.000, 266.000, 0.000 |
|image1=/wiki/images/Distraction.png | |image1=/wiki/images/Distraction.png | ||
|coordimg1=0, 0, 0 | |coordimg1=0, 0, 0 | ||
|simploduction=<ul> | |simploduction=<ul> | ||
| − | <li> | + | <li>How to keep the user's attention on the content.</li> |
| − | <li>The presence of | + | <li>The presence of some design elements, media or unrelated content can be distracting.</li> |
| − | <li> | + | <li>Certain features of a website can increase the user's attention span.</li> |
| − | <li> | + | <li>A distraction-free environment makes it easier to take in content for many users.</li></ul> |
|coordsimplo=0, 0, 0 | |coordsimplo=0, 0, 0 | ||
|testimonial= | |testimonial= | ||
| − | "Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. | + | "Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. [...] |
He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices. | He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices. | ||
<a href="https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1">Source</a> | <a href="https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1">Source</a> | ||
| Line 19: | Line 19: | ||
}} | }} | ||
| − | + | __TOC__ | |
| − | == | + | [[File:Distraction.png|400px|none|Illustration Distraction]] |
| − | * | + | <div class="text_content"> |
| − | * The presence of | + | ==Overview== |
| − | * | + | * How to keep the user's attention on the content. |
| − | * | + | * The presence of some design elements, media or unrelated content can be distracting. |
| + | * Certain features of a website can increase the user's attention span. | ||
| + | * A distraction-free environment makes it easier to take in content for many users. | ||
| − | == | + | ==User story== |
| − | "Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. | + | "Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. [...] |
He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices. | He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices. | ||
Source: https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1 | Source: https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1 | ||
| − | ==[[Distraction_References| | + | ==[[Distraction_References|References for Distraction]]== |
===[[Distraction_References#General|General]]=== | ===[[Distraction_References#General|General]]=== | ||
===[[Distraction_References#Reduction|Reduction]]=== | ===[[Distraction_References#Reduction|Reduction]]=== | ||
===[[Distraction_References#Reader_Mode|Reader Mode]]=== | ===[[Distraction_References#Reader_Mode|Reader Mode]]=== | ||
| + | </div> | ||
Latest revision as of 17:56, 9 June 2021
| headline | Distraction |
|---|---|
| headline coordinates | 3.000, 266.000, 0.000 |
| image | /wiki/images/Distraction.png |
| image coordinates | 0, 0, 0 |
| simple introduction |
|
| simple introduction coordinates | 0, 0, 0 |
| testimonial | "Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. [...]
He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices. <a href="https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1">Source</a> |
| testimonial coordinates | 0, 0, 0 |
| links to | |
| belongs to | Sensitivity, Attention |
| contains | Distraction_References |
Overview[edit]
- How to keep the user's attention on the content.
- The presence of some design elements, media or unrelated content can be distracting.
- Certain features of a website can increase the user's attention span.
- A distraction-free environment makes it easier to take in content for many users.
User story[edit]
"Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. [...] He has problems with visual information and recognizing things on the page. His reading skills are not helped by his trouble concentrating on the page or screen long enough to read. His teachers showed him how to make the text bigger on the page. They told him how to use a printable view to hide all the ads with moving images that distract him, because he reads every word on the page very carefully and literally. He can be easily confused by colloquialisms and metaphors. He can also be overwhelmed by sites that offer too many choices.