Difference between revisions of "Distraction"

From Make Inclusive Websites
Jump to navigation Jump to search
(Created page with "=reduction= =reader_mode=")
 
 
(25 intermediate revisions by the same user not shown)
Line 1: Line 1:
=[[reduction]]=
+
{{Website
=[[reader_mode]]=
+
|headline=Distraction
 +
|coordhead=3.000, 266.000, 0.000
 +
|image1=/wiki/images/Distraction.png
 +
|coordimg1=0, 0, 0
 +
|simploduction=<ul>
 +
<li>How to keep the user's attention on the content.</li>
 +
<li>The presence of some design elements, media or unrelated content can be distracting.</li>
 +
<li>Certain features of a website can increase the user's attention span.</li>
 +
<li>A distraction-free environment makes it easier to take in content for many users.</li></ul>
 +
|coordsimplo=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>
 +
|coordtesti=0, 0, 0
 +
|belongsto=Sensitivity, Attention
 +
|contains=Distraction_References
 +
}}
 +
 
 +
__TOC__
 +
 
 +
[[File:Distraction.png|400px|none|Illustration Distraction]]
 +
<div class="text_content">
 +
==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. [...]
 +
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
 +
 
 +
==[[Distraction_References|References for Distraction]]==
 +
===[[Distraction_References#General|General]]===
 +
===[[Distraction_References#Reduction|Reduction]]===
 +
===[[Distraction_References#Reader_Mode|Reader Mode]]===
 +
</div>

Latest revision as of 16: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
  • 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.
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


Illustration Distraction

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.

Source: https://w3c.github.io/wcag/coga/user-research.html#some-personas-with-use-cases-that-address-key-challenges-1

References for Distraction[edit]

General[edit]

Reduction[edit]

Reader Mode[edit]