Post on 13-Oct-2020
hi!
of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMSUsability Study
Koran MunafoUH Manoa LTEC MEd Program
Koran Munafo
Wow!
I wonder how my audience is doing...
The Experience
Lesson 9
Multimedia Instruction
Google Docs assignments
Laulima assessments
Hey Team!
Let’s meet up in hangouts and work on our group project.
Wow!
I wonder if the coqui frogs are loud in the background...
The Design
HawCC IS-101
F2F course
Existing UH services
Combined into eLearning design
User perceptionEfficiency
Ease of use
customization
Modular Design
New Content
New Content
Easily Replicated
Custom graphic navigationonly
Disabled Native navigation and page titles
Administration Course Google Site
Design Creation Process
Backwards Design
Rapid Prototyping
CASA
Mobile Design
Principles
Intuitive Design
Principles
CRAP!
HawCC IS-101
F2F course
Backwards Design
Rapid Prototyping
OLD SCHOOL
Paper wireframes
Mobile Design
Intuitive Design
Hm, I wonder what I should do?
Oh, I was right!
Design Aesthetics
ContrastRepetitionAlignmentProximity
custom graphics
native text
white space & color
matching typeface
Material icons
Custom Graphics
v8.4
The Tools
Wow!
Framework to Support Learning
Digital literacy
Tech set up
Syllabus walkthrough
Real time cloud population
Google Apps learning success!
Scaffolding
Sequencing
Multimedia Learning Objects
Skip Downing
Administration Organization
Sharing
Wow!
Usability Testing
HawCC IS-101
F2F course
Existing UH services
Combined into eLearning design
User perceptionEfficiency
Ease of useResearch Questions ?
Testing
Receive a gift card for your time...
Participant Profile
At which school are you enrolled as a student?
How many online courses have you taken in Laulima?
Do you access course material with a mobile device?
9
How would you rate your tech level?
How would you rate your ability to use Laulima?
How would you rate your ability to use Google apps
3.2
1
5
3.3
2.8
Participant Tech Profile
I wonder what this does...
Can you tell me what you’re thinking?
user perception efficiency ease of use
Protocol
Thanks SO MUCH for your time!
That was interesting...
Serious Error
Serious Error
Critical Error
Critical Error
Serious Error
Serious Error
id and nav to G+ page error
excessive text homepage
native nav within lessons confusing
included Laulima services excessive
resources not ideally located
included Google services unclear
user perception
overall design
language/concepts
simplified/intuitive
efficiency
task completion
ease of use
navigation
accessing resources/
multimedia content
1
Critical Error
Serious Error
experienced by 1 user per round
experienced by 2 users per round
experienced by all users per round
Minor Error
Round 1 Usability Errors
Prototype Revision 1
Too much!
Google Services
Too many!
?
user perception
overall design
language/concepts
simplified/intuitive
efficiency
task completion
ease of use
navigation
accessing resources/
multimedia content
2
Critical Error
Minor Error
Critical Errorid and nav to G+ page error
included Google services not clear
native nav within lessons confusing
Minor Errorresources not ideally located
Critical Error
Serious Error
experienced by 1 user per round
experienced by 2 users per round
experienced by all users per round
Minor Error
Round 2 Usability Errors
Prototype Revision 2
Critical Error
Serious Error
experienced by 1 user per round
experienced by 2 users per round
experienced by all users per round
user perception
overall design
language/concepts
simplified/intuitive
efficiency
task completion
ease of use
navigation
accessing resources/
multimedia content
Minor Error
3
Critical Error
Minor Error
Serious Error
nav only to G+ page error
native nav within lessons confusing
homepage video display overlapping issues on ipad
Minor Errorexcluded cultural based resources
Round 3 Usability Errors
In the future perhaps other web servers could utilize this [design] and help students use a more functional approach to not only Laulima but also the UH system.
The design was very easy [to] follow and was consistent in various tabs … [this] is very helpful when working in an online course.
The accessibility
was awesome!
It's just right there and you just click it. Straightforward and clear.
Easy to use. Easier than Laulima itself.
Not going to take a rocket scientist to figure it out.
user perceptionThe home page is clear and serves as an orientation to the course. 4.25
4.54.6
efficiencyIt was easy to complete the tasks given during the study. 4
5 5
ease of useThe course site is easy to use. 4.5 4.5 4.6
User perceptionEfficiency
Ease of use!
Round 1 Round 2 Round 3
Post Survey Average User Ratings
Wow!
Reflecting
Koran Munafo
I hope this design positively impacts student success and elearning!
Wow!
Wrap it Up!
User perceptionEfficiency
Ease of useUsability Issues !
Overall Usability Errors Overall Post Survey User Ratings
Major Revisions
simplified homepage
tools & resources
features video
graphic links
Aloha!
References
Kwanjai, D., (2014). The Design of Web-based Learning Model Using Collaborative Learning Techniques and a Scaffolding System to Enhance Learners’ Competency in Higher Education. Procedia - Social and Behavioral Sciences, Volume 116, 21. Pages 436-441, Retrieved from http://www.sciencedirect.com/science/article/pii/S1877042814002377
Menchaca, M.P. (2014). Mi CASA Es Su Casa E-Learning: A Simplified Approach to Designing Online Learning [White paper]. Retrieved May 1, 2015, from University of Hawaii at Manoa https://dcdc.coe.hawaii.edu/ltec/612/wp-content/uploads/2014/05/menchaca_casa.pdf
Spool, Jared M. (2005). What Makes a Design Seem 'Intuitive'?. User Interface Engineering. Retrieved from https://www.uie.com/articles/design_intuitive/
Williams, Robin. (2008). The Non-Designer’s Design Book Third Edition. Peachpit Press. Berkeley, California
Zhuhadar, L., Yang, R., Lytras, M. D., (2013). The impact of Social Multimedia Systems on cyberlearners, Computers in Human Behavior, Volume 29, Issue 2. Pages 378-385, ISSN 0747-5632, http://dx.doi.org/10.1016/j.chb.2012.09.009.