cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Please Move the "Done" Marker to the Bottom of the Page

Please Move the "Done" Marker to the Bottom of the Page

(20)

Whereas students need to read through an entire page before they can mark it as "Done;" and whereas the "Done" marking is currently posted at the top of that page, but not all pages. I propose that the "Done" marker be moved to the bottom of the pages which need to be marked as "Done." 


Unfortunately, I have missed marking a few of these "Done" buttons because I have failed to scroll back up to the top when I have completed a reading while at the same time there have been instances where I have scrolled back up and there hasn't been a "Done" marker. This has been a minor annoyance. While it is a minor annoyance, it is also a fairly consistent annoyance which in turn makes it more annoying.  In my mind, this could be completely remedied by simply moving the button down to the bottom of the page.  If it *is* that simple, I ask that you please consider this change. Thank you.

This idea has been developed and deployed to Canvas

For more information, please refer to the comment from our product team here.

26 Comments
wjroland
Community Member

I had the same idea and came here to search for it specifically before suggesting it. This is especially needed for pages that are long. From a user stand point, the "Mark as Done" button should be located where the "Next" button is. Ideally, once the "Mark as Done" button is clicked, it should disappear and the "Next" button should replace it. As of now, if the next page requires the previous page to be marked as done you have to go back to the previous page to mark it as completed before being able to see the content. From a LEAN Six Sigma perspective this is very wasteful!

chapman_arted
Community Member

YES. Please - a million times, this. 

It is counter-intuitive for students to review the material on the Page or Assignment but have to scroll BACK up to the top to submit or mark progress before moving forward. Sometimes they "Mark as Done" before reading or watching the content, which encourages them to skip the information.

The action buttons should be located below the page content -- similar to the "Reply" feature for Discussions and the "Next" button on Pages. I would love it if the "Next" button was visible only after the "Mark as Done" button has been clicked!

lauren_crowe
Community Member

Agreed. The only benefit to having it at the top of the page is that a student can see that it is "done" when the click on the page. It seems like there could be a "In Progress" or "Done" marker at the top of the page BUT the actual "Mark done" button should be on the bottom of the page for the reasons listed above.

Hildi_Pardo
Community Advocate
Community Advocate

I agree 100% on this.

This is the current experience:

  • Arrive to a page and don't see the Mark as Done at the top right, because when we start reading, we start from the Header on the left, and the Header is below eye level of Mark as Done.
  • Read the entire page.
  • At the bottom of the page you click Next.
  • When you arrive at the next page it's restricted because you did not click Mark as Done.
  • Click the Previous button.
  • Click Mark as Done
  • Then scroll ALLLLLLLL the way to the bottom again to click the Next button.

 

JulieDanielDavi
Community Member

Moving the "marked as done" to the bottom of the page is the logical place for instructional design navigation. One of the chapters I teach in my edtech course is all about using universal placements when creating platforms and apps. This concept is definitely appropriate for natural navigation. The current placement is unnatural to the way we read and respond to the course modules. 

Barnett
Community Member

It would be great if the  Mark as done button for a page was at the bottom of the page so that you can read the page and check the box with out having to scroll back up! This also allows easier use of the next button. 

cmgardner
Community Advocate
Community Advocate

It seems very logical to move this to the bottom of the page. Instead of having to scroll back to the top to mark as done before moving on. 

stephanieshacke
Community Member

Can the Mark as done button be moved to the bottom of a page?  I've missed the button because I get to the bottom of the page and click Next and don't realize there's a button at the top.

Rita_Fennelly
Community Member

Yes, this is not only a user experience issue but also one of accessibility. A learner should not have to hunt around to mark something as done. It should be a logical and intuitive flow, and the location of this button is definitely not in line with this.

cg34
Community Member

Agree 100% for all the reasons already stated.

Currently location in upper right hand corner prompts bad behavior -- mark as done, scroll down, and go to next, all without reading the page.

WBaker99
Community Member

The position of the Mark as done button is a universal complaint from ALL my students. I teach programming and use this button as Canvas's version of Kanban (https://en.wikipedia.org/wiki/Kanban)

jbarton
Community Participant

Totally agree with everyone above. I recently started a PL course as a student that uses the mark as done on every page and realized how aggravating (and easy to forget) it is to scroll back to the top of every page to click "mark as done". 

phillip_mills
Community Participant

I'd like to see this button move to the bottom of the screen too.

For accessibility purposes, the button would be better replaced by a check box as when properly implemented these announce to the screen reader that they have been changed. You can see how this can be done using this WAI-ARIA example of a checkbox that announces it has been changed.

The white/green text of the button when marked as done also fails WCAG 2.1 Success Criterion 1.4.3 Contrast (Minimum) (Level AA):

The visual presentation of text and images of text has a contrast ratio of at least 4.5:1

phillip_mills_0-1613603453454.png

It's only 2.9:1.

 

 

hvanotterloo
Community Member

I agree. I think for work flow, the Mark as Done button would best serve users at the bottom of the page.

czubad
Community Member

I made a module to alert students to click Mark as Done, but that quickly gets lost when assignments are more than a screen/page long. The other suggestion would be to make Mark as Done as a floating button that follows the screen.

cwfttc
Community Member

Just starting a course with a mark as done and I am already frustrated with the usability of the button. You wouldn't mark a page done before reading the content. On pages of long content, you have to scroll all the way back to the top to mark as done. If you want it at the top, also give the users the option to also mark it as done at the bottom of the page. Make learning easy, don't make users have to think about how to use the application but let them focus on the content they are learning.

leigh_morgan
Community Member

This would be a great improvement and time saver for students.  

rechtk
Community Member

Yes, Yes, YES! I think many more of my students would utilize this tool if it were at the bottom, and it would save so much time for them to see it at the bottom instead of having to remember and scroll up, then back down. Their little 8 year old hands/brains can only handle so much! 

jsailor
Instructure
Instructure
Comments from Instructure

Hello all, thank you for the conversation around this idea. Given concepts of print and the natural workflow for students, it makes sense that we move the "Mark as Done" button to the bottom of the page. We have done this in the new Assignment Enhancements for Students, which will become the submission flow for all students in the future. 

Stefanie
Community Team
Community Team
Status changed to: Completed