Need to Implement Orientation/Instructions

[AmberSJones]

We need to implement some sort of orientation/instructions for users for the first time that they visit the site as some of the buttons/functions may not be obvious. This could be some sort of feature that animates the clicking of buttons, etc. It could also exist as a static page that could be referenced.

[AmberSJones]

If we do this one, we do it last because it is not key functionality.

[Maurier]

I've implemented some simple orientations. I will need help coming up with better and more descriptive ones. I have also included a "Do not show again" checkbox to opt out of these tips.

To re-enable these tips after opting out open your browser console and type the following command:

localStorage.clear();

[AmberSJones]

Wow, looks really good! A few things to address including my suggestions for instructions text:

• [x] On 1, change text to 'Select a question to visualize survey results. Use the '+' sign to view multiple questions simultaneously.
• [x] On 2, change text to 'Use these buttons to toggle between different views for the selected question(s).'
• [x] On 3, change text to 'Choose between predefined demographic categories to disaggregate data among groups of respondents.'
• [x] Add a list of the three views to 2/3 with the thumbnail next to each:
• Percentage View: Shows the number and percentage of respondents. Can be disaggregated into demographic groups.
• Mean View: Shows the mean response for all respondents.
• Heat Map View: Shows the mean response organized by the zip code of respondents.
• [x] Add a 4 to give a tip on the statistical significance flag: 'For selected questions that show a matrix of responses, a flag is displayed to indicate the statistical significance of the results.'
• [x] Change the 'Back' button to 'Previous'
• [x] Need a space between the checkbox and 'Do Not Show Again'
• [x] Could we add some images to show what each text box is explaining?

[Maurier]

Yes, these are all great ideas. I think images would look great. I'll follow up with you on this idea.

[Maurier]

Done. Let me know what you think.

[AmberSJones]

Sweet. I will wait to close until you demo at the meeting tomorrow.

[AmberSJones]

I just noticed that some of the text hasn't been updated to my suggestions on 1, 2, and 3.

Also, there are still issues with these when re-sizing.

[AmberSJones]

The colors on the orientation boxes help them to stand out, however, I think we should change them to be consistent with the colors on this pop-out box:

[Maurier]

I changed the colors the other way around. Some of the properties in the style were required to show the little arrow in the orientation boxes.

Let me know if this looks ok.

[AmberSJones]

I like the other way better, but this is probably fine. I'll close the issue.