reimagining mycourses - ethelia lung · switch between academic weeks. course updates see an...

28
Reimagining myCourses // Ethelia Lung Reimagining MyCourses ETHELIA LUNG – FALL 2016

Upload: others

Post on 05-Oct-2020

1 views

Category:

Documents


0 download

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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.