Quick Tips and Best Practices
Front-Load Important ContentMake 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 ImagesInstead, 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 ContentTypically, 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 TouchIn 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 AppCanvas 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:
- Peer Reviews