-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathopensap.html
160 lines (159 loc) · 11.6 KB
/
opensap.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/html5reset.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<link rel="stylesheet" href="css/baguetteBox.min.css">
<link rel="stylesheet" href="css/style.css">
<title>OpenSAP Research</title>
<link rel="icon" href="imgs/favicon.png">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-138350456-1"></script>
<script>
window.dataLayer = window.dataLayer || [],
function gtag(){dataLayer.push(arguments),}
gtag('js', new Date()),
gtag('config', 'UA-138350456-1'),
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="javascript/baguetteBox.min.js" async></script>
</head>
<body>
<a href="#main" class="jump">Jump to Content</a>
<header>
<div class="global-nav" id="topnav">
<div class="navbar">
<div class="navbar_link navbar_link-brand">
<a href="index.html">Amanda Bassett</a>
</div>
<div class="navbar_link navbar_link-toggle" aria-label="menu icon">
<i aria-hidden="true" class="fas fa-bars"></i>
</div>
<nav class="navbar_items navbar_items--right">
<ul class="navbar_link">
<li><a href="index.html">Work</a></li>
<li><a href="about.html">About</a></li>
<li><a href="docs/portfolio_resume.pdf" target="_blank">Resume (PDF)</a></li>
</ul>
</nav>
</div>
</div>
<div class="spacer">
 ,
