Template design for huge project

May 16, 2011

Hi everyone, recently, our team has a huge project going on. The project is to design and develop job-related training for all the new hire driver license examiners in State of Florida. Overall, there will be 17 modules. The course ranges from general working principles, such as customer service, to very specific topics, such as cash management, driving test, identification card, etc. We also have a lot of topics about computer system operation.

The course will be delivered using blending methods.  According to the clients’ requirements and the budget limitation, the majority should be delivered online. Thus, we face a huge challenge, the template design for online modules.

Our idea is to choose a unique theme, then design different templates which are consistent with the theme and customized according to the topics. Another thing is the learners don’t have speakers. The text and bullet points sometimes need to be listed on the screen. Thus, the template should have enough space for the text.

We want to design something really interesting and engaging. More online activities, simulating scenarios, and practices will be used. We have generated some ideas. One idea is to use the textbook as the theme. Each module could have different layout and design. The concern is when the learners watch the “textbook” for so many times, they will feel boring. Also, the textbook may limit the designer’s thoughts. Another idea is to design something like the border as the symbol, to keep the course design consistent. Each course may use different color and layout. However, the look is too formal and again, if repeated for so many times, the learners will feel boring.

We need inspiration. We like to hear more interesting ideas.

Thanks.

17 Replies
Sophia Xu

Phil Mayor said:

Hi Sophie

Sounds like an interesting project, I would go with a consistent look because the look and feel will become familiar rather than becoming boring, have you considered a custom skin for all the module?

Phil


Thanks Phil. We have considered about that. However, we are not the premium user of Articulate and don't have the access to change the skin of Articulate.

Linda Lorenzetti

Hi Sophia,

I would use something to do with cars for the theme, like a desk top with car keys, etc, or a dashboard.  Or make the outside edges of the slide look like your state's license, or license plate and use different colours for each module.  Do some brainstorming, I think you can come up with a lot of good ideas for this project.

Linda

David Anderson

What a fun project. Design mapping would be a good start.

Couple elements and themes that come to mind are driver licenses and how the similar layout ratio might transfer nicely to your course design.

You mentioned 17 modules so that gives you some freedom to do multiple "driver license" themes and include different colors and styles for the consistent license design theme.

A quick Google Image search (strict results applied) should give you some great ideas for various design element and layout options.

The great thing is how fluid the layout options are. Need more space, reduce the profile image and increase when you have less content. There's also so many car and license metaphors you can use for design elements.

Here's something I quickly put together.

David Anderson

Doreen Rambke-Hartz said:

I did a series of 5 modules for a course recently.  We used the same general template for each module, but changed the colors each time.   Module 1 was teal,  module 2 was green, etc.  Within the module, I was able to use variations of the main color using transparency techniques. 


Nice way to create visual distinction while maintaining a consistent theme

Is there anyway you could share screenshots of all 5 modules?

David Anderson

An example I often use to demonstrate visual derivatives is the Chronicles of Narnia books. That series has had a dozen-or more-book covers over the years. What I like about them is how some designs follow either a strict or loose design variation. 

In the stricter design variations, the cover's color and design illustrations--separated elements--change across titles. In the looser variation, the cover designs blend the distinct colors and illustrations. In both cases, however, the title and author font styles are consistent.

David Anderson

Couple folks asked about the fonts I used in the mockup.

The main title font is called License Plate (free): http://www.fontspace.com/dave-hansen/license-plate

Heading font is Serifa (commercial) but check out this group of Free-Fat-Serifs: http://theroxor.com/2010/02/18/10-essential-free-serif-fonts/

Body font is Gil Sans which is pretty standard.

Sophia Xu

Hi Everyone:

Thanks very much for the discussion and brainstorming. I did some brainstorming and research about my topics following the visual design mapping. Attached my mindmanage file to share.

http://dl.dropbox.com/u/12829479/Driver%20License%20Examiner%20Training.mmap

I got 3 ideas about the theme.

1. road sign-- different road sign for different ppt. The style will be consistent.

2. driver license-- same design, different color for different ppt

3. license plate-- same design, different color for different ppt

I will attach the templates I designed. Be free to comment, so we can get improved.

Thanks all

Sophia

David Anderson

Hi Sophia,

I just wanted to check in on your project to see how it's going. I like where you're going with the templates. In fact, I think you have a good variety of layouts.

Have you tried working any of your content into those slides? Most of those look like navigational slides more than content slides. For example, what will the following slides look like:

  • Objectives
  • Text, read-only
  • Video (if applicable)
  • Scenarios (will you have any)
  • Image, graphic-heavy content slides
  • Quiz and interactions (Will you also customize Quizmaker and Engage?)

I really like what you have going with the first three slides. One thing you might keep in the back of your mind as you design your colors is how you'll handle red and green colors. Those have significant meanings--beyond pass and faill-- and could cause a visual interruption if used casually.

Do you have content you can use to create a 3-slide mini course?

Drew Goddyn

Hi Sophia,

I'm currently beginning a very large project much like your own. What I found helped me most was utilizing much of the assets my company already has. What I ended up doing was stealing many of the images/styles from our website, such as title styles, bullet images etc. to try and keep a look and feeling that is consistent with what customers are used to.

Cheers,

This discussion is closed. You can start a new discussion or contact Articulate Support.