Mobile App Design | Course Evaluation Checklist

Instructure
Instructure
28 21 15.2K

Thanks for the likes, tweets, and feedback regarding the Course Evaluation Checklist! Members of the Content Services team collaborated with Canvas mobile app guru, Ryan.Seilhamer@ucf.edu, to create another go-to resource to help you understand mobile app design considerations.

 

Why Consider Mobile App Design?

Some students will access your Canvas course and materials from a computer at school or home. Other students will use their mobile device during their lunch break at work, standing in line at a local coffee shop, or (for younger students) in a classroom that is tablet friendly. Students will have a slightly different experience whether accessing Canvas from a browser or using Instructure's free Canvas app. 

About The Checklist

This checklist focuses on design principles for mobile app users. Examples are built directly into the checklist so you can quickly see how incorporating these considerations creates a dramatic difference for students. We hope you'll find this checklist to be a simple and illuminating glimpse into the mobile app.  

Potential Uses

  • Share this checklist with your colleagues
  • Apply the principles to your own course
  • Elevate the quality of your institution’s courses

Preview

Preview of document via scrolling gif.


Access

This checklist is available via Google Docs "Make a Copy" so you can customize for your institution. Please select the following link for access: Mobile App Design Course Evaluation Checklist Editable

Note: We ask that you maintain our Citation list located at the bottom of the document. 


 

Please comment below. We’d love to hear from you!

Our Instructional Design team offers full Course Evaluations. Course evaluation services provide insight into best practices. Recommendations will focus on aligning course objectives, accessibility, and overall creation of an enhanced user experience. If you would like to learn more about our services, please contact your CSM or Shauna Vorkink - Content Services Director at svorkink@instructure.com.

21 Comments
Community Coach
Community Coach

A big shout-out to Deactivated user and Ryan.Seilhamer@ucf.edu‌!  And, of course, the entire Instructure Education Services Department!

This is the first course evaluation tool I have seen that focuses on Mobile compatibility! You folks ROCK!

Image result for shout out panda

Kelley

Community Coach
Community Coach

Hi Deactivated user

Obviously I love both the original and the mobile course evaluation checklists your team has produced. However, I just have one criticism - for both documents, neither the PDF nor the Word versions are accessible.

Nuff said,

Kelley

Learner II

Thanks for sharing Deactivated user‌

Will include something in our Canvas survey david.summerville@det.nsw.edu.au‌ to discuss the use of mobile apps. #callaghancollegewallsendcampus

Instructure
Instructure

Hi kelley.meeusen@cptc.edu! We appreciate your feedback and are very excited to provide this free and valuable resource to the plethora of Canvas users!

As you know, Canvas is committed to accessibility. Check out these Canvas Community resources:

Both checklists include a link to make a copy of the Google Doc that is editable. This allows the end-user to always have access to the latest and greatest, customize it to the needs of their institution, and increases efficiency (rather than maintain the document as a google doc and other formats). Last night, Deactivated user also added some GIFs of the documents so people can quickly see the incredible value of these resources before making a copy of their own.

In response to your comment, we did a little digging and found a really helpful Google Doc add-on and Chrome extension called GrackleDocs that is a real-time accessibility checker. It tells you potential fixes and allows you to fix on the fly. It’s AMAZING! We’ve run it on both of the checklists and fixed any potential accessibility deficiencies.

We recommend that when users convert from the Google doc to the format of their choosing, they ensure the accessibility features remain intact. These are some of our favorite resources to review regarding accessibility:

Deactivated user, djohnson@instructure.com, and I appreciate your feedback! Thanks for making us more awesome!

-Erin

Community Coach
Community Coach

ekeefe@instructure.com , you R.O.C.K. in the U.S.A.!

I am aware of all the resources you listed, but perhaps other members are not, so it was great to iterate them here.

Thank you for fixing those docs!

Kelley

Surveyor

Thanks for a great share!

Community Member

Thanks for the checklist. We are finding more and more students using mobile devices to view course content and this will be a big help. Has Canvas thought about adding mobile views? For example, other programs have buttons that you can use to see how content will be viewed on a phone in portrait and landscape or how it will be viewed on a table.

The image below reflects the different view options in other applications. Is this something that we can vote to add to Canvas LMS Community Or is it in the works?

281930_pastedImage_1.png

Community Team
Community Team

pdarlingfacio@collin.edu, the idea that is currently open for voting is https://community.canvaslms.com/ideas/11268-allow-faculty-to-have-a-mobile-view-like-student-view which is specific to previewing how content would appear in the app. The comments under that idea also provide guidance on how a designer can preview course content as it would appear in mobile browsers across various devices.

Community Advocate
Community Advocate

Yes, this is awesome. Thank you to Ryan.Seilhamer@ucf.edu‌, Deactivated user‌, ekeefe@instructure.com, and djohnson@instructure.com for making this resource. Having it as a Google Doc opens up plenty of opportunities to spread this awareness. I think I'm going to share this with everyone who attends my Canvas trainings. All I need is to find out how many of our students have mobile devices...

