Designing All Eyes and Ears

Designing this website for easy use was a priority. My presentation will go through: 

1. Site choices

2. Overall Layout

3. Graded Readers Section

4. Extensive Learning Section

5. Limitations (ie what I'm looking to change)

6. Conclusions 

Untitled-Artwork (5).png

Site Choices

For those of us who can't code, we need to rely on platforms that provide website building/hosting services. Here are some that are usable (free and paid):

Untitled-Artwork (6).png

Overall Layout

  1. Immediately see links to content
  2. Short explanations 
  3. Top Runner is organized and easily found
  4. Bottom runner has the less important stuff
  5. Same fonts, color scheme, theme

Graded Reader Section

When you hover over the graded readers tab on the top bar, the first thing you will see is 'about the graded readers.' This is on purpose to encourage readers to learn about the books before reading. 

The 'about the graded readers' section gives an explanation of how the graded readers were made and how they're leveled, and how they're different from other graded readers. 

Each graded reader has a hook, a link to the story, and a link to the survey. 


Extensive Learning Section

This section provides explanation for what extensive reading (and listening) is. It supports extensive reading with research and supplies principles for extensive reading. 

  • Explains to readers/students what they could be doing 
  • Educates teachers on extensive reading practices


  • No design experience
  • Need to make sure informational pages are at an appropriate reading level
  • Could include more multimedia explanations (videos, audio, info-graphics)
  • Difficult to disseminate the website


  • Making a website is not too difficult if you have the right tools
  • Transparency is important 
  • Ergonomics (the efficiency of an environment) makes for a better user experience
  • Making a website is great, but getting people to use the website is better