Topics for Discussion What is course design Course design and format examples Course branding and consistency Chunking and simplifying content Finding editing and using images to enhance your course ID: 486275
Download Presentation The PPT/PDF document "EDUCATIONAL DEVELOPMENT CENTRE" is the property of its rightful owner. Permission is granted to download and print the materials on this web site for personal, non-commercial use only, and to display it on your personal computer provided you do not modify the materials and that you retain all copyright notices contained in the materials. By downloading content from our website, you accept the terms of this agreement.
Slide1
EDUCATIONAL DEVELOPMENT CENTRE
Slide2
Topics for Discussion
What is course designCourse design and format examplesCourse branding and consistency
Chunking and simplifying contentFinding, editing and using images to enhance your courseDesign with mobile users in mindSlide3
EDUCATIONAL DEVELOPMENT CENTRE
A good workflow is easy to explain and communicate to others.
The
best
workflows are those which require no
explanation.Slide4
What is Good Course Design?
FunctionalIntuitiveReliableAccessibleEnjoyableEngaging
CollaborativeFlexibleOrganizationSocialColourConsistency BrandingImagesGraphicsResponsive Slide5
User Experience
Recognition How
does the LMS help the user to instantly know what they are looking at, where they are, and what actions they can take think: theme, process, content?Access How does the user access the LMS think: mobile vs. desktop, continuity?Slide6
User Experience
Navigation How does the user get around the LMS
think: finding what they want, connections between tasks, easy and intuitiveness of getting around without getting lost, consistencyConsumption think: When, where, how and why users access and use content?Slide7
User Experience
Extraction think: How do users take the information in the LMS and
use it elsewhere – notes, presentations, printouts, etc.?Communicationthink: How does the user get notified, collaborate with others, provide and receive feedback? Reporting think: How does the user know how they are
doing
, their progress
?Slide8
EDUCATIONAL DEVELOPMENT CENTRE
“I
love my LMS and it makes it easy for me to
learn”.
Said
by almost
no
one.Slide9
Course Design
Is good web design something everyone knows how to do?What about instructional design?
Who’s job is it? Does cuLearn foster good design? Does design get in the way of learning?How do we improve the student experience? Slide10
Layout
cuLearn encourages linear learning paths.Layout defines hierarchy and relationships.OrganizationBy
Week, Topic, Type or Combo https://culearn.carleton.ca/moodle/course/view.php?id=38475 Slide11
Moodle/cuLearn course design
TopicsSelf contained space to add content and context
ContentResources and activities (content=food)ContextLabels and topic descriptions (context =menu)https://culearn.carleton.ca/moodle/course/view.php?id=38475 Slide12
Courses
Example Course 3: ELEC https://culearn.carleton.ca/moodle/course/view.php?id=
12734 LAWS4904A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=59933 ESLA1900A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=
59016
ENGL4115R5900R
WGST4812B
5901C
https://culearn.carleton.ca/moodle/course/view.php?id=
55641
BOTL
https://culearn.carleton.ca/moodle/course/view.php?id=
51226
PADM6114F
Fall
2015
https://culearn.carleton.ca/moodle/course/view.php?id=
60527
PADM5714F Fall
2015
and PADM5715F Fall
2015
https
://culearn.carleton.ca/moodle/course/view.php?id=
60520
https://
culearn.carleton.ca
/moodle/course/view.php?id=
60521
PSYC1001
https://culearn.carleton.ca/moodle/course/view.php?id=51227
COMM1101A Fall
2015
https://culearn.carleton.ca/moodle/course/view.php?id=
56312
PSYC2400R Winter
2016
https://culearn.carleton.ca/moodle/course/view.php?id=
65350
BUSI1001
https://culearn.carleton.ca/moodle/course/view.php?id=
52099
Slide13
Course Formats
GridCollapsed TopicsTab TopicsSocial (Blog Style) WeeklyHighlighted WeekSlide14
Blocks (Almost half the page)
Important InformationResourcesDatesTwitterInstructor/TA contactCustom MenusSlide15
EDUCATIONAL DEVELOPMENT CENTRE
We
need to think more about the cake and less about the icing on the top’ even though it is the icing that attracts you to the cake in the first place.Slide16
Simplifying content
Less is moreChunk content into Books or Lessons.Accessibility
Post in web friendly format (Pages).Manage the viewHide, show and highlight topics and content.Create custom menusSlide17
Where to start
How will you organize your content?What colours
will you use?What font and sizes will you use?What icons/images will you use?What other media (ex. Videos) will you use?Slide18
Images
Know that an image's effectiveness lies in its ability to communicate a message simply.
Drag and DropGoogleRoyalty Free and Public Domainimagesource.com/royalty-free wikipedia.org/wiki/Wikipedia:Public_domain_image_resourcespixabay.compublicdomainpictures.netfreeimages.co.ukCreative Commons search.creativecommons.org
Slide19
Free Images (Copyright and $)Slide20
Image editing
pixlr.com/editor
or freeonlinephotoeditor.com Don’t scale up, Do scale down, use correct sizepng or jpgSlide21
HTML is not does not have to be scary
http://bestonlinehtmleditor.com/
Use sans serif, avoid using all uppercase, don’t use more then 3 sizesSlide22
Colour – High contrast
color.adobe.com Slide23
Mobile in Mind1.5 million hits per month
80% desktop15% mobile5% tablet Open 24/7Course away from courseSlide24
Don’t Do it
Create a glorified file repository or “link farm”Make a super scrolling page or bury thing too deep
Clutter your course with too many blocksFlood your course page with graphicsUse too many different colours or fontsOverdo content and activity namesBe afraid of white spaceForget to have fun with itSlide25
Take
aways
Clarity is key, brand your course (style guide), ADd some
colour
,
Add some images,
Create a learning pathway
,
Improve Flexibility
EDUCATIONAL DEVELOPMENT CENTRE
carleton.ca
/
edcSlide26
carleton.ca
/
edc/events/