Creating Content for

Online in No Time

Cynthia Sistek-Chandler, Ed D

National University,

Educational Instructional Technology Program

San Diego CUE President

IT AT SInstructional Design

Theory: Connecting the Digital Dots

Audience and Purpose

Tips on Designing /Templates/Tools

Sites/Demonstration

Creating Content for Online

Pros Cons

Getting Started Audience Purpose Goals and Objectives Present Step-by-Step Declarative Knowledge Exploration WebQuest

Subject Matter Experts

Krug, S. (2006). Don’t Make Me Thin: A Common Sense Approach to Web Usability

Nielson, J. & Tahr, A. (2002). Homepage Usability

Williams & Tollett (2008). The Non-Designer’s Web Book

What They Say…“What’s the most important thing I should do

if I want to make sure that my website is easy to use?”

a) Nothing should be more than two clicks away

b) Speak the user’s languagec) Be consistent d) Don’t make me think

Are you a minimalist?

Lot’s of effective negative space

Grid based web designs Clear, big typography Lightly textured

backgrounds and patterns

Subtle,minimal icons Light shading and

color transition, letterpress effect

Ribbons, sketches, dashed lines,ruler, transparent like backgrounds

Keypress navigation Clear shapes Animated mouseover

effects Colors –  usually

monochrome with just one bright color to give little emphasis on links and titles.

CRAPContrastRepetitionAlignmentProximityThe well-balanced combination of these

principles tends to create design which most people would consider visually pleasing.

Design Online in No Time

Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text Text, text, text, text, text, text, text text

Text, text, text, text, text, text, text text

Text, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, text textText, text, text, text, text, text, textText, text, text, text, text, text, text

textText, text, text, text, text, text, text

text

http://art.yale.edu/

TaxonomyBloom’s

RememberingUnderstandingApplyingAnalyzingEvaluatingCreating

Maslow’s HierarchyCreatingEvaluatingAnalyzingApplyingUnderstandingRemembering

Visual Blooms http://visualblooms.wikispaces.com/

A storyboard is a visual sketch of how to

navigate through the content

Template Driven Web Site Design Programs

Google Sites www.google.com Wix http://www.wix.com/ Weebly www.weebly.com Moodle www.moodle.org Sakai www.sakai.com Haiku www.haiku.com

AssetsAudio

www.voicethread.net http://vocaroo.com/ Podcasts Broadcasts http://www.justin.tv/h

ome

GraphicsPhoto BoothWeb cam softwarewww.pics4learning.com

Google SitesSite Builder

Getting Started Site Builder Help Templates for School

s

Connections Additional Features Using AdSense with G

oogle Sites

Using Analytics with Google Sites

Using Google Sites with Google Apps

Using Gadgets with Google Sites

Using Google Webmaster Tools with Google Sites

Troubleshooting

What can I do with Weebly?

Create a free website & blog Easy drag and drop interface No technical skills required Dozens of professional designs Free domain hosting http://nationaluniversityedtech.weebly.com/

Why Wix?Domain Name and Published

Demonstration on eCoach

www.my-eCoach.com

Moodle Do Free Hosting on Calaxy www.k12hsn.org Upload and download Embedding video Discussion Forums Flashcards

References Creating Online Courses- Coastline

Community College http://cvc3.coastline.edu/Telelearning2001W

eb/DesignProcess.htm

Web Sites Presented:Google Siteshttps://sites.google.com/site/edtechnu/

Weeblyhttp://nationaluniversityedtech.weebly.com/

Wixwww.wix.com/cynthiaedtech/EdTechNationalUniversity

My eCoachhttp://my-ecoach.com/project.php?id=13354

Moodlehttp://somconline.com/LMS/

Haikuhttps://demoschool.myhaikuclass.com/u/cchandler/portal

WordPresswww.sdcue.org

Tools www.Voicethread.net http://vocaroo.com/