Course Design for the Online Environment
Below are some tips and guides to designing your course online.
Have a question about a topic that isn't listed here? For additional assistance, email The Faculty Center or call at (212) 346-1722.
One of the first things we tell faculty regarding course design is - plan ... plan ... plan. Don't wait until the last minute to design your course. With so many factors to consider, course design needs to be given adequate time in order to develop and implement. Ideally, you want to start planning a semester ahead, in which time, you should sit down with a course designer in order to facilitate the process. The following elements are common to well-designed course sites. Although some are more important than others, they all serve as good techniques which can enhance your course content. Note that these concepts can be expanded upon, but due to time constraints we've tried to focus on key examples.
We have seen many online facilitators become victims of the "more is better" concept. This is not the case when developing a course site. Realize that students do not enroll in online courses to see all the "bells and whistles" you can put into a site. Improper use of fonts, colors, and graphics (to name a few) can serve as a distraction and hamper the effectiveness of your course. When confronted with too many moving and repeating objects, some students may become annoyed and distracted. If necessary, try to keep these animated features to a minimum. If you require the use of such animations, limit the number of times they loop and even limit the speed in which this is accomplished. Simplicity must also be applied in choosing the most visual aspect of your course, the background. When the background is busy and loud, text becomes distorted and users are once again distracted from the actual content of the page. We have found a white background to be the most effective. The use of fonts and colors are also extremely important. Keeping color and font variations to a minimum can help keep your site design "simple."
Consistency can greatly reduce the time initially required to master the use of your course site, particularly for faculty teaching online for the first time. This is important for both cognitive and motivational reasons. Consistency across pages can reduce the load on cognitive processing. If learning to use the site is a quick and painless process, learners are quickly motivated to continue. If they have trouble, they are much more likely to lose interest in the course. Consistencies should include: colors, backgrounds, fonts, headings, text layout, folder management, icons, placement of course materials.
On the other hand, if used correctly and infrequently, changing formats can quickly grab a learner's attention. These inconsistencies might include a highlighted button to indicate location, or an altered color scheme to indicate a change of topic.
Creating/Personalizing your Course
Taking into consideration the fact that your course site is a physical place, you need to consider the purpose of your site. What is the general "look" you are trying to convey? The graphic design of a course site must not only be appropriate to the overall subject matter, it should also set the "tone" for the learner's experience. A quick review of publicly accessible courses will demonstrate the range of styles chosen by course designers. Personalizing your course site is also important. Remember it has to be Fun, Professional, Simple, High tech, and Slick. To accomplish this:
- Add a course banner
- Add a personal picture within "Staff Information"
- Add cartoons which express your personality (Remember not to over do it - Remain simple!)
- Add personal audio/video clips conveying reinforcement
Also remember to set proper "availabilities" within your Blackboard's control panel. These course options allow you to customize your course by making only the features you will use "available" to students. For example - if you don't use Blackboard's online grade book feature, mark it "unavailable" in order to discard the access icon from the course site.
One of the most important elements of your course design is navigation! You need to take time to seriously map out your navigational scheme, remembering to remain consistent from page to page. Once set, you should also spend time navigating your site from the student prospective. It's also not a bad idea to have others test your site and its navigation.
Blackboard has already given you a head start when it comes to navigation. Every page on the course site can be easily reached. This structure was provided by Blackboard Inc. for students to readily find course information, documents, assignments, etc. But improvements can be made to further enhance the "user friendliness" of your course by creating and managing folders. Every page on your course site should be easily reached. Also, it's best if folders are arranged and labeled in a logical sequence. Some common "labels" used for folders are: Module - Unit - Week (and number) - Topic - Lesson. Consistency in folder management, labeling and corresponding discussion forums will help students easily navigate throughout your course without aggravation.
It's also important to understand the difference between a folder and an item. Blackboard allows you to organize your material by placing different files/items into different folders. A folder is essentially a storage space in which you can submit any number of files/items. This allows you to sort files/items into certain subjects and then place them in a folder with the subject's name. You can create folders in most of the "Content Areas." Realize that you must first create the folder and then submit files/items within that folder. For instance, you can create a series of folders within the "Course Documents" section labeled "Module I," "Module II," "Module III." You can then upload file/items pertaining to any of these folders.
Be sure to consider "standards of compatibility" when creating your course site. Your site should be platform, resolution, and browser friendly. If your course site is not compatible for all viewers, you may need to consider creating additional resources to accommodate exceptions. What browsers are my students using? What's the common screen resolution my students are using? These are important questions. Realize that pleasing everyone is IMPOSSIBLE! It's understandable to set platform, browser, and resolution requirements at the beginning of the course. Even though this can alleviate some stress, you should still be aware of the issues. We have found that 90% of "technical" problems students have are related to their systems configuration. Realize that not all your students will adapt their systems around your course!
To take "compatibility" a step further, to make your course truly accessible from anywhere one must consider the use of applications when designing a course site. Within Blackboard, it's simple to upload almost any document created in one of many popular applications (i.e. Microsoft WORD, PowerPoint, Lotus etc...) But is this simple and fast method the most effective? Realize that by uploading any such document you are requiring your students to have the application on their system in order to view the material. For example, if you upload your syllabus which was created in MS Word your students will need MS WORD in order to view it! What if your student uses Corel Word Perfect?
We have adopted a Text Editor Web-authoring tool to provide an environment similar to a word processor for Web page Development. The Text Editor tool is a powerful editor for adding Blackboard content. You can now create vibrant documents using an editor with the same look and feel as a word processor. Creating and editing documents directly in Blackboard has never been so easy! This method permits easy access of course materials and requires no application on the student's computer ... only a browser is needed! This technique allows for "anywhere" access to your course documents. To access the Text Editor editor in Blackboard, please go into the location of your course where you would like to add a new document (i.e., Course Information, Course Documents, and Assignments). Instead of clicking on "Add Item," go to the dropdown menu to the right of the screen and scroll down to "AOI Text Editor Editor." Once you click "Go," you will see the editor open up. You can choose to copy and paste text from another document (i.e. in Word) or type from scratch. Just like in Microsoft Word, you can simply click to highlight, bold, underline, and italicize all of your text. You can even create tables. This Text Editor editor converts all of your content into HTML and feeds it directly into Blackboard. Not only does the Text Editor editor work great for text manipulation, but it also has support for images multimedia. Simply "Submit" the document as usual when you are done.
Course Design for Disabled Students
Special consideration is needed when designing web pages/sites which will be viewed by students with disabilities. Some tips include:
- Images & Animations - Use the alt tag attribute to describe the function of each visual.
- Multimedia - Provide captioning and transcripts of audio, and descriptions of video.
- Hypertext links - Use text that makes sense when read out of context. For example, avoid "click here."
- Scripts, applets, and plug-ins - Provide alternative content in case active features are inaccessible or unsupported.
Course design for disabled students is a vast topic! Please Note - making ALL the necessary alterations to your course site (especially within Blackboard) is impossible. Future releases of Blackboard promise to take all "special needs" into consideration.
Using tables within your documents can help you effectively organize information. You can create tables in Blackboard using the Text Editor editor and/or Word. It is easiest to use Word to create tables and then copy and paste them into the Text Editor editor and submit. Below, notice the difference in alignment and how much better a syllabus looks by incorporating a table. Also, notice that you can change the background color of individual cells. Tables not only look better, but give you much more flexibility in formatting. Tables may seem difficult at first, but once you understand the basics you can make some wonderful tables! Just play around with them. But remember to check how it looks with several different browsers. Sometimes the differences are surprising.
Color is a powerful component of design. It can affect mood and emotion. It can also evoke associations with time and place. In course design, it is also an important factor in defining a site's environment.
In a well-designed course site, there is a consistency of design that creates a placement scheme. That consistency should extend to the use of color throughout the site. Use consistent colors to visually create boundaries for the site - to make the site a place.
Choose Appropriate Colors
A course site should be considered a phyiscal place in the virtual world. Hospitals, banks, and corporate offices choose colors for their decor that soothe or inspire confidence because they are appropriate to their purpose. Therefore, shouldn't a course designer choose colors that reflect the purpose of the site and enhance the site design?
The Effects of Color
Colors make us feel. Sepia tones evoke memories of yesteryear. Psychedelic color combinations take us back to the '60s. Turquoise and yellow combinations or avocado green remind us of the '50s. Colors can make us feel frivolous or somber. Bright blues and yellows are reminiscent of sunny summer days; corporate grays speak of conservatism; black and white of elegance. We have all spoken of black moods, feeling blue, green with jealousy, red with rage. Some colors command our attention; others make us feel tranquil. Use this response to color to support the purpose of your course site.
Curious about how color influences mood? Here are some examples:
- Pink: soothes, acquiesces; promotes affability and affection.
- Yellow: expands, cheers; increases energy.
- Orange: cheers, commands; stimulates appetites, conversation, and charity.
- Red: empowers, stimulates, dramatizes, competes; symbolizes passion.
- Green: balances, normalizes, refreshes; encourages emotional growth.
- Purple: comforts, spiritualizes; creates mystery and draws out intuition.
- Blue: relaxes, refreshes, cools; produces tranquil feelings and peaceful moods.
- White: purifies, energizes, unifies; in combination, enlivens all other colors.
- Black: disciplines, authorizes, strengthens; encourages independence.
Even with carefully selected colors, remember that what you see may not be what your course site visitors see. To minimize problems caused by display inconsistencies, it is important to use browser-safe colors!! View a useful chart of web safe colors.
In your lifetime, you have seen billions of letters and millions of words, yet you may never have consciously noticed the typefaces. Type provides an idea of the designer's personal style and preference when it comes to attracting the attention of users. Type can also have the most indirect impact within a course site. It can send the student unconscious messages about the feeling of your site, affecting how the student reads and interprets the impact of words. Type allows the designer to change his/her style at will and in turn, change the page's personality. You can alternate from casual to formal, silly to serious and old fashioned to modern just by adjusting type. Type is your image! Type reinforces the user's recognition of information that pertains to your course site. Remain consistent with your type and the student may think of you when viewing the same type in other situations, without knowing why.
Type is emotional on a subliminal level because of the connotations it conveys. Here is an example that may best describe the kind of emotional attachments people have with type fonts: Helvetica is the typeface used on IRS forms. Now, if you are familiar with these forms, you may feel a certain anxiety when you see this font on official paperwork. You may not consciously realize that it's the same typeface the IRS uses, you may not even know it is Helvetica.
Two Important Things to Remember:
- Serve the Main Text: Type is used in course sites to serve the main text. It should enable the student to read more easily. Type should also conform to backgrounds and images within the perspective page. Type can be beautiful and decorative, however, if an attempt at beauty causes confusion within the text, it could become inconsistent and the user may avoid reading it. If the type brings undue attention to itself, what is the point of trying to maintain anonymity within the type?
- Appropriateness: The key to understanding type is not to focus on good or bad typefaces. The main idea is to determine when it is appropriate to use these typefaces. You should consider what you are trying to convey to the student.
Every successful course begins with a clear syllabus, which contains the course description, objectives, requirements, deadlines and assessment methods. Having a clear syllabus is even more essential in an online or web-assisted course when students may be unclear about expectations. We encourage faculty to move beyond a basic outline of weekly assignments to create a comprehensive document, which will inform and guide students throughout the entire semester. The course syllabus works as a contract between you and the student; therefore it should provide more than just due dates. The student should gain a clear understanding of the course by reading the syllabus during the first week and should be encouraged to review this document frequently throughout the semester. It is customary for faculty to place the syllabus under the Course Information section of their Blackboard course shell, and students may find it helpful to have the syllabus components broken into separate folders.
Please note that this sample syllabus template for face-to-face courses (DOCX) and sample syllabus template for online courses (DOCX) and the policies listed within are only intended as recommended guidelines in helping you to develop your own syllabus. You are encouraged to edit and customize the document to your own needs and preferences.
Welcome to what many consider the most important aspect of an online course - the discussion board. The discussion board is the most vital communication channel for your class. The discussion board is the equivalent of a classroom discussion and any successful technique you have used in a face-to-face classroom to foster participation can be simulated in an online environment including group discussion. There are various strategies for facilitating a discussion and we will review some those in this section.
Usually the first question asked about discussion boards is how much weight does it carry towards the final grade. It is universally agreed that a discussion board should be part of the final grade but there is no set value. Faculty at Pace and other universities have used different percentages. Over the years as discussion boards have become more robust their grade value has increased. Your decision on a percentage will be determined by what you expect to take place in the discussion board and how vital the board is to your course. Whether your course is web assisted or completely online, will also have an impact!
Applying the discussion board as part of the final grade raises a very serious consideration. How do you plan to grade the discussion board? We strongly recommend that you establish grading standards for student discussions. Let the students know how many posts you expect of them and also what you will accept stylistically in a post. See example in "Assessment."
Over the past few years asynchronous (online) teaching/learning has matured and there has been a paradigm shift in how to facilitate a discussion. A few years ago it was common practice for a faculty member to lead the discussion and respond to each of the student postings. The biggest challenge with this model was the amount of time spent on responding to each post. There was also another problem with faculty lead discussions and that was the issue of shutting down the class discussion. Some students felt intimidated to post for fear of how the faculty member would respond. The shift that is underway is to have the students lead the discussions where the faculty member assigns a student leader who opens the discussion and monitors the class postings. This does not mean that you should not respond at all. You may need to step in if the discussion is not staying on topic. With the faculty member as a silent partner in the discussion board, the students will be more spontaneous with their posts.
In Building Learning Communities in Cyberspace (Jossey-Bass, 1999) Rena Palloff and Keith Pratt suggest ways to promote "Dialog as Inquiry." They write, "when students engage in discussions with each other rather than with the instructor, the possibilities for collaboration grow significantly" (p.118). It is important for the instructor to be able to facilitate this dialog without dominating it by asking the right kinds of questions, by getting participants to share the responsibility for facilitating discussion, and by encouraging (even requiring) students to provide constructive feedback to one another.
The instructor needs to model expansive, open-ended questions that stimulate thinking, and get students to ask these questions of each other. If the response to a question is minimal, the instructor might jump in with another question to expand the level of thinking on the original question.
Sharing Responsibility for Facilitation
One way to ensure active participation is to assign students the responsibility for leading a portion of the discussion. The instructor may set up a rotation so that each student might have to present something to the rest of the group. Also, when essays are due, other members of the group would have the responsibility for reading that paper and posting feedback and a response. Another activity might require one student to lead a discussion while another acts as an observer and comments on the process, while another might summarize the process.
The roles that students might take in an online course include:
- Facilitator of the discussion
- Process observer, commenting on group dynamics
- Content commentator, summarizing the group's learning for the week
- Team leader, with or without the additional responsibility of evaluating the work of the other members
- Presenter on a particular topic, book, or area of interest (p.121)
It is up to the instructor to allow the students some latitude in the discussion. For the most part, "the instructor must control the urge to lead and become more like a follower"
Promoting Feedback - The ability to give meaningful feedback, which helps others think about their work needs to be taught, modeled, and encouraged by the instructor. The students need to learn to go beyond "good work" or "I agree." At the same time, students need to be reassured that the feedback is not meant personally, but rather is focused on their ideas and presentation. Getting students to point out strengths and ask questions about material not understood is an important technique.
According to the Concord Consortium, organizers of the Moving out of the Middle online course, the following steps should be taken when moderating an online discussion.
- Rationale - What is the rationale for the post? What purpose does it serve? Is the group focused? What might be the result of intervening now? Is the timing sensible?
- Dialog Elements - What dialog elements (citations, paraphrases or quotes from participants' postings) might fit into the post? How do these relate to the rationale, the assignment, and the direction of the dialog?
- Critical Thinking Strategy - Given your rationale and selected dialog elements, which critical thinking strategy would best support your purpose? Do you need to help the group sharpen the focus or dig deeper?
- Voice - Given our rationale, dialog elements, and critical thinking strategy, what voice may be the most appropriate? (reflective guide, personal muse etc.)
- Tone - Consider what tone fits best with the rationale, dialog elements, strategy and voice? Is a social frame or introduction needed?
- Outline the Post - Roughly outline, perhaps mentally, the proposed posting including elements drawn from the dialog.
- Craft the Intervention - Compose the post. The purpose of the note should be clearly reflected through the strategy and voice selected. You may wish to try out an alternative voice or strategy to see which fits better. You may use questions, paraphrase, seek clarification, cite tensions, introduce a metaphor or anecdote, or use a drawing or cartoon.
- Reflect Participants' Contributions - Participants' thoughts and questions should be prominent in the body of the composition. The post should be a reflection of their ideas, not yours.
- Craft a Message Title - Compose an opening and title (subject line) that catches interest, honors contributions, and transitions to the content of the post effectively.
- Review and Revise - Review the process starting with the rationale. Is the posting too broad, too narrow, too complex, too simplistic? Does it effectively weave and focus participant ideas or open them to a deeper level? Revise if need be.
Discussion Board Grading Sample
The following grading standards have been established by the Literature and Communications Department. Modifications have been made to address the "online" component for the course.
A - Outstanding To earn an "A" for the online component of the course there must be frequent posts (substantially above the minimum requirement) and all postings are insightful, critically developed and contribute positively to the "class discussion." The schedule of postings is also a grading factor. Posting early in the unit week is encouraged in order to promote further discussion and inquiry by classmates. All responses to classmates' postings are well developed and insightful enhancing the discussion and leading to further discussion or question.
B – Good Work To earn a "B" for the online component of the course the number of postings are above the minimum number and they are insightful, critically developed and contribute positively to the class discussion. Postings are done by the deadline thereby promoting further discussion and inquiry by classmates. All responses to classmates' postings are not fully developed nor do they offer significant insight, making it difficult to further the discussion or raise new questions/issues.
C - Adequate Work To earn a "C" for the online component of the course equates to few postings (just meeting the minimum requirement). Postings do not offer any insight to the discussions or readings. They are general comments and opinions that are not critically developed. The posts do not negatively impact the class discussion but they do not promote further discussion or questions. The schedule of postings tends to be "last minute." All responses to classmates' postings are generalized comments that are not well thought out.
D - Poor Work To earn a "D" for the online component the minimum number of postings is not met and some units are missed. The postings in general only make an occasional reference to the assignment, readings or discussion preventing further discussion or questions. Responses to other students’ postings are not positive and they lack insightful comments limiting further discussion.
F - Unacceptable Work An "F" grade for the online component will result from failure to maintain the minimum number of postings and having missed units. Postings are not organized nor developed, and inappropriate comments are made. Responses to other students' postings are not consistent and they do not add to the discussion nor raise new questions.