Tips for setting up the course homepage

Options
Ulf.Molich1
Ulf.Molich1 Posts: 28 ASC Beta Tester
I want a large content browser, the calendar, and the announcements available without the students having to scroll. As you can see in my screenshot, the calendar becomes complete obscured, and the content browser does not utilize the space it could. Any way to fix this to make it look nice?

Answers

  • Renee.Judd22
    Renee.Judd22 Posts: 87 🌱
    edited November 2022

    @Ulf Molich​ , the layout @Stefanie Baldwin​ demonstrates is what we use. About 6 months before we activated Daylight for our production site, we had a competition among our in-house design team for both the institutional home page and the enforced course home page. We all built home page layouts, reviewed them as a group, then chose and tweaked. We had a three column layout and also a few more widgets pre-Daylight.

    The one thing I regret about our daylight choices is that we didn't take advantage of the Daylight transition to get rid of the Content Browser on the course home page. The Content link we have in the Navbar is really a better entry into the tool.

    I am attaching a student-view of our course home page layout. I made on a computer, zooming way out, so you could see the calendar. (If we don't have that Content browser, it would be easier to find the Calendar!)homepage1

  • Jacqueline.Kirkham86
    Jacqueline.Kirkham86 Posts: 5 🌱
    edited November 2022

    Because the Daylight interface offers responsive design which stacks when users view the home page on a small screen, we went with a two column layout with the most important information in the left column and everything else in the right column in descending order of what our users wanted to see most on the home page. For use the Announcements area was the most important, but you could put Course Browser there instead and give it the whole width if you want it to be the most prominent part of the page:

    example

     

    We got rid of the Content Browser before Daylight, but took advantage of the new interface to remove a few other widgets to simplify our home page for a better mobile experience. We actually have a blog post about the redesign we did of out course and my home pages to go along with the switch to Daylight: https://wordpress.viu.ca/ciel/2017/04/19/enhancements-to-viulearn/

     

     

     

  • Ulf.Molich1
    Ulf.Molich1 Posts: 28 ASC Beta Tester
    edited November 2022
    Thanks for your answers. Yes, I can change the layout of the homepage, that is why I arrived at the layout presented in the OP. I am not sure what is meant with the Daylight update, as I just started using Brightspace. Most of our students use laptops to access Brightspace. That's why I am a bit annoyed with the layout being optimized for smaller screens, as I want the opposite. Also, the feedback I got so far is that the content browser is the most important. Really, I guess I would like to manually edit the Content Browser widget to be much larger, and the margins in the calendar widget to be smaller, so it doesn't look that squeezed. @Renee Judd, in your example, the content browser is very small as well, as I guess is the uneditable default size, and you say you would prefer to have the students access it via the content link in the top menu. However, if a student wants to access a lot of stuff in some of the bottom folders, this is really a lot of clicks and scrolling, compared to having a superlarge Content Browser widget on the front page. In my opinion, the design of the homepage should not be based on the aesthetic opinion of a group, but rather be chosen through a thorough usability test on students?
  • Ulf.Molich1
    Ulf.Molich1 Posts: 28 ASC Beta Tester
    edited November 2022

    @Stefanie Baldwin​ Thank you for your detailed answer. I have tried to explore the possibilities to create custom widgets, but from this page

     

    https://documentation.brightspace.com/EN/le/widgets/instructor/create_custom_widget.htm

     

    I am told that I should be able to find "Widgets" under Course Admin. If I cannot find that option, should I contact my local organization's Brightspace Support?

     

    Course_Admin_overview

  • Renee.Judd22
    Renee.Judd22 Posts: 87 🌱
    edited November 2022

    @Stefanie Baldwin​ , Here is our org homepage. There is a custom "Help" widget you are not seeing beneath the skinny Announcements.

    orgHP

    @Ulf Molich​, an option shared by a Community member in another discussion thread is to put Content front and center by making the Content tool serve as the course home page! I really liked the idea, but didn't go there because Announcements are very important to many instructors. Our focus group results strongly suggested that students would not view announcements unless they were literally in front of their face; making Announcements a Navbar link would have meant out of sight, out of mind. So, we stayed with widgets, giving Announcements the large-div place of honor on course home pages. But we added below the Announcements our custom "Help" widget, which also lives on the org home page. While many of our instructors use Announcements heavily, other instructors do not use it at all! We didn't like the idea of students entering their course to see a mostly-empty large div. Plus, we figured that if people were in a course that had no Announcements, it might be a good idea to put "Help" front and center.

     

    A widget-based course home page also allowed us to give the Course Overview widget a place (right on top of the Content Browser) above the fold for instructors. (BTW the panels linked in the Course Overview widget are not responsive! I have a PIE on that; D4292 .)

     

    And yes, we had focus groups and usability testing. The only thing on our course home page design that was not based on data from pre-daylight and Test Site Daylight testing and data collection, plus focus groups, was the inclusion of the Content Browser. It is not used by our students. Students quickly realize that Content, wherever they left it, is one click away in the Navbar.

     

    We know that about 15% of our user hits are on smaller mobile devices. That has grown from 12% a few months ago. Whether the growth is due to the switch to Daylight, or whether it reflects a trend that is independent of D2L design considerations, I couldn't say. Is 12-15% the tail wagging the design dog? Also couldn't say.

  • Ulf.Molich1
    Ulf.Molich1 Posts: 28 ASC Beta Tester
    edited November 2022
    '@Stefanie Baldwin I am an instructor. The widgets tab does not appear for me on the Course admin - - >Homepages page. I think your senses are correct, I will get in touch with an administrator. @Renee Judd Thank you for your very detailed answer. I will reconsider this content browser issue, as you clearly have much more data on the topic than I do. I guess it should be an organization wide decision anyway, and we are still a few years from a complete transition. At least I have some great inputs now.
  • Renee.Judd22
    Renee.Judd22 Posts: 87 🌱
    edited November 2022

    @Ulf Molich​ , our data is for our users; your users could be different. I expect you and your colleagues will want to do your own focus groups and usability testing. You might reach different conclusions, and that is fine.

    What are you transitioning from?