Difference between revisions of "Distraction"

From Make Inclusive Websites
Jump to navigation Jump to search
Line 5: Line 5:
 
|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 24: Line 24:
 
<div class="text_content">
 
<div class="text_content">
 
==simple introduction==
 
==simple introduction==
* 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==
 
==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.
  

Revision as of 13:01, 3 June 2021

headline Distraction
headline coordinates 1.000, 264.121, 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

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.

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.

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

Reference Collections for Distraction

General

Reduction

Reader Mode