CONTENT
_6.6: Visualization of Graphics on Layouts _____6.6.2: Objective 1 - #Version 2: The IT Manager __________6.6.2.1: Selection of Variables __________6.6.2.2: Initial Layout - with Selected Variables __________6.6.2.3: Proposed Area of Improvement __________6.6.2.4: Improved Layout of Dashboard for #Version 2: The IT Manager __________6.6.2.5: Further Improvement on Layout of Dashboard for #Version 2: The IT Manager __________6.6.1.6: Final Version for #Version 1: The IT Manager

6.6: Visualization of Graphics on Layout

With the selection of graphics, we will then attempt to input the graphics onto the layout, customorized for each of the key types of stakeholder. Then, we will seek to identify major and minor improvements from here, before finalizing our dashboard - and create a story based on it.

6.6.2: Objective 1 - #Version 2: The IT Manager

A recap of the 'initial questions; of the IT Manager, as below;

How do the users use the application? [Functionality]
What is the general feedbacks on Wikipedia’s performance as a teaching tool? [Performance]
What is the general motivation for users to use Wikipedia as a teaching tool? [Motivation]

6.6.2.1: Selection of Variables

The following variables are selected and deemed relevant, to answer the questions from the IT Manager.

6.6.2.2: Initial Layout - with Selected Variables

A print screen of the initial dashboard for the IT Manager as below;

This is also available here : Link to Objective 1 : #Version 2 - For IT Dept

6.6.2.3: Proposed Area of Improvement

The areas of improvement are identified as below;

For further details in the changes, please refer to

Improvement in Divergent Chart: Section 6.5.1.1: Divergent Chart

6.6.2.4: Improved Layout of Dashboard for #Version 2: The IT Manager

A printscreen of the dashboard of the improved version as below;

6.6.2.5: Further Improvement on Layout of Dashboard for #Version 2: The IT Manager

With interaction with the dashboard, further improvement is observed. Thus, further modifications are done to the dashboard, as below;

1.Survey Results:

A reference line at 0%, to guide visually on the "neutral" point
Darker shade of blue is selected for "Agree", so as to balance up the darker tone with "Disagree".
Fixed the X-Axis scale from -1 (-100%) to 1 (100%)

2.Personal Profile:

Change the graph from a 100% stacked graph to a frequency graph as reader is keener on the no. of respondents (to determine if the results are representative of the whole population)

3.Teaching Profile:

Remove the colour code of teaching profile and allow selection of domain based on filter instead. This is because upon "All" selected, the colour is clustered together and make it difficult to visualize.

4.Overall:

Fixed the height of all the 3 graphs so that the graph's height will not be adjusted based on the selection.

The improved visualization as below;

With further interaction with the dashboard, another round of improvements has been further identified, as below;

1.Survey Results:

Reduce the color intensity of the divergent chart so that the overall dashboard does not look overwhelmed with color.

2.Teaching Profile:

Reader will be keener that based on the selection, what is the % of the actual population of the position; that has shown the selected response. ::* A divergent chart is introduced back again, to help with providing such information, upon a filter or selection.
Introduce Tooltips - Added in additional information in the "Tooltips" of "Teaching Profile", to display information such as "Total Valid Response', "Total Respondents", and "% of Total".

3.Personal Profile:

Convert the stacked graph into a trellis chart so that it helps to identify the frequency & % of the gender clearer.
Making "Gender" and "Age Group" as part of the axis improved interactivity between Personal Profile & Survey Results and it allow hovering between either variable, with the survey results

4.Overall Interactivity: