Web Design and Digital Literacy

This is a PowerPoint I use to teach my students some basic ideas to keep in mind when designing a website.

I have them start by looking at a sample webpage for 10 seconds, then free-write about their initial impressions. Then, I give them 5 minutes to look at the webpage more closely and make lists of what they think works well, and what they think doesn’t work so well. I make a list of their responses on the board to emphasize how much they know about basic web design from their own experience using websites.

After this exercise, I go over a few ideas in more depth (in the PowerPoint): using search terms to construct appropriate titles for websites (using a sample google search page as material for discussion), how quickly people make judgments about websites and the importance of making a good first impression (referencing the 10 seconds I gave them earlier to gauge their own opinions), and how to organize a website based on how people typically read websites (using the “eyetracking” data as illustration).

Sample website I used for our initial discussion: http://www.enviroliteracy.org/

Resources: “How Long Do Users Stay on Webpages?” (http://www.useit.com/alertbox/page-abandonment-time.html)

“F-Shaped Pattern for Reading Web Content” (http://www.useit.com/alertbox/reading_pattern.html)

Course Name: 
WRD 110
WRD 111
WRD 112
WRD 205
Assignment Type: 
Classroom Activity
Assignment Length: 
One Class Period
Primary Pedagogical Focus: 
Enter your linkblue username.
Enter your linkblue password.
Secure Login

This login is SSL protected