Difference between revisions of "Distraction"

From Make Inclusive Websites
Jump to navigation Jump to search
 
(7 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Website
 
{{Website
 
|headline=Distraction
 
|headline=Distraction
|coordhead=18.000, 264.121, 0.000
+
|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>This part is about how to keep a user's attention on the content.</li>
+
<li>How to keep the user's attention on the content.</li>
<li>The presence of certain design elements, media or unrelated contents can be distracting.</li>
+
<li>The presence of some design elements, media or unrelated content can be distracting.</li>
<li>By adapting certain features, such as media, typography and layout, it is possible to increase the attention span.</li>
+
<li>Certain features of a website can increase the user's attention span.</li>
<li>Providing a distraction-free environment can make it easier to take in contents.</li></ul>
+
<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. He lives at home with his parents and younger sister. He attends a special school where the teachers and staff can help with his social and communication challenges from his Autism Spectrum Disorder, while he works to pass his high-school exams.
+
"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 21: Line 21:
 
__TOC__
 
__TOC__
  
[[File:Distraction.png|400px|left|Illustration Distraction]]
+
[[File:Distraction.png|400px|none|Illustration Distraction]]
<div class="text_content" style="float:left;">
+
<div class="text_content">
==simple introduction==
+
==Overview==
* This part is about how to keep a user's attention on the content.
+
* How to keep the user's attention on the content.
* The presence of certain design elements, media or unrelated contents can be distracting.  
+
* The presence of some design elements, media or unrelated content can be distracting.  
* By adapting certain features, such as media, typography and layout, it is possible to increase the attention span.
+
* Certain features of a website can increase the user's attention span.
* Providing a distraction-free environment can make it easier to take in contents.
+
* A distraction-free environment makes it easier to take in content for many users.
  
==testimonial==
+
==User story==
"Trevor" is a bright 18-year-old who plays games and watches music videos on his laptop. He lives at home with his parents and younger sister. He attends a special school where the teachers and staff can help with his social and communication challenges from his Autism Spectrum Disorder, while he works to pass his high-school exams.
+
"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|Reference Collections for Distraction]]==
+
==[[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>
 
</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]