cancel
Showing results for 
Search instead for 
Did you mean: 
Highlighted
Instructure
Instructure

Creating a more engaging K-6 Canvas Experience

Lets start with a major caveat!

Hey all. As many of you may know, I am an Instructure employee based down in the Sydney office. What I am sharing here is my own personal work and NOT a support Canvas script. This is important to know if you want to think of using it for your own school.

I would also like to think of this as BETA code. This means that it is still a bit rough around the edges and may need some additional polish.

Introduction

I started my life as a teacher and I know the importance of making things visually appealing to get students engaged. More than ever this is critical with the younger age groups. The Canvas Mobile apps I think do this well but I personally found the built in theme's rather limiting. So I gave myself a challenge, to build a Canvas theme that would appeal to young students.

To do this I created a theme that uses CSS and Javascript to really POP and add additional creative flair. If you don't have this option available in your canvas be sure to check out this page in the guides: How do I upload custom JavaScript and CSS files to an account or sub-account? 

I am happy to share this with the community for feedback, ideas and to help me continually make it better. Just make sure you are aware and agree to the caveat at the top of this page.

Please be sure to leave your comments/bugs/ideas in replies to this post and I will do my best to keep an eye on it. Just remember I do this in my spare time and may take a little while to respond.

 

Links

Canvas Guides

Download Links

See the theme in action

Screenshots

The Login Screen

271844_login.png

The login screen is an animated movie file that loads quickly and uses minimal bandwidth. See it in action by clicking here 

The Dashboard

271842_dashboard.png

The dashboard is designed to be visually engaging with large menu iconography. The tiles have been designed to stand out and draw the users eye so that it becomes obvious from a simple UX language that this is where you start.

The Course Screens

271843_Year2_Homeroom.png

271845_Year8_Maths.png

The course menu has been designed to add iconography to appeal to users who are less intimidated by visual styling over raw text. 

Inbox

271846_inbox.png

Fonts enlarged and nice headings to draw the eye.

Analytics Screen

271841_analytics.png

Admin Screen

271847_admin.png

New iconography also in the Admin menu.

3 Replies
Community Member

Thanks for the tips and visuals.  This comes at a good time as we prepare resources for next year!

Highlighted
Community Coach
Community Coach

You clever thing Julian.

That is a very real challenge we are facing in K-6 land. I'm curious about the time and effort required to make it pop like that? I guess once it's set up then it's all systems go after that?

Have you got any schools using it? I'm going to have a go!

Thanks for the share, and the time you put in.

Highlighted

Morning Bobby,

Yes, I know about 4 schools that I am aware of using it. Could be more, I don't know who has downloaded it or not.

Feel free to take a gander and let me know if you think it suits what you need. If you find any bugs Ill try to get on top of them ASAP for you.

JR