Carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE TOPICS FOR DISCUSSION o What is course design o Course

carleton.ca/edcEDUCATIONAL DEVELOPMENT CENTRE

EDUCATIONAL DEVELOPMENT CENTRE



TOPICS FOR DISCUSSIONo What is course designo Course design and format exampleso Course branding and consistencyo Chunking and simplifying contento Finding, editing and using images to enhance your

courseo Design with mobile users in mind




A good workflow is easy to explain and communicate to others. The best workflows are those which require no explanation.


WHAT IS GOOD COURSE DESIGN?o Functionalo Intuitiveo Reliableo Accessibleo Enjoyableo Engagingo Collaborativeo Flexible

o Organizationo Socialo Colouro Consistency o Brandingo Imageso Graphicso Responsive


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?


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?


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?




“I love my LMS and it makes it easy for me to learn”.

Said by almost no one.


COURSE DESIGNo 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?


LAYOUTo 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




MOODLE/CULEARN COURSE DESIGNTopics

• Self contained space to add content and context

Content• Resources and activities (content=food)

Context• Labels and topic descriptions (context =menu)





COURSESo Example Course 3: ELEC https://culearn.carleton.ca/moodle/course/view.php?id=12734

o LAWS4904A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=59933

o ESLA1900A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=59016

o ENGL4115R5900R WGST4812B 5901C https://culearn.carleton.ca/moodle/course/view.php?id=55641

o BOTL https://culearn.carleton.ca/moodle/course/view.php?id=51226

o PADM6114F Fall 2015 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

o PSYC1001 https://culearn.carleton.ca/moodle/course/view.php?id=51227

o COMM1101A Fall 2015 https://culearn.carleton.ca/moodle/course/view.php?id=56312

o PSYC2400R Winter 2016 https://culearn.carleton.ca/moodle/course/view.php?id=65350

o BUSI1001 https://culearn.carleton.ca/moodle/course/view.php?id=52099




























COURSE FORMATSo Grido Collapsed Topicso Tab Topicso Social (Blog Style) o Weeklyo Highlighted Week


BLOCKS (ALMOST HALF THE PAGE)o Important Informationo Resourceso Dateso Twittero Instructor/TA contacto Custom Menus




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.


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


WHERE TO STARTo 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?


IMAGESo Know that an image's effectiveness lies in

its ability to communicate a message simply.o Drag and Dropo Googleo Royalty Free and Public Domaino imagesource.com/royalty-free o wikipedia.org/wiki/Wikipedia:Public_domain_image_resourceso pixabay.como publicdomainpictures.neto freeimages.co.uko Creative Commons search.creativecommons.org

http://www.imagesource.com/royalty-free



https://pixabay.com/



http://www.publicdomainpictures.net/

http://www.freeimages.co.uk/

https://search.creativecommons.org/


FREE IMAGES (COPYRIGHT AND $)

https://www.shopify.com/blog/17156388-22-awesome-websites-with-stunning-free-stock-images


IMAGE EDITING

o pixlr.com/editor or freeonlinephotoeditor.com o Don’t scale up, Do scale down, use correct sizeo png or jpg

https://pixlr.com/editor/



http://www.freeonlinephotoeditor.com/


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

http://bestonlinehtmleditor.com/


COLOUR – HIGH CONTRAST

o color.adobe.com

https://color.adobe.com/


MOBILE IN MINDo 1.5 million hits per month

• 80% desktop• 15% mobile• 5% tablet

o Open 24/7o Course away from course


DON’T DO ITo 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 blockso Flood your course page with graphicso Use too many different colours or fontso Overdo content and activity nameso Be afraid of white spaceo Forget to have fun with it


EDUCATIONAL DEVELOPMENT CENTRE TAKE AWAYSCLARITY IS KEY,

BRAND YOUR COURSE (STYLE GUIDE),

ADD SOME COLOUR, ADD SOME IMAGES,

CREATE A LEARNING PATHWAY, IMPROVE FLEXIBILITY


carleton.ca/edc


carleton.ca/edc/events/

Documents

Carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE. carleton.ca/edc EDUCATIONAL DEVELOPMENT CENTRE TOPICS FOR DISCUSSION o What is course design o Course