Difference between revisions of "Distraction"

From Make Inclusive Websites
Jump to navigation Jump to search
 
(23 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Website
 
{{Website
|headline=distraction
+
|headline=Distraction
|coord head=33.018, -95.879, 0.000
+
|coordhead=3.000, 266.000, 0.000
|image1=img/img.link
+
|image1=/wiki/images/Distraction.png
|coord img1=0, 0, 0
+
|coordimg1=0, 0, 0
|simploduction=This section is about the whole shabang. You will learn how to shabang better. So that the shabang is less exclusive. It will be wonderful, I promise.
+
|simploduction=<ul>
|coord simplo=0, 0, 0
+
<li>How to keep the user's attention on the content.</li>
|testimonial=Some person has witnessed the whole shabang. So here is a story about it. It wasnt nice. Thats why you will have to do better. To make it nice. So that the whole shabang doesnt exclued the person again.
+
<li>The presence of some design elements, media or unrelated content can be distracting.</li>
|coord testi=0, 0, 0
+
<li>Certain features of a website can increase the user's attention span.</li>
|belongsto=sensitivity, attention
+
<li>A distraction-free environment makes it easier to take in content for many users.</li></ul>
|contains=reader_mode, reduction
+
|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
 
}}
 
}}
==header==
 
=[[reduction]]=
 
=[[reader_mode]]=
 
  
==simple introduction==
+
__TOC__
This section is about the whole shabang. You will learn how to shabang better. So that the shabang is less exclusive. It will be wonderful, I promise.
 
  
==testimonial==
+
[[File:Distraction.png|400px|none|Illustration Distraction]]
Some person has witnessed the whole shabang. So here is a story about it. It wasnt nice. Thats why you will have to do better. To make it nice. So that the whole shabang doesnt exclued the person again.
+
<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 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
  • 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]