際際滷

際際滷Share a Scribd company logo
CASEWORX
I M M E R S I V E L E A R N I N G
UXD IZABELA KELLY
TEAM: ALICE KANG IZABELA KELLY SUSAN MADDUX
CASEWORX
Caseworx brings scenario learning to the digital
platform in an immersive, interactive, video-
based environment.
PROJECT
Design an instructors dashboard for the
Caseworx web platform focusing on assessing
features and functionality.
process
UX
1. learn
2. build
3. test
learn1.
LEARN
BUILD
TEST
BRAND ANALYSIS
LEARN
BUILD
TEST
We dont want to be
a Blackboard a necessary evil that Users
avoid at all costs.
Wed rather be a Pinterest
a platform that encourages Users to do amazing
things on a platform that encourages the next
generation of scenario and experiential learning.
C&C ANALYSIS
LEARN
BUILD
TEST
LEARN
BUILD
TEST
Schoology - dashboard has an over abundance of information and poorly laid out features.
LEARN
BUILD
TEST
Teacher kit - dashboard makes it easy to take attendance and manage course materials.
It allows the user to customize features.
LEARN
BUILD
TEST
Pinterest has a very intuitive way of 鍖ltering information and organizing folders.
LEARN
BUILD
TEST
Trello has a simple design. It delivers intuitive navigation and allows the user to drag
and drop elements into di鍖erent sections. It allows the user to customize features.
USER INTERVIEWS
LEARN
BUILD
TEST
USER INTERVIEWS
LEARN
BUILD
TEST
User interviews showed that many instructors using dashboards either love or
hate them.
USER CHALLENGES
LEARN
BUILD
TEST
LEARN
BUILD
TEST
Dashboards are very complex, complicated and hard to
use.
LEARN
BUILD
TEST
Dashboards are very complex, complicated and hard to
use.
Dashboards are not integrated with external
applications so instructors need to input a lot of data
by hand.
LEARN
BUILD
TEST
Dashboards are very complex, complicated and hard to
use.
Dashboards are not integrated with external
applications so instructors need to input a lot of data
by hand.
Dashboards lack an integrated communication feature.
LEARN
BUILD
TEST
Dashboards should focus on mvp and user centered
designs, because existing ones look like engineers
designed it.
USER NEEDS
LEARN
BUILD
TEST
LEARN
BUILD
TEST
I want everything in one dashboard.
LEARN
BUILD
TEST
I want everything in one dashboard.
I would like a central communication hub.
LEARN
BUILD
TEST
I want everything in one dashboard.
I would like a central communication hub.
I want to be able to see the visual infographic of the
entire class and individual progress.
LEARN
BUILD
TEST
I want everything in one dashboard.
I would like a central communication hub.
I want to be able to see the visual infographic of the
entire class and individual progress.
I would like the ability to customize the dashboards
features.
LEARN
BUILD
TEST
MEET THE PERSONAS
LEARN
BUILD
TEST
EZRA
LEARN
BUILD
TEST
EZRA JAMES
LEARN
BUILD
TEST
EZRA
Education
Berklee College of Music, Music
Production and Engineering (M.A.)
Music Engineering Instructor / 35 / Married /
Los Angeles
Academic Employment
UCLA Music Department, Instructor
SAE Institute Los Angeles, Instructor
Dashboard
Deprived
LEARN
BUILD
TEST
Life is like a symphony. I
want to hear every note.
LEARN
BUILD
TEST
Goals
LEARN
BUILD
TEST
GoalsKeep track of all information for the class.
LEARN
BUILD
TEST
GoalsKeep track of all information for the class.
Be able to track student progress.
LEARN
BUILD
TEST
GoalsKeep track of all information for the class.
Be able to track student progress.
Be able to message with students.
LEARN
BUILD
TEST
Pain Points
LEARN
BUILD
TEST
Pain Points
Keeping track of materials and coursework
is a nightmare.
LEARN
BUILD
TEST
Pain Points
Keeping track of materials and coursework
is a nightmare.
Unable to evaluate or access student
projects in real time.
LEARN
BUILD
TEST
JAMES
Education
Existential Phenomenology
Psychology (Masters)
Professor of History / 44 / Single /
Los Angeles
Academic Employment
Psychology Instructor
History Instructor
Dashboard
Enthusiast
 LEARN
