1. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE

2. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE TOPICS FOR DISCUSSION o What is course design o Course design and format examples o Course branding and consistency o Chunking and simplifying content o Finding, editing and using images to enhance your course o Design with mobile users in mind

3. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE A good workflow is easy to explain and communicate to others. The best workflows are those which require no explanation.

4. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE WHAT IS GOOD COURSE DESIGN? o Functional o Intuitive o Reliable o Accessible o Enjoyable o Engaging o Collaborative o Flexible o Organization o Social o Colour o Consistency o Branding o Images o Graphics o Responsive

5. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE 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?

6. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE 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, consistency Consumption think: When, where, how and why users access and use content?

7. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE USER EXPERIENCE Extraction think: How do users take the information in the LMS and use it elsewhere – notes, presentations, printouts, etc.? Communication think: 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?

8. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE “I love my LMS and it makes it easy for me to learn”. Said by almost no one.

9. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE COURSE DESIGN o Is good web design something everyone knows how to do? o What about instructional design? o Who’s job is it? o Does cuLearn foster good design? o Does design get in the way of learning? o How do we improve the student experience?

10. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE LAYOUT o cuLearn encourages linear learning paths. o Layout defines hierarchy and relationships. o Organization By Week, Topic, Type or Combo https://culearn.carleton.ca/moodle/course/view.php?id=38475

11. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE MOODLE/CULEARN COURSE DESIGN Topics Self contained space to add content and context Content Resources and activities (content=food) Context Labels and topic descriptions (context =menu) https://culearn.carleton.ca/moodle/course/view.php?id=38475

12. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE COURSES o Example Course 3: ELEC https://culearn.carleton.ca/moodle/course/view.php?id=12734 https://culearn.carleton.ca/moodle/course/view.php?id=12734 o LAWS4904A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=59933 https://culearn.carleton.ca/moodle/course/view.php?id=59933 o ESLA1900A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=59016 https://culearn.carleton.ca/moodle/course/view.php?id=59016 o ENGL4115R5900R WGST4812B 5901C https://culearn.carleton.ca/moodle/course/view.php?id=55641 https://culearn.carleton.ca/moodle/course/view.php?id=55641 o BOTL https://culearn.carleton.ca/moodle/course/view.php?id=51226 https://culearn.carleton.ca/moodle/course/view.php?id=51226 o PADM6114F Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=60527 https://culearn.carleton.ca/moodle/course/view.php?id=60527 o 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 https://culearn.carleton.ca/moodle/course/view.php?id=60520https://culearn.carleton.ca/moodle/course/view.php?id=60521 o PSYC1001 https://culearn.carleton.ca/moodle/course/view.php?id=51227 https://culearn.carleton.ca/moodle/course/view.php?id=51227 o COMM1101A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=56312 https://culearn.carleton.ca/moodle/course/view.php?id=56312 o PSYC2400R Winter 2016 https://culearn.carleton.ca/moodle/course/view.php?id=65350 https://culearn.carleton.ca/moodle/course/view.php?id=65350 o BUSI1001 https://culearn.carleton.ca/moodle/course/view.php?id=52099 https://culearn.carleton.ca/moodle/course/view.php?id=52099

13. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE COURSE FORMATS o Grid o Collapsed Topics o Tab Topics o Social (Blog Style) o Weekly o Highlighted Week

14. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE BLOCKS (ALMOST HALF THE PAGE) o Important Information o Resources o Dates o Twitter o Instructor/TA contact o Custom Menus

15. carleton.ca/edc 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.

16. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE SIMPLIFYING CONTENT o Less is more Chunk content into Books or Lessons. o Accessibility Post in web friendly format (Pages). o Manage the view Hide, show and highlight topics and content. o Create custom menus

17. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE WHERE TO START o How will you organize your content? o What colours will you use? o What font and sizes will you use? o What icons/images will you use? o What other media (ex. Videos) will you use?

18. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE IMAGES o Know that an image's effectiveness lies in its ability to communicate a message simply. o Drag and Drop o Google o Royalty Free and Public Domain o imagesource.com/royalty-free imagesource.com/royalty-free o wikipedia.org/wiki/Wikipedia:Public_domain_image_resources wikipedia.org/wiki/Wikipedia:Public_domain_image_resources o pixabay.com pixabay.com o publicdomainpictures.net publicdomainpictures.net o freeimages.co.uk freeimages.co.uk o Creative Commons search.creativecommons.orgsearch.creativecommons.org

19. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE FREE IMAGES (COPYRIGHT AND $)

20. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE IMAGE EDITING o pixlr.com/editor or freeonlinephotoeditor.com pixlr.com/editorfreeonlinephotoeditor.com o Don’t scale up, Do scale down, use correct size o png or jpg

21. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE HTML IS NOT DOES NOT HAVE TO BE SCARY o http://bestonlinehtmleditor.com/ Use sans serif, avoid using all uppercase, don’t use more then 3 sizes

22. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE COLOUR – HIGH CONTRAST o color.adobe.com color.adobe.com

23. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE MOBILE IN MIND o 1.5 million hits per month 80% desktop 15% mobile 5% tablet o Open 24/7 o Course away from course

24. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE DON’T DO IT o Create a glorified file repository or “link farm” o Make a super scrolling page or bury thing too deep o Clutter your course with too many blocks o Flood your course page with graphics o Use too many different colours or fonts o Overdo content and activity names o Be afraid of white space o Forget to have fun with it

25. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE 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/edc

26. EDUCATIONAL DEVELOPMENT CENTRE carleton.ca/edc/events/