VIULearn Looks Different! Updated to a Modern Responsive Design!

Photo Credit: D2L, THe Daylight User Experience https://www.d2l.com/products/user-interface/

When Vancouver Island University students and faculty members log in to VIULearn for the first time this Fall 2017, they will experience a change in the look and feel of the learning environment.

On April 30, 2017 VIULearn was upgraded to “Daylight”, a new interface design that allows for the same experience regardless of your device, screen size or age of technology.

NOTE: There are no functional or operational changes to VIULearn. It works the same way!

The changes are all in the visual elements (fonts, colours, icons, spacing) and behind-the-scenes in the way the screen contents adapt to whatever device you are using. The biggest change is likely the images attached to course names in the My Courses section of the My Home Page. Here is a summary of the more notable changes to VIULearn with moving to “Daylight”:

  • Brighter, whiter and cleaner looking environment, mobile environment is modernized
  • My Courses area now displays courses with an image (customizable by instructor) with course name
  • My Courses area allows users to “pin” frequently accessed courses at top
  • More space between lines of text for increased readability on mobile
  • Crisper, web ready font that provides better accessibility and readability for users
  • All icons are clear outlines with no colour inside – and unnecessary icons removed – to clean up the learning space
  • Colours only used for emphasis (like blue for save button, orange for highlighting key action areas)
  • Instructors can now edit and manage Content from the mobile interface (not possible before)
  • Students can now submit assignments from the mobile interface (not possible before)
  • Students will have an easier time taking quizzes in the new mobile interface (clunky before)
New Look: My Home Layout Photo Credit: VIU, Centre for Innovation and Excellence in Learning

In addition, VIU also took this opportunity to update some additional elements on the My Home Page (new “Announcements” area on right side replacing other news area, VIULearn Help is moved to the navigation bar and the My Settings area is removed – as it still exists under the personal menu as “Account Settings”).

We also did some minor edits to the Course Home Layout (moved the Announcements to the top of the page to give instructors a bigger area for course notices, put the ‘Updates’ section on the right side, removed ‘Tasks section’ that wasn’t heavily used and – for faculty – removing the Role Switch area as it still exists under the personal menu). We just cleaned it up!

Responsive Design of D2L’s Brightspace in Daylight. Photo Credit: Spotlight session Video Slide: https://www.d2l.com/events/fusion/
Comparison of Daylight Responsive Design versus other Educational Technologies. Photo Credit: Slide from FUSION Spotlight Session https://www.d2l.com/events/fusion/

The company, D2L, has gone with a massive overhaul of their learning system (called Brightspace) to a format called ‘responsive design’ which means the same web page responds /adjusts / adapts to whatever device you may be using.

Many competitors in the educational technology field do not always have their products able to adjust in this way. They may have apps or other web addresses you need to use for various mobile or desktop devices.

D2L has decided to invest in one platform that works on all devices and only needs to be updated/enhanced in one location.

The huge advantage for VIU students will be the ability to more easily access their courses on mobile devices, upload assignments, take quizzes, and engage with the course materials – something not possible prior to Daylight for VIULearn. Students and faculty would have had challenges using a completely different mobile environment that often didn’t work for all the tools and functions. Now it doesn’t matter whether you are on your laptop or your smartphone – you are accessing the same environment that just ‘adjusts’ to the size of the screen.

Check it out on your mobile and desktop devices! Enjoy your enhanced teaching and learning experience. Any questions, email us at learnsupport@viu.ca

by