Changes

 

<!--The following line of code hides the page title-->

<!--The following line of code hides the page title-->

<br>

<br>

<div align="center">[[File:2017 GCTools-web-banner-1248x189.jpg|link=http://www.gcpedia.gc.ca/wiki/GCTools|1248x1248px]]</div>

<div align="center">[[File:DCD Wiki Banner.png|center|]]</div>

<br>

<br>

------

------

<br>

<br>

<div style="line-height: 3em; font-size: 250%; text-indent: 8%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''"Guerilla" Icon Testing at the 2018 Innovation Fair'''</div>

<div style="line-height: 3em; font-size: 250%; text-indent: 8%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''Icon Testing at the 2018 Innovation Fair'''</div>

<div style="line-height: 1em; font-size: 125%; text-indent: 10%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;[https://gccollab.ca/profile/donnamonbourquette Donna Monbourquette] & [https://gccollab.ca/profile/alexmesley Alex Mesley] / June 6, 2018</div>

<div style="line-height: 2em; font-size: 125%; text-indent: 14%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;[https://gccollab.ca/profile/donnamonbourquette Donna Monbourquette] & [https://gccollab.ca/profile/alexmesley Alex Mesley] / User Experience Researchers / June 6, 2018</div>

<div style="line-height: 2em; font-size: 125%; text-indent: 10%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''3 minute read'''</div>

<div style="line-height: 2em; font-size: 125%; text-indent: 14%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;">&nbsp;'''3 minute read'''</div>

<br>

<br>

<div style="border:1px solid #white; {{Round corners}}; text-indent: 3%; margin: 20px; line-height: 2em; font-size:125%">

<div style="border:1px solid #white; {{Round corners}}; text-indent: 8%; margin: 20px; margin: 0 auto; width: 700px; line-height: 2em; font-size:125%">

'''<span style='color:#545454; font-size:125%'>Last week at the Innovation Fair</span>''', the Digital Collaboration Division team invited guests to take part in an icon testing experiment. The Digital Collaboration Division (GCTools team) is working on a redesign to make the different tasks (i.e. blogs, the Wire, GCcollab, the Wiki, profile) into one centralized application suite, and we want to make sure we get it right! To create the best tools possible for users across government, private industry, and academia, we will be conducting usability tests regularly. This was the first step!

'''<span style='color:#545454; font-size:125%'>Last week at the Innovation Fair</span>''', the Digital Collaboration Division team invited guests to take part in an icon testing experiment. The Digital Collaboration Division (GCTools team) is working on a redesign to make the different tasks (i.e. blogs, the Wire, GCcollab, the Wiki, profile) into one centralized application suite, and we want to make sure we get it right! To create the best tools possible for users across government, private industry, and academia, we will be conducting usability tests regularly. This was the first step!

<br>

<br>

[[File:Icon Testing Blog - Icons.png|center|936x186px]]

[[File:Icon Testing Blog - Icons.png|center|936x186px]]

<br>

<br>

<div style="border:1px solid #white; {{Round corners}}; text-indent: 16%; margin: 20px; line-height: 2em; font-size:125%">

<div style="border:1px solid #white; {{Round corners}}; margin: 0 auto; line-height: 2em; width: 700px; font-size:125%">

We selected a gear or a wrench for settings, a hamburger menu or a waffle menu for application selection, and a bell or a flag for notifications.

We selected a gear or a wrench for '''settings''', a hamburger menu or a waffle menu for '''application selection''', and a bell or a flag for '''notifications'''.

<br>

<br>

<br>

<br>

<br>

<br>

While we had our own assumptions of how icons would be classified and which icons would be best, we were surprised by the diversity of responses! Of course, when gathering thoughts and opinions there were no wrong answers, but over time a clear trend emerged. When asked which icon best represented the category we named, it was found that users most often chose the Gear, used to represent Settings, the Waffle Menu for Application Selection and finally the Bell which was chosen to represent Notifications.

While we had our own assumptions of how icons would be classified and which icons would be best, we were surprised by the diversity of responses! Of course, when gathering thoughts and opinions there were no wrong answers, but over time a clear trend emerged. When asked which icon best represented the category we named, it was found that users most often chose the Gear, used to represent Settings, the Waffle Menu for Application Selection and finally the Bell which was chosen to represent Notifications.

</div>

</div>

<br>

<br>

<br>

<br>