BUILD
TEST
Theres beauty in simplicity.
LEARN
BUILD
TEST
Goals
LEARN
BUILD
TEST
GoalsBe able to see where students struggle in order
to help them grow.
LEARN
BUILD
TEST
GoalsBe able to see where students struggle in order
to help them grow.
Be able to keep everything in one dashboard.
LEARN
BUILD
TEST
GoalsBe able to see where students struggle in order
to help them grow.
Be able to keep everything in one dashboard.
Be able to customize the dashboards features.
LEARN
BUILD
TEST
Pain Points
LEARN
BUILD
TEST
There are a lot of documents to manage and
keep track of.
Pain Points
LEARN
BUILD
TEST
There are a lot of documents to manage and
keep track of the class.
No one program works very well for his needs.
Pain Points
LEARN
BUILD
TEST
There are a lot of documents to manage and
keep track of the class.
No one program works very well for his needs.
The school he works for uses an outdated
educational portal and is slow to change.
Pain Points
build2.
DESIGN STUDIO
LEARN
BUILD
TEST
LEARN
BUILD
TEST
We ran a Design Studio to explore di鍖erent ways
of designing the landing page and navigation.
LEARN
BUILD
TEST
SKETCHING
LEARN
BUILD
TEST
LEARN
BUILD
TEST
SKETCHES
LEARN
BUILD
TEST
READY FOR TESTING
LEARN
BUILD
TEST
test3.
LEARN
BUILD
TEST
USER SCENARIO
Today James is teaching Language Arts Part 1. He
checked attendance for the class. Lena Cheng
arrived late so he needs to note it. Next he wants to
check Lenas attendance record to see how she is
doing.
LEARN
BUILD
TEST
USER TESTING
THE PAPER PROTOTYPE
LEARN
BUILD
TEST
The landing page
went through
a number of iterations
as we tested
our user 鍖ow.
LEARN
BUILD
TEST
The 鍖rst design
of the landing
page had a lot
of desirable
features.

User testing
showed the
design to be
overly
complicated.
LEARN
BUILD
TEST
We simpli鍖ed it
and added
customization.
LEARN
BUILD
TEST
The classes section
also went through
a number of iterations
and tests.
LEARN
BUILD
TEST
For the Classes section, we tested two con鍖gurations:
one that opens sections on one page.
LEARN
BUILD
TEST
Another with a sticky-notes layout
that uses a popover window.
LEARN
BUILD
TEST
We found that the popover page
made more sense to our users.
LEARN
BUILD
TEST
We tested and
revised our
sketches until
we were
satis鍖ed with
the design,
then moved
onto the next
step - creating
a high 鍖delity
prototype.
USER TESTING
THE HIGH FIDELITY PROTOTYPE
LEARN
BUILD
TEST
LEARN
BUILD
TEST
After testing the
prototype, we
revised some of
the verbiage and
navigation.
prototype
IzabelaKelly_Caseworx_UX
IzabelaKelly_Caseworx_UX
POPOVER
PAGES
prototype
features
classes
USER SCENARIO
Esra was assigned to teach a new class,
Music Producing. He goes to the dashboard
to create a board for the new class.
ARCHIVE A CLASS
He selects a completed class and archives it.
DELETE A CLASS
If he created the class by mistake he can delete it
and a con鍖rmation screen shows up.
CREATE A CLASS
He clicks on the ADD CLASS.
He can add the name, customize the color, add and
order tabs.
He can drag the new class to the top of the list.
ATTENDANCE
When he clicks on the attendance tab a popover
opens. He can upload the student list, check the
attendance and see the individual student's
attendance record at a glance.
CLASS MATERIALS
When he clicks on the class materials tab a popover
opens. He can drag in the 鍖les he wants to use and
send them to the whole class or individual student.
He can also message student.
STUDENT REPORTS
When he clicks on the student report tab a popover
opens. He can download students work.
PROGRESS REPORT
When he clicks on the progress report tab a popover
opens. He can see data for the whole class or
individual students.
NEXT STEPS
Build out remaining features
Develop the messaging tool
Create SLE catalog
BY IZABELA KELLY
IZABELA KELLY
izakellyx@gmail.com
Thank You

