Design Help SOS!!!

Hi there,

I reviewed your link and have some potential suggestions:

1. The actual question or task is not apparent. While I know this may sound strange, because the grey and white styling of the question matches the label content, I didn't realize it was asking me to "do" something. This said, perhaps, you could change the design slightly so that all questions are in a different theme e.g. green background and white or black font. This will flag the learner to read carefully. 

2. You can also add an auditory queue indicating an assessment question. 

3. I would look at Design 2 but change the triggers so that when the user hovers over it, the section highlights. Upon choosing a "hazard statement" the learner's choice would then stay the highlighted. I would also change the sentence structure of the question so that it describes what will happen and how to select. E.g. In the product label below, click on the Hazard Statement.  Once you have chosen a Hazard Statement, click on Submit to see if you were right.

I can identify with getting a little cross-eyed over these things. I am feeling that way myself these days!

Thanks so much for the feedback Jennifer!  

Originally I thought it should submit their response as soon as they clicked, but perhaps this works better. 

I tweaked a few of the slides (2C and 2D):

https://dl.dropboxusercontent.com/u/25870143/HazComLabelEx2/story.html  

Anyone else wanting to chime in please do!

I prefer slide 1.  That was the easiest for me.  It is hard to see when the question changes. Maybe some animation on the new question coming in would help draw the users attention up there. Another thing, you could create a "intro" screen that explains and shows what the user needs to do with arrows or images.

I think it's a great idea.  I completely understand being too wrapped up to think clearly.  Here are some of my thoughts:

- I prefer the first slide, without the outlined options because it does seem cluttered to me.  If you think they will require something more obvious, I wonder if having the sections highlighted to define them, instead of outlined, might look a little less harsh.  Is there a way to do that and then maybe have the highlighted color darken to show which option is selected?  

- I think Jennifer's suggestion for wording the intro makes sense. It might be helpful to clarify on the intro screen how many questions there are, so people understand that they should be expecting a new question after they receive feedback.  The way it reads now, it might seem as though you need to find all of those sections at once and then submit. This could be what might prevent users from looking for the question up top. I also like Jerson's idea of using images/arrows to show what will need to be done, if necessary. 

- I think differentiating the heading/question in a bright color is smart because the transition between questions is seamless right now.  Can you do a fade-in/fade-out, so it is more obvious visually?  I'm not too experienced with Storyline.  

Overall, I think it's a perfect activity concept!  In fact, I'm keeping this idea in the back of my mind for when I finally get around to updating our safety course.  Good luck!

Anne - I really like your 2D Submit Button option.  Clearly differentiates the instructions from the label itself. and the label sections to choose from.  And it's visually appealing, well balanced.

Suggestion:  present labels with the sections outlined as in 2D Submit Button, then progress to not having the sections outlined so the learner is acclimated to "the real world" example of a label.  When they see a label in real life, it will look just like that -- overwhelming.  However, with a graduated approach, it will acclimate them to the fact that there are truly different sections on the label.

We don't have Storyline (yet) and seeing what you're doing with the OSHA GHS information is really making me want to get Storyline!  Nice job.

Victoria

I like the first slide also. I agree that the question needs to stand out more. The grey background on the question makes it blend into the label. I would suggest instead of "find" use "click" that might help direct people on what they are supposed to do a bit better.

When they get something wrong you could have the feedback along the lines of "Incorrect, that is the Precautionary Statement."

From a technical standpoint, the symbol isn't in compliance with the new GHS regulations.

Hi, Anne:

I like that you are asking the learners to do a real-life task. Attached you'll find a quick Storyline mockup that better highlights what you want the learner to do. I converted the question to freeform and choose the "pick-one-image" type question. Let me know if you have any questions, and thanks for sharing. --Daniel

Right Cary, not in line with OSHA GHS.  BUT (and this is the part I had to spend a lot of time explaining in the training, the DOT symbols aren't changing, and in order to ship anything out of our warehouses, you have to meet the DOT labeling requirements. OSHA's jurisdicition is just the workplace.  So, essentially our folks will not see much change at all, but we have trained them nonetheless per OSHA requirements .  .

This has definitely been an challenging exercise - this course is being converted from a PPT classroom course to eLearning.  In the classroom, they handed out printed labels and the instructor would ask them to find elements on the label.

Without an instructor there to answer all the questions learners might have about the exercise, it can be really tough to anticipate all the problems users might have. 

Graphics are definitely very important in getting the right idea across - just using different colors did make it much easier for people to know what they were supposed to do.  I refined the graphics a bit, and it seems to work better - let me know what you think.

https://dl.dropboxusercontent.com/u/25870143/HazComLabelFinal/story.html  

I also realized they might not recall what a hazard statement is, for example.  And maybe they STILL wouldn't know what they are supposed to do - the audience for this course is widely varied.  So I added a 'Review' link so they could review what the element is, and a Help button to show them how to complete the exercise.