WBT Screen Layout Basics

This page features mock-ups of typical screen layouts for standard Web-based training programs.

Classic GUI of WBT presenting theoretical content as paragraphs

Classic GUI of WBT presenting procedural content as hyperlinked step-list

Course map showing completion status

Course Help page with rollover descriptions

Course Bookmarks page with Add-Launch-Delete functionalities

Course Glossary page with Print functionality

Course Resources page with single & multiple download functionalities

Course Exit pop-up with Bookmark functionality

Content screen with paragraphs, vertical list, & Note button

Content screen with tabular presentation & open Note pop-up

Content screen with hyperlinked hotspots & content pop-up

Content screen with buttons & content pop-up

Content screen with image hotspots & rollover pop-up

Content screen with tabs, animation step-list, & Play button

Multiple-choice single select question & Submit button

Multiple-choice multiple select question with “Correct” feedback

Exclusive matching-list (drop-down) question

Non-exclusive matching-list (text-entry) question with “Incorrect” feedback