Monday, May 24, 2010

Getting Started and Improving with Google Sites

It is exciting to see more and more people using Google Sites as a web publishing platform.

I picked up a post today from Eric Sheninger, Principal at New Milford High School and advocate of 2.0 learning. His post Google Sites Rock, highlighted the benefits of Google Sites for educators and links to sites at New Milford HS.

Eric did a fantastic job outlining why Google Sites rock. I would like to take it one step further and demonstrate a quick Classroom Site Makeover on Mr. D's Class Page - Mr. D's Class Page Makeover

Here's a screenshot of the original home page:









Let's start with home page....this is critical. It sets the tone for the site.  The purpose of the page is to assure the visitor they are in the right place and that their needs are going to be met. If information seems confusing, the visitor isn't likely to stay engaged.

Explaining how to use the site is admitting that it is a bit confusing. Let's see if we can make it more intuitive.

Instead of directing the visitor with this long instruction, just give them clear choices.


Sites need organization.  Too much content all together makes it difficult for the eye to find the focal point. 


Understand the goals of your target audience and then provide clear navigation. 

In this case, start with adding a new navigation element to the side bar...name it Classes (and make sure to check the box "display title"). Then add a navigation element and name it Resources. In this way you are providing chunks of information. 


I've taken one class, AP Biology to demonstrate some additional design/page structure. 



  • Add a "Recent Post" gadget to the landing page to provide a quick view of chronological information - "class notes". 
  • Add a glossary page
  • Add a FAQ page
This is really a quick overview but demonstrates how little things can make a big difference. 

Overall, really focus on text. There's a lot of great information buried in the site because it remains in an embedded presentation. Perhaps assign a student to create a page that contains the same information in the PPT.  The idea is to make everything accessible and searchable. 

For example, when running a search query for "keys to designing a good experiment" I get only one result - an attached doc under Integrated Science. Yet "keys to designing a good experiment" is explained in the embedded presentation "Experimental Design", in the AP Biology class.

General mistakes with Google Sites:
  • Using templates! Most templates don't match the content. Best to start with default or Simple Template. 
  • Poor quality graphics
  • Not using contrast - text should contrast with background color, stick with black text on white background to be safe. It shouldn't hurt the eyes to read!
  • Too much content all together (the eyes need focal points so use text gadgets and chunk information together)

It is pretty cool that we can all learn from each other and use technology to quickly share what we are discovering.

Thanks to Eric Sheninger, I learned how to use Google Forms as a self-grading quiz! I've been working on a "Self Assessment" for Small Business owners, (a way to self score their social media marketing) and this formula for self grading is just what I needed.

Google Sites really do rock! Understanding basic design combined with the suite of tools from Google Apps, gives everyone the power to quickly publish and share information in a meaningful way.


Non-profits and education are discovering the benefits and also the agony of Google sites. I say agony because, as a creator of the site, it can be frustrating. There are design limitations and some quirkiness to sites. However, you will find a work around for almost every situation.

What  suggestions do you have for Mr D's Classroom page?

Or, do you have a Google Site that could use  a "makeover"?

Let me know!

2 comments:

Keith Devereaux said...

Mr. Devereaux here. I appreciate the feedback on my site. Eric however made a mistake and put up my old site. Please find my more up-to-date site at: http://sites.google.com/site/mrdevereauxsscienceclasses/. I have to admit that I did revamp it a little bit after reading your blog, but I would love to hear any comments on this one.

Tami Smith said...

Mr. Devereaux, great site! Your students are fortunate to have this.

The home page is visually appealing for students and the information is well organized.

Couple suggestions:

I like the dark theme, but it can be difficult to read white text on a black background. If you stay with the color scheme, try to give the text more space and lighten it a bit (rather than heavy bold).

Your other option is to stay with the theme but change the content background color to something lighter.

Text on a web page is generally difficult to read. Alignment, contrast,and spacing can help quite a bit. Try left align vs center, especially when there's a lot text in close proximity.

Thanks for sharing the link to the up-to-date site! Good examples of classroom sites are much needed.

Keep up the great work.