Tel Tales

Adventures in Technology Enhanced Learning @ UoP

A plan for the visual revamp of Moodle

Moodle is based on open source technology which along with it’s thriving support community is one of the big reasons it’s so successful. It’s relatively straight-forward to mould Moodle to fit the organisation delivering it. In our case Moodle is branded inline with the University style guide but we go further than that and include usability customisations and features to improve the overall user experience and accessibility of the site, with the aim of making it a useful tool for all.

Our Moodle site is due a visual revamp. The University is currently in the middle of a re-brand consultation which will produce a new logo and visual identity to our websites. Moodle HQ are also re-working the user interface to make it more modern and user friendly. The TEL team are working with IS to migrate Moodle to a new POSTGRES database system to keep pace with increased usage of our site. We’d also like to include some handy new features in our Moodle theme (the theme is where we customise the look and feel of our Moodle site).

We’re taking a staggered approach to the visual revamp of Moodle, here’s our rough road map.

  • June 2017 – Moodle 3.3 environment available to staff with helpful new features
  • August 2017 – New UoP logo is incorporated into the UoP Bootstrap theme design along with re-worked unit header
  • September 2017 – Work starts on our new Boost based Moodle theme
  • January 2018 – Student and staff usability testing of the new UoP Boost theme
  • April 2018 – Advance preview of the UoP Boost theme is available to staff
  • June 2018 – UoP boost theme in Moodle available to staff for 2018/19 

So what are these handy new unit features for 2017/18 and how will they help students and staff?

Re-worked unit header

Online Course Developers in UoP Faculties have come up with some great ideas to give Moodle units a common look and feel for each department and provide easy access to individual topics. We’d like to make this process easier and lessen the need for customisation on a unit-by-unit basis which can be very time consuming. The new unit header will allow staff to upload a cover image quickly and easily. There will be a ‘jump to’ box allowing users to skip straight to a topic further down the page and a filter box to help track down an activity hidden amongst the unit content. We’re also going to make accessibility options more visible and improve editing features for staff with a simple editing on/off switch.

At the top of this post you’ll see a mock-up of what we’re working on. It’s worth mentioning that the new header layout will only be invoked if a member of staff uploads a cover image, if not the existing unit header layout will remain, meaning customisations created by OCDs will be left intact.

Bootstrap elements front and centre

Degree Apprenticeship programmes are on the way. They will mean a lot more of our learning content is delivered online and students will likely be studying units from multiple University faculties at once. It’s important that these units have a unified look and feel along with common sign-posting. A quick an efficient way to achieve this is to make a library of common element templates available within the Moodle text editor. A member of staff will be able to add a styled text box to highlight further reading, an assessment brief or an accordion of categorised content which is styled in a way which makes it easy to spot whichever unit a student is on. Tom Cripps in TEL is hard at work putting together the library of common elements which should prove to be a really useful tool.

My Home (Dashboard)

Moodle 3.3 features a new ‘My Overview’ block which was developed to give students and staff a better view of their upcoming activities, and course progress and completion. We’re currently investigation whether the new block will be useful as a central part of the My Home page alongside or as a replacement for the current ‘My Sites’ block.

Inspiration from Snap

I was really lucky to be able to attend Moodle Moot UK in London in April. One session that really inspired me was on the Snap theme. Snap has some great ideas for modernising the Moodle interface. It’s probably fair to say that some of the features are too much of a departure from the existing user experience but we’ll certainly be looking at some of the clever features in Snap as inspiration for our own theme.

Big stuff for summer 2018

The navigation within Moodle is changing, blocks are being limited to dashboard and unit pages and the Moodle interface is generally moving closer to the Moodle mobile app. A nav draw on the left of the site will be introduced with only the most important navigation elements of units displayed. The course administration block is becoming a cog with drop-down menu, freeing-up screen real-estate and standardising where you go to make changes to units or resources. In summer 2018 Moodle should ship with a much improved dashboard (My Home page) which focusses on activity, course and assessment completion. This should become a useful tool for helping students and staff keep on track.

We hope this gives you a flavour of what’s to come in Moodle from an interface point of view (we’ll blog again with new Moodle 3.3 features coming to our Moodle site this summer). As always we’re all ears if you have ideas about how Moodle can be improved (feel free to leave a comment below or give us a call). We’ll also be looking for staff and student volunteers for theme usability testing early next year so if you’d like to be involved please get in touch.

 

3 Comments

  1. James Lenthall

    May 12, 2017 at 10:51 am

    In regard to blocks will all that are currently available be in Boost but limited to just a unit’s main page and dashboard? What about blocks added at category level (e.g. in order to apply custom CSS to a school) will they only appear on those 2 types of page also?

    In the example there’s a UC block, if the same UC has multiple units will there be a way to target one instance of the UCs details rather than copying it across every relevant unit?

    Thanks

    • Mike Wilson
      Mike Wilson

      May 15, 2017 at 11:53 am

      Hi James, we should still be keeping all our current blocks (unless any aren’t supported any more, which shouldn’t be many if any). We’re some way off summer 2018 though so we’ll be testing blocks closer to the time.

      I can’t imagine you’d need the Unit Coordinator block at activity level, this seems like a prime example of something that’s relevant at course level but would clutter / complicate an activity (which is Moodle’s rationale for limiting blocks to course and dashboard level). There’s already a way to target html blocks at course level, so if you add unique selectors to the UC block you could differentiate between the UC block on course 123 vs course 456.

Leave a Reply

Your email address will not be published.

*