eLearning1

DESIGN CHALLENGE
In a team of 2-3, research necessary changes for redesigning the home-screen and any other 2 pages of eLearning mobile website used by University of Texas at Dallas- University students as a medium of learning.

Stage 1: RESEARCHING

To empathize with users i.e to understand their mentality and background.
The need to understand the domain knowledge and technological aspects of the product such as here, it is websites used by universities for learning aspects for students.
The need to understand, its pros and cons and to get an idea of how it is handled to make changes in the existing design.

Pre-research:

Conducted competitive analysis of various platforms used by different universities in US. Noted the pros and cons of features and compared it with e-learning platform.
Noted the features that were feasible to add in future designs.

Conducted a pilot study where I asked a generalized user to interact with all aspects of the application it helps analyzing how students interact with the entire website.

Findings Highlight:
The main screen of the page was clattered with unnecessary apps that were not used by majority of students.
Homepage screen was clattered with unnecessary apps and most students only accessed courses and announcements while viewing the mobile view.
User never interacted with the customization button or the add module button. When nudged she mentioned she never glanced at it. The design of the button at the top left corner, with similar colors of the background made it camouflage with the background.

User Research:

The pre-research helped finalize different research methods to implement.

Storyboarding

The pilot study also helped recognizing that students avoided using elearning on mobile devices as the website was not mobile platform friendly. Pilot user mentioned she only used elearning on mobile when she cant access her laptop. Thus, I decided to create a journey map of a student’s working day on campus and noted different timings when he accessed elearning on mobile website.

Based on user interviews I was able to deduce a day in UTD where students connect to eLearning.

Most international students who commute via the 883 Comet Bus use this time to check up on their announcements or last minute submissions in the bus.
During lunch time students have mobile phones accessible easily thus they use it simultaneously if they have any pending work or checking to do.
Students use elearning while walking around in the campus. For example if a student is walking from one class to other and he needs to check the room number of the next class he simply checks it on his phone via accessing elearning my courses tab.
Students who have on campus jobs they also use elearning on their jobs usually when the work is small and needs to be done swiftly.
In classes, students check on elearning on their phones and tablets or laptops.
At night usually elearning is used by students to submit assignments.

User Personas

Me being a UTD student, based on my prior knowledge of different types of students I created user personas based on different user types of students which were a combination of different attributes.

A) Male student: Grad, ITM Major, Local, TA job on-campus, Commutes via on car.
B) Female student: Undergrad, CS Major, International, no on-campus, Commutes via 883 bus.

User Types:

Primary users were students and secondary users were students with an on-campus job
Grad/Undergrad: Changes in elearning
Local/international: The style of using elearning is different
Commute to the campus: Public transport/personal vehicle

User Interviews

User interviews showed that students avoided email page to send emails as it did not resemble a standard email page, besides that on mobile screen the indentation varied from the website and hindered from students to send email via mobile.
In all the conducted user interviews, including pilot user interview I found out nobody used the customization button or the add module button.

user1_remote_interview_audio.m4a
File Size:	6666 kb
File Type:	m4a

Download File

New knowledge found from the first set of user interviews:

a) ADD MODULES:
That was a critical component of the research as that showed most students are unaware that they can customize their elearning page according to their wish, they could change colors, fonts and add or remove modules according to their usage.
This helped me finalize the first page of redesigning: the add module page, as its design change would directly affect a design change of the home-screen as well. Second page finalized was email page.

b) HOMESCREEN:
The first set of user interviews showed me additional course list in 1 male student who was a TA and he had different courses as a student and ones he was a TA of. I found out that elearning homepage was different for different users.

Second set of user interviews:

Tasks

HOMESCREEN

Contextual Survey

The first set of user interviews showed me additional course list in 1 male student who was a TA and he had different courses as a student and ones he was a TA of. I found out that elearning homepage was different for different users.
I needed to view all the other designs of elearning and how they varied. for example. It varied for students who worked as a TA on campus from a regular student.
Thus, I conducted a contextual survey by sending a google form to various social media websites such as whatsapp, group me, facebook used by UTD students and asked them to feed their basic details along with their screenshot of their elearning website

We also gathered information that the elearning varies for the students who are Teaching Assistants or for some of them who work on campus for course related jobs. Thus to further understand the design of their versions of eLearning I conducted a contextual survey via google forms and sent it to friends who were teaching assistants. Also, I posted it on several UTD groups.
The link for the following is:
https://docs.google.com/forms/d/1vil2JK77ErApFgbZO4WJ1mN1f7kBKd_mNinK9HbMCdg/edit

The message for the following looked like this

The questions asked for contextual survey were via google forms:

OUTPUT:

ADD MODULE PAGE

1. Customize my elearning

I asked the user to access customization button, I asked them to change the color, fonts of their choice and add or remove modules of their choice from the homepage. When she changed the layout of the homescreen according to her wish of color combination and removed apps that made the layout look clattered she found using elearning on mobile much easier. After conducting the user study of whether you would use elearning before and after the layout changes about 75% of users changed their answer from no to yes

2. Cardsorting Exercise

I conducted a moderated cardsorting exercise to check which modules are used by users from a range of most frequently- never use. This helped eliminating unwanted applications from the homescreen page and the add module page
To make a more generalized design layout of a student irrespective of being a part-time student, working student, international etc. To design an application inside the layout which students considered as part of their own profile. Thus, I added the “My profile” card which acted as a hierarchical card where users added the modules which they wanted in their profile.

Based on the pilot participants interview it was found that, users never noticed the customization option as the options included unnecessary, non-crucial modules. For finalizing on the essential and necessary modules a part of user interview was the cardsorting exercise. Where using the Optimalsort.com website I asked them to open a created project and sort the cards based on preferences.
(please refer the audio for further clarifications)

Follow the link to view the cardsorting survey:
https://3pn6x37x.optimalworkshop.com/optimalsort/n8051262-0

RESULTS OF CARDSORTING

Understanding the Problem

Based on user research conducted, highlighted some of the key pain points faced by students, their needs and goals to incorporate onto future designs.

Needs and Problems

Needs	Pain points
Courses utilization	Not mobile friendly
To-do lists	Inconsistent and uncluttered homepage.
Announcements	Information overloaded on the home-screen. Reduces focus from important CTAs
Use of appropriate modules based on part time jobs or other involvements as a student	"My elearning page" had no personal information of the student
Adding or removing unnecessary modules from module page to avoid confusing the student users	Students unaware of customization page
Modern Look to the redesigned website	Email page not being used frequently, not mobile friendly, confusing UI and it consisted unnecessary buttons

Website Goals

Creating a mobile friendly UI.
User friendly navigation.
Customized pages based on user needs.
Modern and clean look of the website.

Feedback from Judges (Senior User Designers) at Capital One:
User research encompassed a lot of different types of users/scenarios
Liked the triangulation of different research methods
Did a really good job of understanding your user and why a mobile platform would be the best way to address their needs
Liked that you were able to generate specific areas of improvement from the research
Enjoyed the storyboarding of your users typical day