reimagining mycourses - ethelia lung · switch between academic weeks. course updates see an...
TRANSCRIPT
![Page 1: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/1.jpg)
Reimagining myCourses // Ethelia Lung
Reimagining MyCoursesETHELIA LUNG – FALL 2016
![Page 2: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/2.jpg)
1 – Brief Reimagining myCourses // Ethelia Lung
BRIEF
An intuitive online course and task management tool that encourages streamlined collaboration, and enhances student-faculty engagement in an innovative higher education private institution.
![Page 3: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/3.jpg)
2 – Brief Reimagining myCourses // Ethelia Lung
PROBLEM
RIT is a community of career-oriented students, and there is a need to get students to engage and get better results using an efficient course management tool.
![Page 4: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/4.jpg)
3 – Brief Reimagining myCourses // Ethelia Lung
GOALS
Streamlined Access
Improve navigation systems to provide intuitive access to content viewing and assignment submission.
Faculty Engagement
Prepare guidelines and incentives to assist faculty in consistently and successfully utilise the educational platform.
Updated Aesthetics
Design the web application platform to enhance the user experience on different devices.
Collaborative Environment
Encourage and facilitate communication between students and faculty through discussion interfaces.
1
2
3
4
![Page 5: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/5.jpg)
4 – Brief Reimagining myCourses // Ethelia Lung
RESEARCH
Faculty Inconsistency
Many respondents cited a lack of faculty engagement as a pain point, namely in updating content and grades. 40% of students suggested that faculty should be mandated to post grades and feedback.
I understand that keeping it updated on content and deadlines all the time can be difficult, but faculty should at least be mandated to upload grades on mycourses.
Occasionally professors use a not very sensible folder structure which is hard to understand in the way that folders are presented in the Content Browser.
Accessibility Hindrances
Accessing course content is inefficient – The most common impeding features mentioned were to do with accessing content through navigation systems and on different devices.
1 2
![Page 6: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/6.jpg)
5 – Brief Reimagining myCourses // Ethelia Lung
RESEARCH
Short-term Commitment
Majority of respondents visit myCourses often or always during the week, but do not spend very much time using the application.
Untapped Potential
Respondents only frequently use two out of seven availabe features offered by the application.
3 4
41%
35%
18%
6%
5-15
min
ute
s
1-2
hours
30-45
minutes
24 hours
0
10
20
30
40
50
43.6%
2.6%
7.7% 7.7%7.7% 7.7%
23.1%
Cont
ent
Subm
ission
s
Quizze
s
Upda
tes
Grade
s
Clas
slist
Disc
ussio
n
%
![Page 7: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/7.jpg)
6 – Visual Reimagining myCourses // Ethelia Lung
VISUAL
A clean and sophisticated style that is comfortable to use, reflecting the values and atmosphere of the institution itself.
![Page 8: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/8.jpg)
7 – Visual Reimagining myCourses // Ethelia Lung
MOOD
contemporary
(clean, sophisticated)
warm
(crafted, comfortable)
![Page 9: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/9.jpg)
8 – Visual Reimagining myCourses // Ethelia Lung
STYLE
Typography Colours
![Page 10: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/10.jpg)
9 – Visual Reimagining myCourses // Ethelia Lung
UI INSPIRATION
![Page 11: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/11.jpg)
10 – Structure & Flow Reimagining myCourses // Ethelia Lung
STRUCTURE & FLOW
The new information architecture ensures that the project goals are met, in order to deliver students and faculty a more efficient management system.
The new flow also addresses concerns raised in the Research stage, namely in regards to accessibility and the potential usability of features.
![Page 12: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/12.jpg)
11 – Structure & Flow Reimagining myCourses // Ethelia Lung
INFORMATION ARCHITECTURE
Agenda Monitoring
An agenda of tasks is a new element on the page, that gives the user critical submission information.
Reorganised Elements
Important items are easier to access and sectioned off better, for more efficiency in using the system.
Content Hierarchy
Supplementary information is placed lower in the hierarchy of the page for optional but unobtrusive access.
Detailed Notifications
Global notifications include more details such as what the type of notification is, so that users can act accordingly.
1
2
3
4
![Page 13: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/13.jpg)
12 – Structure & Flow Reimagining myCourses // Ethelia Lung
INFORMATION ARCHITECTURE: HOMEPAGE
1 2 4 3 3
![Page 14: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/14.jpg)
13 – Structure & Flow Reimagining myCourses // Ethelia Lung
INFORMATION ARCHITECTURE: COURSE PAGE
1 2 4 3 31
![Page 15: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/15.jpg)
14 – Structure & Flow Reimagining myCourses // Ethelia Lung
USER FLOW
Multi-purpose Task List
A task list with dropbox upload capability for efficient submission management.
Quick Course Overview
Quickly view basic course information and new updates to course content.
Improved Dropbox Workflow
Updated functionality that allows students to manage existing and new submissions.
Reorganised Course Contents
Week-based organisation for better sectioning of content for both faculty and students.
Content Enquiry System
A support system facilitating better communication between faculty and students about content.
1
2
3
5
4
![Page 16: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/16.jpg)
15 – Structure & Flow Reimagining myCourses // Ethelia Lung
USE CASE: DROPBOX SUBMISSION
1
3
2
![Page 17: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/17.jpg)
16 – Structure & Flow Reimagining myCourses // Ethelia Lung
USE CASE: CONTENT ENQUIRY
4 5
![Page 18: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/18.jpg)
17 – Design Reimagining myCourses // Ethelia Lung
DESIGN
The design takes the information architecture and applies it to the selected user flows, addressing concerns raised by users of the existing system.
![Page 19: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/19.jpg)
18 – Design Reimagining myCourses // Ethelia Lung
WIREFRAMES: HOMEPAGE
1
2
3
4
1
2
3
4
Task ListView the week's upcoming task due dates, submit deliverables, and switch between academic weeks.
Course UpdatesSee an overview of a course including its code and early alert status, and see the number of content updates there are.
Technical SupportA supplementary section, technical support is a footer element of all pages for familiar access.
Collapsible ContentsElements such as News and the Locker can be collapsed based on user needs.
![Page 20: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/20.jpg)
19 – Design Reimagining myCourses // Ethelia Lung
1
2
4
3
WIREFRAMES: COURSE PAGE
1
2
3
4
Course SwitchingNavigate between courses with a fixed dropdown at the top.
Course UpdatesA box identical in function that on the homepage, again allowing for easy access to submission info.
Content EnquiryA fixed element that opens up a messaging-style enquiry system.
Course InfoCourse information for reference is placed below the main content of the course page.
![Page 21: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/21.jpg)
20 – Final Compositions Reimagining myCourses // Ethelia Lung
FINAL COMPOSITIONS
The final solutions implement the wireframes in a visually aesthetic manner.
![Page 22: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/22.jpg)
21 – Final Compositions Reimagining myCourses // Ethelia Lung
HOMEPAGE
![Page 23: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/23.jpg)
22 – Final Compositions Reimagining myCourses // Ethelia Lung
HOMEPAGE: DETAIL
![Page 24: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/24.jpg)
23 – Final Compositions Reimagining myCourses // Ethelia Lung
DROPBOX FLOW
![Page 25: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/25.jpg)
24 – Final Compositions Reimagining myCourses // Ethelia Lung
COURSE PAGE
![Page 26: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/26.jpg)
25 – Final Compositions Reimagining myCourses // Ethelia Lung
COURSE PAGE
![Page 27: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/27.jpg)
26 – Final Compositions Reimagining myCourses // Ethelia Lung
CONTENT ENQUIRY FLOW
![Page 28: Reimagining MyCourses - Ethelia Lung · switch between academic weeks. Course Updates See an overview of a course including its code and early alert status, and see the number of](https://reader036.vdocuments.us/reader036/viewer/2022071213/602d9da0bf5b7f69aa5bb562/html5/thumbnails/28.jpg)
Reimagining myCourses // Ethelia Lung
Fin.
HTTPS://MARVELAPP.COM/191EBHF/
This reimagination of MyCourses provides students and faculty with a professional-looking, efficient, and collaborative course management tool that supports quality higher education.