Pages

Friday, June 11, 2021

DFI - Day 6

 





Leading learning using Google Sites - Vicki

Five affordances causing accelerate shift

  • engagement
  • teaching conversations
  • cognitive challenge
  • visibility
  • scaffolding
Why are we creating a site?  
  • one stop shop to access all the learning
  • able to learn anywhere, anytime, any place
  • rewindable learning - go back and revisit the learning - can continuously add to it.
  • personalise content 
  • visible teaching and planning
  • one place for all the information - learning, reminders eg togs etc
  • consistency - for all year groups

Visual appeal and functionality
  • pick a theme eg pick a colour and use those shades or complementary colours
  • layout consistent - plan your content before you plan your pages
  • 2 x heading font and main text font
  • learning no more than 3 clicks away
  • check that content is visible - you can check on a incognito window
  • links to class blog and student blogs

Evaluating Class Sites

What works well - Visual appearance
  • hooking people in - visual engagement
  • visual experience - can you find the stuff you need.
  • complimenting colours
  • clear site fonts/buttons
What dosen't work well - Visual appearance
  • too much colour
  • too cluttered
  • white writing on a light background

What works well - User experience
  • able to be easily accessed by learners and whanau
  • a few clicks to where the learning is

What dosen't work well - User experience



What is the first thing we are looking at? 
  • Banger needs to be visually appealing and user friendly
  • Have a good site plan before you start
Site buttons 
  • make them personal to your class
  • use photos of the students 
  • use free picture site eg pixabay 
  • put in what size you want in draw - eg banner in cm will be different than buttons in cm
  • download draw image with 'png'
  • once a button has been done - a set template eg circle, size etc then you can go to replace image and it keeps the same dimensions. 
  • you can replace the shape keeping the same format - eg change circle to triangle
  • use 'color pick eye color' to help with colour combinations.
Icons










No comments:

Post a Comment