• Problems with ADDIE –
• Moving Your WordPress Site and Database « Weblog Tools Collection – here comes a time you may have to leave one web host for another. No matter the reason the idea of relocating an entire website – especially one that has been online for sometime – can seem very daunting. With a WordPress based site – I found it easi…
• You Are Not a Gadget: The Continuing Case Against Web 2.0 – Jaron Lanier was a pioneer of "virtual reality" in the early 1980s and in his book, You Are Not a Gadget: A Manifesto, he makes the case for …
• Horizontal Attention Leans Left (Jakob Nielsen’s Alertbox) – Web users spend 69% of their time viewing the left half of the page and 30% viewing the right half. A conventional layout is thus more likely to make sites profitable.
• Teach Science and Math – Estimates are about 80 percent of Math Education at the K-12 level is strictly focused on solving math problems without any real-world context (Computational Thinking and Math Maturity: Improving Math Education in K-8 Schools, Dave Moursund, 2007). S…
• Space Station Close Encounters With Space Junk: Project Based Learning Activity that Involves an Inquiry Approach – The space station's near misses with debris are a continual issue, which provides excellent resources for scientific project and problem based learning in science.
• The Periodic Table of Periodic Tables / – The web has hundreds of periodic tables and dozens of collections of periodic tables — but it never had a periodic table of periodic tables. Until now. Researched in profound and excruciating detail over the course of a couple nights on Google, we p…
• Fred Wilson’s 10 Golden Principles of Successful Web Apps | Carsonified – In February 2010 Fred Wilson, a New York based tech investor, spoke at the annual Future of Web Apps Miami conference. His talk, clocking in at just under
• Envisioning the Post-LMS Era: The Open Learning Network (EDUCAUSE Quarterly) | EDUCAUSE – Although central to the business of higher education, the LMS has also become a symbol of the status quo that supports administrative functions more effectively than teaching and learning activities.
• Write Better CSS With Best Practices | Pro Blog Design – Everyone has a slightly different approach to CSS. That's part of the reason it can be a nightmare to edit someone else's code. But there are a few good practices you can use in your CSS to make your stylesheets easier for you to read, and easier for…
• Techniques for Squeezing Images for All They’re Worth | Webdesigner Depot – An image’s dimensions on screen are measured in pixels: width and height. An image's quality is determined by less tangible factors: composition, mood,
• What Students Expect from Instructors, Other Students – Some years back The Teaching Professor featured an article highlighting Mano Singham’s wonderful piece describing how he moved away from a very authoritarian, rule-centered syllabus (reference below). It’s one of my very favorite articles—I reference…
• Starting Out Organized: Website Content Planning The Right Way – Smashing Magazine – So many articles explain how to design interfaces, design graphics and deal with clients. But one step in the Web development process is often skipped over or…
• Free Stuff – Educational Technology – ICT in Education – The Amazing Web 2.0 Projects Book lists over 100 projects with objectives, defined grade level or age range, links to additional information (including how-to's) about the project, and tips for teachers planning to use the project.

Here are some previous posts that you may be interested in:

1. Project Showcase April 22 at 6:00 pm in 301 Ball Hall

• Free and legal music downloads – Jamendo – Download and listen to over 20,000 albums, legally. Use BitTorrent or download directly to discover and share new artists. All content is Creative Commons or "Art Libre" licensed.
• Philip Hutchison Talks SCORM and E-Learning — Campus Technology – In this candid and eye-opening interview, Philip Hutchison, a household name in SCORM and the man behind Pipwerks, gives his thoughts about the current state of SCORM and e-learning in general, touching on subjects such as how he became one of the go…
• BBC News – The web: vital statistics – As part of the BBC's SuperPower season, exploring the power of the internet, BBC News explores how the web works.
• The Role of Disruptive Technology in the Future of Higher Education (EDUCAUSE Quarterly) | EDUCAUSE – # Truly disruptive tools will force new thinking and new approaches to ensuring student learning in higher education.
  # Technology enables online learning, which potentially qualifies as a disruptive innovation in education.
• Free HTML/CSS Template for Download – DesignM.ag – A few weeks ago we published a tutorial How to Design a Blue Marketing Company Layout in Photoshop. Our friends at SnobbySlice have taken that design, coded it, and made it available for free download. The template includes the homepage design that w…
• 55 Latest Examples of Perfect Slideshow Presentation in Web Design | Inspiration | instantShift – As you already seen in our previous posts about slideshow presentation designs that representing the key information in slideshow presentation is a hot trend , Daily Resource for Web Designers and Developers.
• Flickr: The Library of Congress’ Photostream – Images from the Library of Congress' photostream in Flickr.
• Two Ways To Remove A Color Cast From A Photo With Photoshop – Removing color casts in Photoshop. Easy techniques.
• Color Theory for Designer, Part 3: Creating Your Own Color Palettes – Smashing Magazine – In the previous two parts of this series on color theory, we talked mostly about the meanings behind colors and color terminology. While this information is
• UsabilityPost – Does Your Website Suffer From These 7 Usability Mistakes? – Tips and insights into good design and usability
• Project Cartoon: How Projects Really Work (version 1.5) – How Projects Really Work (version 1.5) How Projects Really Work (version 1.5)
• Malcontent Blogger | bLaugh – Source: ReviewMe Domain: MalcontentBlogger.com
  <img class="comic" title="Malcontent Blogger" alt="Malcontent Blogger" …
• The Whole Internet Truth | bLaugh – Source: Wikipedia Domain: WikisGoneWild.com
  <img class="comic" title="Where is the Secret of Life?" alt="Where is…
• Applying Mathematics To Web Design – Smashing Magazine – “Mathematics is beautiful.” This may sound absurd to people who wince at numbers and equations. But some of the most beautiful things in nature and our universe…
• Here’s How to Add Personality to Your E-Learning Courses » The Rapid eLearning Blog – Tom Kuhlmann offers up advice on how to integrate script fonts into your elearning courses for personality.

Here are some previous posts that you may be interested in:

1. The Perfect SCORM: Is there an impact to elearning or not?
2. Icons I love. Fur and feathers.
3. Sprout listens to the crowd, offering free accounts again

Text

When designing a course, the wording of the text is not the only thing you should consider. The font you choose can have a huge impact on your elearning course. In one of his blog posts, Tom Kuhlmann points out how the typeface you choose sets the tone or mood for a course. It is important to choose a typeface that matches the tone you want your course to have. For example, you wouldn’t use Comic Sans in a course for business professionals. You would probably be better off using something more traditional like Times New Roman.

While you are deciding on which typefaces are just right for your course, also keep Jennifer Farley’s advice in mind and don’t use more than two fonts per design. She recommends choosing two contrasting fonts such as using an elaborate or decorative font for your headings and contrast them with a sans-serif font for the main text.

Also consider the size of the font in your design. Depending on the age of your learners, a font size of 10 might be too small for them to read comfortably. On the other hand if the font is too large it could distract the learner and make the visual design less appealing.

Finally, if you are creating elearning that will be displayed directly in a browser you should only use web safe fonts. In an article about web safe fonts, Chet Garrison says that if you use an exotic font, only the limited users who have the font installed on their computer will actually see the design as you intended. The thirteen fonts that are considered to be web safe are: Georgia, Palatino Linotype, Times New Roman, Arial, Arial Black, Impact, Lucida Sans Unicode, Tahoma, Trebuchet MS, Verdana, Comic Sans MS, Courier New, and Lucida Console.

Images

When using images in your elearning course an important thing to remember is that you shouldn’t use images just for decoration. Although, like text, images can be used to set the tone of a course, they should also contribute to the content and learning.

In another blog post, Tom Kuhlman stresses the importance of using images that belong together. You shouldn’t mix photos and clipart or even different styles of photos and clipart within the same course. The images in your course should have a consistent look and feel.

You also need to consider the direction an image flows when you are deciding where to place an image in your course. You can use images to shift a learner’s focus as long as you place the image in the correct place. For example if you have an image of person pointing next to a body of text, make sure that the image is pointing towards the body of text. Chet Garrison has written a great blog post that goes into more details about this concept.

Audio

Just like images, don’t use audio in your course just because you can. You should only use audio if it helps with learning. Tom Kuhlmann talks about how background audio should only be used if it “contributes to an immersive experience” or “creates emotional cues”. Be careful not to use audio that is distracting to the learner.

Another time audio is often used in elearning is for narration. Al Lemieux offers several tips for recording good narration. The tip that I found to be the best, and that most people overlook, is the importance of using a high quality microphone. Using a good external mic instead of the one built into your computer can make your audio sound much more professional.

Video

Video can be a great way to add content to your elearning course, but it can also be really bad if it is not done correctly. One major problem is having a video clip that is too long. Learners can quickly become bored if all they are doing is watching a video. In an article for Learning Solutions Magazine, Jeremy Vest says that the optimal length for a video segment is two to seven minutes long.

In the same article, Vest says another common mistake, especially with screencasts, is not showing the instructor in the video. The learner can quickly become disengaged if they never see anyone on the screen. So, try to add in some shots of the instructor talking when it is appropriate.

I hope these tips will help you as you are designing your own elearning courses. Please feel free to share some of your on tips in the comments.

Guest blogger: Joey Weaver teaches Computer Technology to high school students at Kansas Career & Technology Center in Memphis, TN. He is currently working on a Master’s degree in Instructional Design & Technology at the University of Memphis.

Related articles

• Revised Font Stack (awayback.com)
• Arial, Verdana, Trebuched, Lucida. Which is your favorite font for the web? (woorkup.com)
• Stop Using Lame Fonts (dtelepathy.com)

Images courtesy of Daehyun Park, D’Arcy Norman, & Valeriana Solaris at Flikr Creative Commons.

Here are some previous posts that you may be interested in:

1. My top three for mixing text, images, audio, and video in learning
2. eLearning and “Scooby-Doo! Where are you?”
3. If I had all the time and money in the world, my elearning would look like this

• LEGO Digital Designer : Virtual Building Software – Lego Digital Designer allows you to build legos with the software and do cool stuff, too. A revolutionary platform for virtual building. The software is free to download for Mac and PC. PowerPC Macs must download a special version.
• Branching surveys and self-grading quizzes in Google Forms / Google Docs » Moving at the Speed of Creativity – Branching surveys and self-grading quizzes in Google Forms / Google Docs
• Learning Visions: eLearning Guild Authoring & Development Tools Research Report (2008) – did dig up the eLearning Guild Authoring Tools Research Report (January 2008). It’s a bit out of date (almost 2 years old) and I suspect the numbers have changed a bit. My guess is that Articulate represents a larger market share than two years ago…
• Coding a Web Design for Speed and Quality | Webdesigner Depot – The beauty of being a web designer is creating a detailed, creative, and original web design in Photoshop, without having to (for the most part) think about how
• Design Basics: Repetition To Create Visual Themes | Van SEO Design – Last week we talked about alignment as one of the four design basics. We looked at a web page who's elements were randomly strewn across the page and by
• Design Basics: Contrast To Stand Apart And Call Attention | Van SEO Design – Last week our discussion revolved around repetition as a basic design principle. We saw how adding repetitive elements highlights similarity and how repetition
• Cropping Images For Maximum Impact | Van SEO Design – When adding images to your site or blog posts do you take the time to crop them to create a more dynamic and visually interesting image? Here's a simple trick
• Whitespace: Less Is More In Web Design | Van SEO Design – Less is more— Ludwig Mies van der Rohe A good friend of mine is moving into a new apartment after being away from the area for a few years. Needing
• Is Your Web Design Balanced? | Van SEO Design – Happiness is not a matter of intensity but of balance, order, rhythm and harmony. — Thomas Merton Balance is important in life. Work and play;
• Tagul – Gorgeous tag clouds – Tagul is a web service that enables you to create beautiful looking tag clouds and embed it on your web page

Here are some previous posts that you may be interested in:

1. Skills for elearning professionals

• Joker Typography by ~underpk on deviantART – Image of Joker created with the word Joker.
• Typographic Beer Directions by ~Smooth-as-Sandpaper on deviantART – Type used to create image of beer.
• 7Deadlies Typography – Wrath by ~bella-elizabetta on deviantART – Image created completely from the word wrath.
• 32 Beautiful Text Art Creations | Tutorial9 – Text isn't just limited to language, it can be also used to create unique, unusual pieces of art. This roundup features a selection of creative imagery composed entirely with text.
• We are Colorblind » Patterns for the Color Blind – On the site you can find design patterns, good and bad examples, quick tips, and links to various tools. I think the examples section is very good since the accompanying text explains why each example is good or bad.
• Results from WebAIM’s screen October 2009 screen reader user survey | 456 Berea Street – The results from WebAIM’s October 2009 screen reader user survey have been posted. Some results are expected while others can be a bit surprising.
• A List Apart: Articles: You Can Get There From Here: Websites for Learners – Most websites are not learner-friendly. Web creators might aim for beautiful, accessible, usable interfaces to house their smart, web-native content, but they don’t often have learners’ goals or needs in mind—if they even know what those needs are.
• Beyond Grunge: Dutch Designer Wins €10,000 for a Font Grown From E-Coli | Design & Innovation | Fast Company – Jelte van Abbema Last week, Jelte van Abbema won the Dutch Design Awards' €10,000 Rado Prize, which goes to a promising young designer. One work that caught the judges' attention is Symbiosis, a font printed in bacteria.
• Elements Of Design: Shape – SitePoint Blogs: News, opinion, and fresh thinking for web developers and designers

• Spooktacular Pumpkin Vector Pack (100 Free Vectors) – Here's an unexpected Halloween Treat for the Tutorial9 Community! This is a HUGE set of 100 Free Spooky Pumpkin Vectors on Halloween Eve!
• Free Vintage & Serpent Go Media Vectors | Tutorial9 – Our Pals over at Go Media are releasing a massive new set of Premium Vector Art. Why's this matter to you? You get a taste of it For Free.
• Project Project Planning & Management for ISD and HPT Efforts – Project Planning & Management presentation at ISPI Spring Conference 2009 by Guy W Wallace, CPT

Here are some previous posts that you may be interested in:

1. Icons to get you ready for turkey, snow & ho-ho-ho
2. Icons I love. Fur and feathers.
3. More icon love. Company’s coming.

• satmodel.gif (GIF Image, 550×673 pixels) – Image hierarchy of ISD using ADDIE.
• Free Vectors – 7 High-Quality City Skyline Vectors | Think Design – A pack of 7 high-quality City Skyline Vectors, created by ThinkDesignBlog.com
• A List Apart: Articles: The Myth of Usability Testing – A List Apart offers a sobering view of usability testing.

Here are some previous posts that you may be interested in:

1. 2 things to put usability in your sights

• Weebly – Create a free website and a free blog – Weebly has now added an education section. Weebly is perfect for creating classroom websites, student e-portfolios, and websites for assigned projects.
• Free Adobe Dreamweaver Tutorial | CSS Tutorial for Creating Layouts in Dreamweaver | Layers Magazine – This tutorial covers the process of building a CSS-based layout from scratch using Dreamweaver. Great beginner tutorial.
• Free Adobe Dreamweaver Tutorial | CSS Tutorial – Basics of Working with Cascading Style Sheets | Layers Magazine – This tutorial covers the basics of creating CSS in Dreamweaver using the CSS Rule dialog. Great intro.
• Adobe Flash Tutorial | Creating an interactive story in Adobe Flash part 2 – A simple tutorial for moving around Flash CS3. Part 2.
• Adobe Flash Tutorial | Creating an interactive story in Adobe Flash – A simple tutorial in two parts for moving around Flash CS3.
• Flash CS4 |Timeline Animation | Motion Editor | Layers Magazine – With Flash CS4 now has auto-keyframing, a full-featured motion editor, and—most importantly—the ability to animate each property of an object separately from one another.
• Open Access Educational Technology journals – George Veletsianos – One of the resources developed for my students is a listing of open access journals (name, url, and RSS feed) that publish papers on the nexus between technology and education (educational technology, instructional design, e-learning, online distance…
• Best Time-Tracking Application: Klok – Time management – Lifehacker – Earlier last week we asked you to share your favorite time-tracking applications and then we rounded them up for your review.
• The speed of information – The speed of information between neurons.
• 33 Websites For Vector Images Download | Pro Blog Design – Here is a list of free vector images for download, if you're designer and look for vector images for your design project, you can simply download this…
• 3 Ways To Find The Best Website Color Scheme – Learn how to pick a website color scheme that keeps visitors engaged. Includes a list of questions to ask clients and a color psychology cheat sheet.
• Using John Keller’s ARCS model to motivate online learners « Onlignment – ARCS provides a good summary of the issues to be considered when designing a learning intervention. In particular it makes sense to me when putting together a live online learning event.
• Live Online Learning – a facilitators guide « Onlignment – To download your free copy of “Live Online Learning – a facilitator’s guide” just sign up for the free newsletter.
• Healthcare Napkins wins World’s Best Presentation Contest 2009 | SlideShare Blog – Thousands of presentations are uploaded to SlideShare everyday. But some catch your eye from the moment they get uploaded. Tha's the case with the winning
• 5 Steps to Slide Design for Non-Designers by Ellen Finkelstein | SlideShare Blog – I’ve come up with 5 steps that you can take to create a presentation that will work, even if you’re not a designer.

Here are some previous posts that you may be interested in:

1. Plug-in to Dreamweaver: Adobe BrowserLab
2. Icons I love. Fur and feathers.
3. The power of stars

• The Five Design Elements Every Website Needs – Discover the five design elements that every well-built website needs. Includes tips and tricks for content and navigation design.
• How To Jump Start The Website Design Process – Discover a simple four-step process that can help any web designer squeeze inspiration out of a competitor's website design.
• Project2Manage – Free Project Management – Project2Manage is an Online project management system that allows you to stay up-to-date, on task and connected with your team. We’ve taken the hard work of staying organized and simplified it for you.
• 15 Essential Web Tools for Students – It's time to head back to school and there are a number of web-based and social tools to help you get through the school year. Here are 15 essential ones.
• Microsoft Launches Tools For Teachers – Microsoft's Education Labs launched a new project this afternoon and it's better on trees and the environment. The group just announced a new Math Worksheet Generator where teachers …
• Kineo – Tip 27: Tear down the visual wallpaper – It is time to tear down the e-learning wallpaper and take heed of some top tips on using graphics for instructional use.
• 30 Amazing Alphabet Recreations | Tutorial9 – The Alphabet dates back to the Egyptian era and forms the basis of our language, through the years people have experimented and created a wealth of interesting and unique alphabets. This is a collection of some of the best examples.
• 3 Successful Small Businesses on Social Media – To help you see how social media can work no matter how big or small your business, I’ve found some great case studies of small businesses that get it and are seeing results!

• GIF, PNG, JPG. Which One To Use? – If you're starting out in web design, you may be familiar with the different types of file formats used for images, but it can be confusing trying to figure out which file type you should use.
• The Ultimate Round-Up of Fireworks Tutorials and Resources – Fireworks was originally created as an image editing and web design application by Macromedia, for quick web mock-ups, and optimizing images for the Web. It
• Social Media Network Icons – Over 80 refined, amazing social networking icons for the top networks around. In PNG format.
• How to Use Twitter for Business: An Official Guide Finally Arrives – ReadWriteEnterprise – Twitter has launched Twitter 101, a special guide to the 140-character network aimed businesses.
• The Big Picture – The Big Picture is an online organizer that sets to make organizing more intuitive.
• 25-point Website Usability Checklist – Use this simple, 25-point checklist to assess critical website usability issues. Includes free download (1-page PDF).
• Download Helveticons – A great set of free folder icons based on Helvetica Bold.

Here are some previous posts that you may be interested in:

1. More icon love. Company’s coming.
2. Icon sets. I have just 4 words for you: Fab-u-lous and free.
3. Icons I love. Fur and feathers.