Instructors, there are a few things to keep in mind when designing your Canvas courses to make sure they're mobile-friendly. 

Quick Tips and Best Practices

Front-Load Important Content

Make sure the important information (on a Page, Assignment, Quiz, Discussion board, etc.) is presented first so less scrolling is required by the student. 

Avoid Large Header Images

Instead, try to incorporate images, if necessary, further down in the body of the page. In general, we recommend avoiding unnecessarily large images and files throughout the course because these files slow loading times on mobile devices. 

'Chunk' Your Content

Typically, students will consume course content on their mobile devices only for a short period of time (think 5-10 minutes). Try "chunking," or separating, your content over several short pages and using a table of contents for easy access to the content. 

Design for Touch 

In mobile, the primary mode of interaction is usually via a touchscreen, so items on a page that require an action (click, touch, tap, etc.) should be large enough or have enough space between them to avoid accidental "clicks."‚Äč

Canvas Mobile App

Canvas offers a mobile app for students, Canvas Student App, to access their courses — rather than through a mobile-friendly website — and a separate Canvas Teacher App for instructors.

It's important to note, however, course content can appear differently in the mobile app than it does on a desktop. For example, the following Canvas features are not supported currently by the mobile app:
  • Collaborations
  • Peer Reviews
  • Conferences
  • Outcomes
For more information on what displays in the Student app, please see Canvas' detailed list of supported mobile features (PDF).