hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that...

94
hi! of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa LTEC MEd Program

Transcript of hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that...

Page 1: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

hi!

of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMSUsability Study

Koran MunafoUH Manoa LTEC MEd Program

Page 2: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Koran Munafo

Page 3: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 4: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 5: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 6: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wow!

Page 7: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

I wonder how my audience is doing...

Page 8: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

The Experience

Page 9: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 10: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 11: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 12: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 13: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 14: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 15: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 16: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 17: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 18: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 19: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 20: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 21: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 22: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 23: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 24: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 25: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 26: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 27: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 28: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Lesson 9

Page 29: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 30: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 31: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 32: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 33: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 34: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Multimedia Instruction

Page 35: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Google Docs assignments

Page 36: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Laulima assessments

Page 37: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 38: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 39: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 40: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 41: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 42: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Hey Team!

Let’s meet up in hangouts and work on our group project.

Page 43: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wow!

Page 44: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

I wonder if the coqui frogs are loud in the background...

Page 45: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

The Design

Page 46: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

HawCC IS-101

F2F course

Existing UH services

Combined into eLearning design

User perceptionEfficiency

Ease of use

Page 47: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

customization

Modular Design

Page 48: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

New Content

New Content

Easily Replicated

Page 49: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Custom graphic navigationonly

Disabled Native navigation and page titles

Page 50: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Administration Course Google Site

Page 51: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Design Creation Process

Backwards Design

Rapid Prototyping

CASA

Mobile Design

Principles

Intuitive Design

Principles

CRAP!

Page 52: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

HawCC IS-101

F2F course

Backwards Design

Page 53: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 54: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Rapid Prototyping

OLD SCHOOL

Paper wireframes

Page 55: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Mobile Design

Page 56: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Intuitive Design

Hm, I wonder what I should do?

Oh, I was right!

Page 57: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Design Aesthetics

ContrastRepetitionAlignmentProximity

custom graphics

native text

white space & color

matching typeface

Page 58: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Material icons

Custom Graphics

Page 59: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

v8.4

The Tools

Page 60: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wow!

Page 61: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Framework to Support Learning

Page 62: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Digital literacy

Page 63: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Tech set up

Syllabus walkthrough

Real time cloud population

Page 64: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Google Apps learning success!

Scaffolding

Page 65: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Sequencing

Page 66: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Multimedia Learning Objects

Skip Downing

Page 67: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Administration Organization

Sharing

Page 68: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wow!

Page 69: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Usability Testing

Page 70: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

HawCC IS-101

F2F course

Existing UH services

Combined into eLearning design

User perceptionEfficiency

Ease of useResearch Questions ?

Page 71: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Testing

Receive a gift card for your time...

Page 72: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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

Page 73: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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

Page 74: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

I wonder what this does...

Can you tell me what you’re thinking?

Page 75: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

user perception efficiency ease of use

Protocol

Page 76: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Thanks SO MUCH for your time!

That was interesting...

Page 77: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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

Page 78: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Prototype Revision 1

Too much!

Google Services

Too many!

?

Page 79: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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

Page 80: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Prototype Revision 2

Page 81: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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

Page 82: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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.

Page 83: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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

Page 84: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wow!

Page 85: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Reflecting

Page 86: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Koran Munafo

I hope this design positively impacts student success and elearning!

Page 87: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 88: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wow!

Page 89: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Wrap it Up!

Page 90: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

User perceptionEfficiency

Ease of useUsability Issues !

Overall Usability Errors Overall Post Survey User Ratings

Page 91: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Major Revisions

simplified homepage

tools & resources

features video

graphic links

Page 92: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa
Page 93: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

Aloha!

Page 94: hi! of a simplified eLearning design that integrates ......of a simplified eLearning design that integrates Google@UH Apps and the Laulima LMS Usability Study Koran Munafo UH Manoa

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.