Learner II

Deactivated user‌, this is great! I love the items in the checklist and appreciate that the suggestions are easy to implement without needing to know much about responsive design or UDL.

One issue we notice with mobile app use is that teachers like to use the Redirect Tool to add a course navigation link that points to a specific page inside that course. In the web browser, cliking that link is seamless, but in the mobile view, this link is recognized as another external tool so students are taken out of the app and Canvas is launched in their mobile browser (after they login through SSO). It's a training issue on our end, but I'd love to see functionality to customize course navigation links without using the Redirect Tool when you're pointing to something inside that course.

Community Coach
Community Coach

audra_agnelly@hcpss.org‌, 

This is true because the mobile app can only support web-based LTIs, but since this is an Instructure specific LTI, I could see some reconfiguring to get this to work. 

I would suggest you create a new idea in Canvas Studio‌ for this new functionality. 

https://community.canvaslms.com/docs/DOC-14903-75187841183 

If you create the idea, please post back so others know to vote on it. Thanks!

Community Coach
Community Coach

Hi pdarlingfacio@collin.edu‌, 

I have wanted a mobile preview for the Canvas apps forever. In fact, I tried to create one on a recent hack day. Unfortunately the best way is to preview the content in the application. Even thought stefaniesanders references Verifying Mobile Friendly Web Content, it's only good for content on the web and not the app. The app renders content a little differently than a mobile browser. 

I highly suggest you throw in a vote for this, if you haven't already. Thanks!

Community Coach
Community Coach

Hi stacy.lambert@det.nsw.edu.au‌ and david.summerville@det.nsw.edu.au‌, 

I have been doing Canvas mobile surveys since 2014. If you want to look over our survey for question ideas, please let me know! Also feel free to check out our 2018 results: 2018 UCF Canvas Mobile Apps Survey | Canvas LMS Community 

Instructure
Instructure

Thank you professorbeyrer@gmail.com! In a comment above, Ryan shared a UCF survey that was distributed to students in order to gauge mobile-app usage. The link has some great sample questions! Perhaps your team could create a custom survey for your students based on some of these questions. 😃

Instructure
Instructure

Thank you audra_agnelly@hcpss.org‌ for your comment and Ryan.Seilhamer@ucf.edu‌ for the feature request idea! I'd definitely be one of many users to "vote up" the idea. 😃  

Learner II

Hey Ryan.Seilhamer@ucf.edu‌, we are starting to survey staff, students and parents on Canvas usage and pedagogy as we are in our second year. Need to evaluate. However we have initial questions on the mobile apps, based on use, access and devices. I will contact you if that is okay once we get the initial data for extra questions for this area. I am keen to pursue data on this with our kids as they always seem to have a phone (no pen, book or device sometimes - but always a phone). Thank you for the generous offer. I love this community!!! david.summerville@det.nsw.edu.au

#callaghancollegewallsendcampus

Cheers!

Stacy

Community Member

One difference I noted was that if someone hotlinks an image (embedding it in a page, but the image is hosted on a different web server), it shows up fine on the website, but the image will not show at all in the app.  Perhaps that and any other inconsistencies could be worked out to make it more feasible to simulate the mobile experience on a desktop browser.

Tables are another source of problems.  It would almost be better if people were not allowed to drag and resize tables, because the fixed widths that get set almost always end up making the page or resource unreadable in the app.

Really, the whole editor could use an upgrade (RCE.Next).  Allowing for copying and pasting images, etc., and be more like the Google Docs editor (or just use the Google Docs editor or a similar alternative for creating content).  

Community Advocate
Community Advocate

Great ideas dholton@floridapoly.edu‌ and I think adding a little Jive would not be bad — the auto-titling of links is a nifty trick that makes links more accessible and cuts down just a bit on link rot.

Community Coach
Community Coach

dholton@floridapoly.edu,

I don't seem to see that issue when hot linking images. In fact, the Flickr photo finder in the RCE is hosting from Flickr as well. Am I missing something?

As for tables, we didn't include these in the document because proper use of tables is just good web design for a course. As for the Canvas mobile apps, if a user is using tables for data (and not design), it will allow the user to scroll the table right and left to view the whole table, even if the user resizes the table on the RCE. Tables for mobile will always be troublesome, but the Canvas app has made improvements over the last few years to make them better.

Community Advocate
Community Advocate

Deactivated user‌ and Ryan.Seilhamer@ucf.edu‌ thanks for making this checklist available.  This will really help my teachers when they start updating their courses for next school year.

Community Coach
Community Coach

Certainly! Even though these are mobile specific, they will make courses better on all platforms. (: 

About the Author
I am the Team Lead for the Instructional Designers within the Content Services Department at Instructure. I am passionate about all things instructional design... and especially love working on the graphic design elements of a template! It is not uncommon to find me huddled at my desk "obsessing" over a particular color choice or page design for a course template. It's all about the details! =)