More Related Content

Viewers also liked (8)

Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Aaron Hursman
WSO2Con EU 2016: Building Awesome Personal Dashboards with WSO2 Dashboard Se...
WSO2Con EU 2016: Building Awesome Personal Dashboards  with WSO2 Dashboard Se...WSO2Con EU 2016: Building Awesome Personal Dashboards  with WSO2 Dashboard Se...
WSO2Con EU 2016: Building Awesome Personal Dashboards with WSO2 Dashboard Se...
WSO2
2013 gemba overview - maximising output minimising waste through OEE
2013 gemba overview - maximising output minimising waste through OEE2013 gemba overview - maximising output minimising waste through OEE
2013 gemba overview - maximising output minimising waste through OEE
Simon Castleman
Dashboard Design / IxDA
Dashboard Design / IxDADashboard Design / IxDA
Dashboard Design / IxDA
Aino Tuominen
Tableau Dashboard Design Best Practices
Tableau Dashboard Design Best Practices Tableau Dashboard Design Best Practices
Tableau Dashboard Design Best Practices
Senturus
BI Dashboard Formula Methodology: How to make your first big data visualizati...
BI Dashboard Formula Methodology: How to make your first big data visualizati...BI Dashboard Formula Methodology: How to make your first big data visualizati...
BI Dashboard Formula Methodology: How to make your first big data visualizati...
BI Brainz
Lessons from dashboard design
Lessons from dashboard designLessons from dashboard design
Lessons from dashboard design
selwynjacob90
Designing Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise Applications
Design for Context
Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Effective Dashboard Design: Why Your Baby Is Ugly (Big Design Conference 2010)
Aaron Hursman
WSO2Con EU 2016: Building Awesome Personal Dashboards with WSO2 Dashboard Se...
WSO2Con EU 2016: Building Awesome Personal Dashboards  with WSO2 Dashboard Se...WSO2Con EU 2016: Building Awesome Personal Dashboards  with WSO2 Dashboard Se...
WSO2Con EU 2016: Building Awesome Personal Dashboards with WSO2 Dashboard Se...
WSO2
2013 gemba overview - maximising output minimising waste through OEE
2013 gemba overview - maximising output minimising waste through OEE2013 gemba overview - maximising output minimising waste through OEE
2013 gemba overview - maximising output minimising waste through OEE
Simon Castleman
Dashboard Design / IxDA
Dashboard Design / IxDADashboard Design / IxDA
Dashboard Design / IxDA
Aino Tuominen
Tableau Dashboard Design Best Practices
Tableau Dashboard Design Best Practices Tableau Dashboard Design Best Practices
Tableau Dashboard Design Best Practices
Senturus
BI Dashboard Formula Methodology: How to make your first big data visualizati...
BI Dashboard Formula Methodology: How to make your first big data visualizati...BI Dashboard Formula Methodology: How to make your first big data visualizati...
BI Dashboard Formula Methodology: How to make your first big data visualizati...
BI Brainz
Lessons from dashboard design
Lessons from dashboard designLessons from dashboard design
Lessons from dashboard design
selwynjacob90
Designing Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise ApplicationsDesigning Great Dashboards for SaaS and Enterprise Applications
Designing Great Dashboards for SaaS and Enterprise Applications
Design for Context

Similar to IzabelaKelly_Caseworx_UX (20)

