Changes

Jump to navigation Jump to search
no edit summary
Line 23: Line 23:  
Alongside the development team, we decided to look at three categories of icons, and chose six icons for people to choose from: a gear, a wrench, a hamburger menu, a waffle menu, a bell, and a flag. We displayed icons commonly used to represent settings, application selection and notifications — three important functions in any app suite
 
Alongside the development team, we decided to look at three categories of icons, and chose six icons for people to choose from: a gear, a wrench, a hamburger menu, a waffle menu, a bell, and a flag. We displayed icons commonly used to represent settings, application selection and notifications — three important functions in any app suite
 
</div>
 
</div>
 
+
<br>
 
[[File:Icon Testing Blog - Icons.png|center|936x186px]]
 
[[File:Icon Testing Blog - Icons.png|center|936x186px]]
 +
<br>
 +
<div style="border:1px solid #white; {{Round corners}}; text-indent: 16%; margin: 20px; line-height: 2em; 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.
 +
<br>
 +
<br>
 +
When it came time to test the icons at the Innovation Fair, we were the girls struggling to carry an easel up and down Slater Street. While we unfortunately were not able to complete our icon testing using virtual reality — an asset many other departments were equipped with — we still managed to have 32 participants run our minute-long icon test!
 +
<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.
 +
</div>
 +
<br>

Navigation menu

GCwiki