Logistic Decision Making Activity

This is a simple web standards multiple choice case study with three different scenarios. For this project I designed the UI, wrote the HTML/CSS/jQuery, and used Photoshop to manipulate the images and create the icons.

This piece has a simple structure with tabs across the top that contain each scenario. The user reads the brief description of the scenario clicks one of the choice buttons below. Once a choice is clicked specific feedback for that choice appears below. The user can then click on each of the buttons to view the feedback for other answers. While developing this piece I made sure all the buttons/actions were keyboard accessible and ADA compliant.