I have worked with some amazing people over the years. One of them is Lisa O’Reilly. Below are some examples of the work she has done which are great examples of instructional websites and specifically self-paced training.
You can check out her work at: http://www.oreillylearningdesign.com/projects.htm
Below are two examples of her work.
Assessment & Instructional Alignment
Educational websites and informational websites created by educators tend to have a similar layout / structure. The following images illustrates some of the most common layouts for educational websites.
[Note: Educational websites created with tools like Adobe Captivate, Articulate, and Adobe Presenter tend to have a combination layout with the navigation at the bottom of the screen.]
Here is a nice presentation with some good ideas on how to make linear navigation (i.e., Next>>) more interesting.
Teaching students how to design and develop Web-based learning environments (or what we call “EdWebs” at the Information and Learning Technology program at the University of Colorado Denver) can be challenging. Students typically begin the program with a wide range of previous experience with Web development. Some have been developing Web pages for years while others have no prior experience with Web development.
Especially those new to Web development struggle with meeting their own expectations to develop beautiful award winning style Web sites. The reality though (in my experience) is that while it is important to design aesthetically pleasing Web-based learning environments, a good and asthetically pleasing EdWeb does not need to be that complicated.
The following are some examples of different types of EdWebs to help give people and idea of the genre of Web-based learning environments or at least the “typical” self-paced Web-based learning environment. If you click on the image, you will either see a screen shot of the EdWeb (which is essentially all you need to get an idea of the overall look and feel) or in some cases you will go directly to the EdWeb.