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, 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, 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:
- Peer Reviews
For more information on what displays in the Student app, please see Canvas' detailed list of supported mobile features