• Home
  • Research Interests
  • Publications
  • Presentations
  • Consulting
  • Bookmarks
  • Resource Wiki
  • Contact
Blue Orange Green Pink Purple

Posts Tagged ‘images’

You can use the search form below to go through the content and find a specific post or page:

Mar 02

Get more from your multimedia in elearning

Guest Blogger PostWhen designing and developing an elearning course you will always be incorporating some combination of text, images, audio, and video. There are several important things you need to keep in mind when working with various types of media.

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.

Nov 17

Bookmarks for November 16th

These are my Jumptags for November 16th

  • 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
Nov 08

Bookmarks for November 5th

These are my Jumptags for November 5th

  • 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
Nov 02

Bookmarks for October 26th through November 2nd

These are my Jumptags for October 26th through November 2nd:

  • 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
Oct 26

Bookmarks for October 21st through October 26th

These are my Jumptags for October 21st through October 26th:

  • 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.
Oct 17

Bookmarks for October 13th through October 15th

These are my Jumptags for October 13th through October 15th:

  • 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.
Sep 09

Bookmarks for September 8th

These are my Jumptags for September 8th

  • 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!
Sep 05

Bookmarks for September 4th

These are my Jumptags for September 4th

  • 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.
Aug 21

Bookmarks for August 16th through August 21st

These are my Jumptags for August 16th through August 21st:

  • Flickr Photo Download: Powerfull Crazy Scream – Image from guidosportaal in Flicker Creative Commons.
  • Flickr Photo Download: Powerfull Crazy Scream – Flickr is almost certainly the best online photo management and sharing application in the world. Show off your favorite photos and videos to the world, securely and privately show content to your friends and family, or blog the photos and videos you…
  • Inside Google Books: Bringing the power of Creative Commons to Google Books –

Viral-Notebook

  • Jots. Jabs. Jokes. Gems.
    This is the homepage for Michael M. Grant, an Associate Professor at the University of Memphis. Inside you can locate a collection of infectious conversations and musings about design, development and learning technologies. In addition, you can find resources and directories of my teaching and research.
  • Subscribe . . . Connect
    Subscribe with your email address:

    Delivered by FeedBurner



    Technorati Profile | LinkedIn Profile
    View Michael M. Grant's profile on slideshare
    • Popular Posts
    • What I learned from teaching children and how it changed my instruction
    • 5 things Facebook can teach us about elearning
    • A letter to my students ...
    • ADDIE—Love it or leave it?
    • The landscape of Powerpoint for elearning
    • Clipart objects. Cool and free. Just the way I like it.
    • The Perfect SCORM: Is there an impact to elearning or not?
  • Search






  • Home
  • Research Interests
  • Publications
  • Presentations
  • Consulting
  • Bookmarks
  • Resource Wiki
  • Contact

Creative Commons License
This work by Michael M. Grant is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 United States License.
Designed by FTL Wordpress Themes brought to you by Smashing Magazine