carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE

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

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.

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

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?

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?

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?

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

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?

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

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)

carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE COURSES o Example Course 3: ELEC o LAWS4904A Fall o ESLA1900A Fall o ENGL4115R5900R WGST4812B 5901C o BOTL o PADM6114F Fall o PADM5714F Fall 2015 and PADM5715F Fall o PSYC o COMM1101A Fall o PSYC2400R Winter o BUSI

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

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

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.

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

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?

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

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

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

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

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

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

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

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

EDUCATIONAL DEVELOPMENT CENTRE carleton.ca/edc/events/