</div>
<div class="banner" id="opensap">
<h1>OpenSAP Research</h1>
<h2>Learning Management System Usability</h2>
<img src="imgs/opensap.png" alt="OpenSAP logo">
</div>
</header>
<div class="content">
<main id="main">
<div class="project-section">
<h2>Overview</h2>
<p><strong>Problem: </strong>OpenSAP, owner of an online learning platform, was looking for a way to increase student engagement, reduce the workload for moderation staff, and resolve usability issues.</p>
<p><strong>Solution: </strong>As part of an academic project, a team of my classmates and I worked with OpenSAP to complete usability research related to their goals. We conducted interviews, a competitive evaluation, a survey, a heuristic evaluation, and usability tests to determine potential solutions. Some of our recommendations to OpenSAP were to introduce a tiered pricing system with course moderation as a premium feature, redesign the platform's navigation structure, and strengthen their brand in comparison to competitors.</p>
<p><strong>Duration: </strong>Four months</p>
<p><strong>Role: </strong>Researcher on a team of four</p>
</div>
<div class="project-section">
<h2>Gathering Requirements</h2>
<h3>Determining goals and challenges</h3>
<p>During our first meeting with OpenSAP, we conducted a stakeholder interview to determine their goals for research. During this conversation, we learned that their goals included the following:
<ul>
<li><strong>Increase engagement</strong> for students using the platform,</li>
<li><strong>Decrease workload</strong> for already stretched-thin moderation staff,</li>
<li>Uncover <strong>usability issues</strong> within the system and determine a course of action.</li>
</ul>
<p>To better understand moderators' workload and OpenSAP-specific challenges, my team conducted four hour-long <strong>semi-structured interviews</strong> with online course moderators. From these interviews, we learned that OpenSAP employees moderate courses as a side job in addition to their full-time responsibilities. Moderators struggle to devote as much time as they would like to providing personalized feedback, despite this being one of the most fulfilling parts of the job.</p>
</div>
<div class="project-section">
<h2>Competitive Evaluation</h2>
<h3>How are others resolving the same problems?</h3>
<p>Once we had learned more about the moderation process and associated pain points, my team completed a competitive evaluation. We compared OpenSAP’s platform to other popular systems, such as LinkedIn Learning, Coursera, Udemy, and design bootcamps to gauge the type of content offered, the target audience, cost, and level of moderation.</p>
<p>Analysis of competitors led us to the following findings:</p>
<ul>
<li>Most learning platforms cater to a <strong>defined target audience</strong>, as indicated by clear marketing messages,</li>
<li>When it is offered, <strong>expert moderation usually comes with a hefty price tag.</strong></li>
</ul>
<img src="imgs/comp_analysis.jpg" alt="competitive analysis">
<p>Based on our analysis of competitors, we provided some <strong>initial recommendations</strong> to OpenSAP:</p>
<ul>
<li>Consider <strong>narrowing their target audience,</strong></li>
<li><strong>Strengthen their brand</strong> to be more competitive.</li>
</ul>
<p>OpenSAP had such a broad target audience (global learners) that marketing messages lacked direction in comparison to competitors. Additionally, the copy that users see when logging into the platform did not emphasize that all courses were moderated, which was one of the major differentiators for the platform. Most importantly, we found that competitors charge money for the level of moderation that OpenSAP provides for free. Collecting a fee for this service would provide more resources to pay moderators and allow them to focus on students who are engaged enough to pay for the service.</p>
</div>
<div class="project-section">
<h2>Survey</h2>
<h3>What are users looking for?</h3>
<p>Related to our client’s goal of increasing user engagement, my team designed a survey to determine the types of content and level of moderator engagement that learners prefer when taking an online class. Our participant pool included 28 individuals who had participated in an online learning experience within the past two years.</p>
<p><strong>Survey results:</strong></p>
<ul>
<li><strong>Video content</strong> is seen as the most beneficial feature within online learning platforms,</li>
<li>Of the features that involved moderators, the ability to <strong>chat with the course instructor</strong> about questions was seen as the most beneficial to learning,</li>
<li>Course moderation is beneficial to learning outcomes, but <strong>online learners do not expect expert moderation in free courses.</strong></li>
</ul>
<img src="imgs/features.png" class="small_on_desktop" alt="graph of perceived beneficial online learning features">
<p><strong>Mid-point recommendations:</strong></p>
<ul>
<li><strong>Shift resources</strong> toward developing high-quality video content and allocate moderator resources toward implementing chat with instructor features,</li>
<li>Implement a <strong>tiered pricing structure</strong> within the OpenSAP platform that provides expert moderator feedback as a premium feature.</li>
</ul>
</div>
<div class="project-section">
<h2>Heuristic Evaluation and Usability Study</h2>
<h3>Troubleshooting usability issues</h3>
<p>Using Nielsen’s “10 Heuristics” article as a guideline, we conducted a heuristic evaluation of the platform, examining issues such as help documentation, navigation, and more. The most pressing usability issues we found were related to navigation, and we structured the tasks for our usability test based on this finding.</p>
<figure>
<img src="imgs/heuristics.jpg" class="small_on_desktop" alt="heuristic evaluation table">
<figcaption>Scale=5</figcaption>
</figure>
<br><br>
<p>Finally, we conducted usability tests with 5 individuals who met the same criteria as our survey group. We analyzed these usability tests for variables such as time on task and number of mistakes.</p>
<p><strong>Findings:</strong></p>
<ul>
<li>Online courses require <strong>unique structures and layouts</strong> to guide students through the course,</li>
<li><strong>Tutorials</strong> can help students feel supported as they begin a course and could lead to increased engagement.</li>
</ul>
<p><strong>Final recommendations:</strong></p>
<ul>
<li>Redesign the layout of the course, especially <strong>navigation,</strong></li>
<li>Include tools for new students to orient them to the course.</li>
</ul>
</div>
<div class="project-section">
<h2>Good UX doesn't happen in a vacuum</h2>
<h3>What I learned</h3>
<p>My team originally expected to help OpenSAP reach their goals by providing recommendations for the platform's interface and workflow. Though some of our final recommendations were focused on these things, we discovered that OpenSAP's goals would most likely be reached through rebranding and adjustments to their pricing strategy.</p>
<p> My team found that we were wearing multiple hats throughout this process to give strategic suggestions in addition to our design-related ones. It was helpful that my team's backgrounds varied from marketing to product management, and the need for this expertise during our research emphasized the importance of interdepartmental collaboration within a business context.</p>
</div>
</main>
</div>
<footer>
<nav class="bottom-nav">
<ul>
<li><a href="fares.html">PROS Internship</a></li>
<li><a href="careconnect_prototype.html">CareConnect Prototype</a></li>
<li><a href="opensap.html" class="current">OpenSAP Research</a></li>
<li><a href="ascend.html">Ascend UX</a></li>
</ul>
</nav><br />
<br />
<div class="icons">
<a href="mailto:[email protected]" aria-label="Email to [email protected]" class="email-icon">
<i aria-hidden="true" class="fa fa-envelope"></i>
</a>
<a href="https://www.linkedin.com/in/amanda-bassett-62b06887" aria-label="LinkedIn" target="_blank" class="linkedin">
<i aria-hidden="true" class="fab fa-linkedin-in"></i>
</a>
</div>
<span class="copyright">
©, Amanda Bassett 2019
</span>
</footer>
<script src="javascript/my_javascript.js"></script>
</body>
</html>