Storyboard of the Proposed Website for the Certification Course Following is the storyboard for the websites layout.

I have followed some of Hortons recommendations for web layout design. Horton (2012) believes that displaying contents in a single window may minimize distraction. He also recommends a variable sized display, which the Blackboard Course Sites already has. He also discussed the importance of making items legible and using judicious and non-distracting color schemes. The storyboard follows the website layout, starting from the Home Page and then sequentially shows the design of each item on the drop down menu of the Home Page.

STORYBOARD FOR CERTIFICATION COURSE WEBSITE HOME PAGE TITLED STARTING POINT: This is the page students and guests will see first.

Student ID Logout

Course Sites logo Starting Point Document Design Strategies for Professional Writing Starting Point Modules Discussions Groups Grades Schedule Be Live! Syllabus Starting Point Welcome (Animated Clipart) Read This First

MyCourse Sites Course ID Resources

This will contain important information regarding how to navigate the course using the buttons on the left side

There will not be any white space after the Schedule file. Messages

Help This area will have a static/stationary clipart/graphic. The page will move up and down like a bar, while the clipart/graphic stays unmoving.

These are links for the different folders

MODULES PAGE: The link to this folder will be available from the Starting Point page shown above.

Within the Module folder will be 8 sub folders containing instructional materials for each week.

Student ID Logout

Course Sites logo Modules Document Design Strategies for Professional Writing Starting Point Modules Discussions Module 3 Groups Grades Messages Module 5 Module 4 Module 2 Modules

MyCourse Sites Course ID Resources

Module 1

Be Live! Module 6 Help Module 7

Module 8

INSIDE VIEW OF MODULE FOLDERS: Each Module folder will contain four sub-sections: Module Overview, Assigned Readings, Assignments, Optional Readings and Supporting Materials. The following is a view of what each Module folder will look like from the inside.
Student ID Logout

Course Sites logo Module 1

MyCourse Sites Course ID Resources

Module 1 Document Design Writing Starting Point Modules Discussions Groups Grades Be Live! Messages Help Note: There will not be any white space under the folder. Optional Readings and Supporting Materials Assignments Assigned Readings Strategies for Professional Module Overview

DISCUSSION BOARD PAGE VIEW: This will display all the discussion forums.

Student ID Logout

Course Sites logo Discussion Board

MyCourse Sites Course ID Resources

Document Design Strategies for Professional Writing Starting Point

Discussion Board Forums are made up of individual discussion threads that can be organized around a particular subject. Create Forums to organize discussions.

Search

Modules Discussions Groups Grades Be Live! Messages Help

Forum Participants

Description

Total Posts

Unread Posts

Total

AAG Discussion Forum

GROUPS PAGE VIEW: This is what the Groups page will look like. Group spaces will be created for the Marketing Collateral Assignment.

Student ID Logout

Course Sites logo Groups

MyCourse Sites Course ID Resources

Groups

Document Design Strategies for Professional Writing Starting Point Modules Discussions Groups Grades Be Live! Messages Help

Create Groups
Group 1

Group 2

INSIDE VIEW OF GROUP SPACE: Upon clicking the specific Group button, learners will access the Group space.

Student ID Logout

Course Sites logo Groups >Group 1

MyCourse Sites Course ID Resources

Document Design Strategies for Professional Writing Starting Point Modules Discussions Groups Grades Be Live! Messages Help

Group 1

Group Properties Group Tools

Add Personal Module mMooduleModule

Group Assignments

GRADES: This section is pre-created by Blackboard and populated as assignments/students are added. I cannot alter or determine the layout or design. Here is a screen shot of the student view of the grade book.

COURSE MESSAGES: This is the area that students will use to communicate with the instructor for grade and personal issues as well as course related questions. This is also the means by which the instructor will send important announcements to students.
Student ID Logout

Course Sites logo Course Messages

MyCourse Sites Course ID Resources

Document Design Strategies for Professional Writing Starting Point

Course Messages Course Messages are private and secure text-based communication that occurs within a course and among course members. Although similar to email, users must be logged into the course to read and send messages.

Modules Discussions Groups Grades Be Live! Messages Inbox Help 0 0 Folder Unread Total

Create Message

Sent

Displaying 1 to 2 of 2 items

Show All

Edit Page

BE LIVE! PAGE: This is the page where students and teachers can interact synchronously using live chat (audio/video).

Student ID Logout

Course Sites logo CourseSites Live

MyCourse Sites Course ID Resources

Document Design Strategies for Professional Writing Starting Point Modules Discussions Groups Grades Be Live! Messages Help

About CourseSites Live

CourseSites Live is a real time collaboration tool to support teaching and learning. It includes chat, Voice over IP, application sharing and whiteboard. Instructors can include up to 50 total participants at a time in a CourseSites live sessions. Your virtual room will launch automatically. Click below to relaunch.

Re-launch

HELP PAGE: This is a pre-created page, embedded in Course Sites. Since this page has already been created by Blackboard, here is a screen shot of it