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 that 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. 

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."

'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. 

Canvas Mobile App

Canvas offers a mobile app for students 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, that course content can appear differently in the mobile app than it does on a desktop. For example, the follow Canvas features are not supported currently by the mobile app at all:
  • Collaborations
  • Peer Reviews
  • Conferences
  • Outcomes
For more information on what displays in the app, please see Canvas' detailed list of support mobile features (PDF).