Difference between revisions of "DCD Blogs/Icon Testing"
Ashley.evans (talk | contribs) |
Ashley.evans (talk | contribs) |
||
| Line 6: | Line 6: | ||
<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:2017 GCTools-web-banner-1248x189.jpg|link=http://www.gcpedia.gc.ca/wiki/GCTools|1248x1248px]]</div> | ||
| − | |||
| − | |||
| − | |||
<br> | <br> | ||
| + | ------ | ||
<div style="line-height: 3em; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> '''"Guerilla" Icon Testing at the 2018 Innovation Fair'''</div> | <div style="line-height: 3em; font-size: 200%; font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> '''"Guerilla" Icon Testing at the 2018 Innovation Fair'''</div> | ||
<div style="line-height: 1em; font-size: 125%; text-indent: 4%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> [https://gccollab.ca/profile/donnamonbourquette Donna Monbourquette] & [https://gccollab.ca/profile/alexmesley Alex Mesley] / June 6, 2018 / 3 minute read</div> | <div style="line-height: 1em; font-size: 125%; text-indent: 4%;font-family:'Helvetica Neue', 'Lucida Grande', Tahoma, Verdana, sans-serif;"> [https://gccollab.ca/profile/donnamonbourquette Donna Monbourquette] & [https://gccollab.ca/profile/alexmesley Alex Mesley] / June 6, 2018 / 3 minute read</div> | ||
| Line 17: | Line 15: | ||
<br> | <br> | ||
<br> | <br> | ||
| + | <div style="border:1px solid #white; {{Round corners}}; text-indent: 4%; margin: 150px; line-height: 2em;"> | ||
'''<span style='color:#545454;'>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;'>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> | ||
| Line 24: | Line 23: | ||
<br> | <br> | ||
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> | |
| − | |||
----- | ----- | ||
| − | |||
'''<span style='color:#545454;'>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;'>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> | ||
| Line 37: | Line 34: | ||
<br> | <br> | ||
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 | ||
| − | + | ||
| + | }} | ||
Revision as of 11:02, 6 June 2018
Last week at the Innovation Fair, 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!
Redesigning a website is hard, and requires incredible attention to detail, which is why we need to test everything — even something as small as icons used on the site. Icon testing is done to make sure that when various icons are used on our webpages, users will understand what they mean, and what functions they might find if they click on the icon. This is important because users with different cultural and technological experiences may ascribe different meanings to different icons. This can cause trouble when attempting to convey a singular meaning through a simple image.
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
Last week at the Innovation Fair, 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!
Redesigning a website is hard, and requires incredible attention to detail, which is why we need to test everything — even something as small as icons used on the site. Icon testing is done to make sure that when various icons are used on our webpages, users will understand what they mean, and what functions they might find if they click on the icon. This is important because users with different cultural and technological experiences may ascribe different meanings to different icons. This can cause trouble when attempting to convey a singular meaning through a simple image.
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