Edtech.3
Edtech.3Edtech.3
Edtech.3
SFYC
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
Joyce Seitzinger
Instructional design and development
Instructional design and developmentInstructional design and development
Instructional design and development
lbutle10
Arjun Mahesh UX Portfolio
Arjun Mahesh UX PortfolioArjun Mahesh UX Portfolio
Arjun Mahesh UX Portfolio
Arjun Mahesh
Advanced blackboard skills
Advanced blackboard skillsAdvanced blackboard skills
Advanced blackboard skills
Christine Ward
The future called!
The future called!The future called!
The future called!
Heather Blanton
From Recommendations to Reality: Designing Effective Online Tutorials
From Recommendations to Reality: Designing Effective Online TutorialsFrom Recommendations to Reality: Designing Effective Online Tutorials
From Recommendations to Reality: Designing Effective Online Tutorials
Lindsey McLean
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
studiokandm
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
studiokandm
Blendspace Presentation
Blendspace PresentationBlendspace Presentation
Blendspace Presentation
heykatiemolloy
Butler
ButlerButler
Butler
guest023cff
Intro to UX Development Process
Intro to UX Development ProcessIntro to UX Development Process
Intro to UX Development Process
Media Mash UX, Inc. / UXPA of Los Angeles
S Wi S Hmax2
S Wi S Hmax2S Wi S Hmax2
S Wi S Hmax2
mraa2
Universal Design for Learning
Universal Design for LearningUniversal Design for Learning
Universal Design for Learning
techhockey4
4 C's Online - A comparison of Tools
4 C's Online - A comparison of Tools4 C's Online - A comparison of Tools
4 C's Online - A comparison of Tools
Gina Covington
072012 tc day03
072012 tc day03072012 tc day03
072012 tc day03
studiokandm
Teaching All Students, Reaching All Learners
Teaching All Students, Reaching All LearnersTeaching All Students, Reaching All Learners
Teaching All Students, Reaching All Learners
tracie
UDL
UDLUDL
UDL
tutumlum
Introducing Blackboard Learn
Introducing Blackboard LearnIntroducing Blackboard Learn
Introducing Blackboard Learn
holtonj
Wk5 projyalcineo
Wk5 projyalcineoWk5 projyalcineo
Wk5 projyalcineo
Ebru Yal巽脹n
Edtech.3
Edtech.3Edtech.3
Edtech.3
SFYC
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
DEANZ Conference - Learner Experience Design #lxdesign #deanz16 (Invited Spea...
Joyce Seitzinger
Instructional design and development
Instructional design and developmentInstructional design and development
Instructional design and development
lbutle10
Arjun Mahesh UX Portfolio
Arjun Mahesh UX PortfolioArjun Mahesh UX Portfolio
Arjun Mahesh UX Portfolio
Arjun Mahesh
Advanced blackboard skills
Advanced blackboard skillsAdvanced blackboard skills
Advanced blackboard skills
Christine Ward
From Recommendations to Reality: Designing Effective Online Tutorials
From Recommendations to Reality: Designing Effective Online TutorialsFrom Recommendations to Reality: Designing Effective Online Tutorials
From Recommendations to Reality: Designing Effective Online Tutorials
Lindsey McLean
NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2NYU Web Intensive - Week 3 Class 2
NYU Web Intensive - Week 3 Class 2
studiokandm
Website Usability | Day 3
Website Usability | Day 3Website Usability | Day 3
Website Usability | Day 3
studiokandm
Blendspace Presentation
Blendspace PresentationBlendspace Presentation
Blendspace Presentation
heykatiemolloy
S Wi S Hmax2
S Wi S Hmax2S Wi S Hmax2
S Wi S Hmax2
mraa2
Universal Design for Learning
Universal Design for LearningUniversal Design for Learning
Universal Design for Learning
techhockey4
4 C's Online - A comparison of Tools
4 C's Online - A comparison of Tools4 C's Online - A comparison of Tools
4 C's Online - A comparison of Tools
Gina Covington
072012 tc day03
072012 tc day03072012 tc day03
072012 tc day03
studiokandm
Teaching All Students, Reaching All Learners
Teaching All Students, Reaching All LearnersTeaching All Students, Reaching All Learners
Teaching All Students, Reaching All Learners
tracie
Introducing Blackboard Learn
Introducing Blackboard LearnIntroducing Blackboard Learn
Introducing Blackboard Learn
holtonj

IzabelaKelly_Caseworx_UX