Difference between revisions of "Team:Toronto/Icon-a-thon"

Line 27: Line 27:
 
<div id="content-cyan" class="subsection">
 
<div id="content-cyan" class="subsection">
  
<h2>Our Goals</h2>
+
<h2 class="text-cyan">Our Goals</h2>
  
 
<p>In the initial stages of our 2017 project development we noticed gaps in our communications due to the interdisciplinary nature of our team. This is especially true with more specialized information such as the methods and processes of biotechnology. When looking for scientific visual communication aids in open source icon repositories, we noticed that there were very polar representations in concepts such as “gene editing” and “biotechnology;” These would be represented as either research oriented SBOL icons, or oversimplified illustrations of a double helix.</p>
 
<p>In the initial stages of our 2017 project development we noticed gaps in our communications due to the interdisciplinary nature of our team. This is especially true with more specialized information such as the methods and processes of biotechnology. When looking for scientific visual communication aids in open source icon repositories, we noticed that there were very polar representations in concepts such as “gene editing” and “biotechnology;” These would be represented as either research oriented SBOL icons, or oversimplified illustrations of a double helix.</p>
Line 44: Line 44:
 
<div id="content-cyan" class="subsection">
 
<div id="content-cyan" class="subsection">
  
<h2>Event Details</h2>
+
<h2 class="text-cyan">Event Details</h2>
  
 
  <p> During the summer of 2017 we held Icon-a-thon, spending an afternoon with our wet lab team and early education practitioners, UI designers, game developers, illustrators and students sketching out ideas with paper and marker. In our collection of icons, you can see an array of concepts that range from being purely symbolic, to more literal representations. Some designs even pull characteristics from the practice of game design and illustration by personifying organisms, and even referencing pop culture.</p>
 
  <p> During the summer of 2017 we held Icon-a-thon, spending an afternoon with our wet lab team and early education practitioners, UI designers, game developers, illustrators and students sketching out ideas with paper and marker. In our collection of icons, you can see an array of concepts that range from being purely symbolic, to more literal representations. Some designs even pull characteristics from the practice of game design and illustration by personifying organisms, and even referencing pop culture.</p>
Line 54: Line 54:
 
<div id="content-cyan" class="subsection">
 
<div id="content-cyan" class="subsection">
  
<h2>Results</h2>
+
<h2 class="text-cyan">Results</h2>
  
 
<p>The final icons created by the pairs were fairly accurate and showcased unique, shorthand ways of clarifying complicated topics . This level of synthesis demonstrated the knowledge of biotechnology these creatives had attained over the course of this event. At the end of the event, those who participated in a detailed survey indicated a high level of engagement and learning as a result of this event. This event was a unique way to attract a scientifically untrained public and proved to be worth it both in terms of engaging the public and educating them in the basics of biotechnology.</p>
 
<p>The final icons created by the pairs were fairly accurate and showcased unique, shorthand ways of clarifying complicated topics . This level of synthesis demonstrated the knowledge of biotechnology these creatives had attained over the course of this event. At the end of the event, those who participated in a detailed survey indicated a high level of engagement and learning as a result of this event. This event was a unique way to attract a scientifically untrained public and proved to be worth it both in terms of engaging the public and educating them in the basics of biotechnology.</p>
Line 79: Line 79:
 
<div id="content-cyan" class="subsection">
 
<div id="content-cyan" class="subsection">
  
<h2>Suggestions</h2>
+
<h2 class="text-cyan">Suggestions</h2>
  
 
<p>If you’re interested in setting up your own Icon-a-thon, we recommend populating a list of concepts ahead of time and using paper and marker to sketch out ideas. Using markers and paper eliminates the barriers of learning graphic design software, and can help creative more inclusive and collaborative environments between researchers and creatives.</p>
 
<p>If you’re interested in setting up your own Icon-a-thon, we recommend populating a list of concepts ahead of time and using paper and marker to sketch out ideas. Using markers and paper eliminates the barriers of learning graphic design software, and can help creative more inclusive and collaborative environments between researchers and creatives.</p>

Revision as of 18:27, 13 December 2017

Icon-a-thon

Our Goals

In the initial stages of our 2017 project development we noticed gaps in our communications due to the interdisciplinary nature of our team. This is especially true with more specialized information such as the methods and processes of biotechnology. When looking for scientific visual communication aids in open source icon repositories, we noticed that there were very polar representations in concepts such as “gene editing” and “biotechnology;” These would be represented as either research oriented SBOL icons, or oversimplified illustrations of a double helix.

By realizing this problem, we saw a significant need to explore various methods of scientific communication. This would not only benefit our internal project development, but could also have benefits in understanding how the general public engages with biotechnology. Our team developed a unique way to teach and spread the basics of biotechnology and to assist industry professionals and researchers. We did this by tackling the shortage of icons related to biotechnology in icon repositories such as Font Awesome and the Noun Project by holding an Icon-a-thon in the style of popular Hackathons.

data
Guest speakers from the event.

Event Details

During the summer of 2017 we held Icon-a-thon, spending an afternoon with our wet lab team and early education practitioners, UI designers, game developers, illustrators and students sketching out ideas with paper and marker. In our collection of icons, you can see an array of concepts that range from being purely symbolic, to more literal representations. Some designs even pull characteristics from the practice of game design and illustration by personifying organisms, and even referencing pop culture.

On the day of the event we paired up scientists and creatives to create accurate and aesthetically pleasing icons. Nearly half of the Icon-a-thon participants had indicated that they had a minimal background in postsecondary biology so we began the event with a crash course in biotechnology. Armed with some basic knowledge and paired with scientists we gave participants a list of basic icons related to biotech topics and tools absent from icon repositories specifically related to CRISPR and anti-CRISPR technology such as “model organisms” and “ATPsynthase.”

Results

The final icons created by the pairs were fairly accurate and showcased unique, shorthand ways of clarifying complicated topics . This level of synthesis demonstrated the knowledge of biotechnology these creatives had attained over the course of this event. At the end of the event, those who participated in a detailed survey indicated a high level of engagement and learning as a result of this event. This event was a unique way to attract a scientifically untrained public and proved to be worth it both in terms of engaging the public and educating them in the basics of biotechnology.

data
Participant drawing an icon.

After a popular vote within iGEM Toronto the top three icons were #46 Quorum Sensing in third place, #9 Central Dogma in second, and in first place #45 ATP Synthase (Note: See the bottom of the page for the winning icons). We asked one of the winners, Vera Spicki, to write a little bit about her inspiration for Central Dogma-

“One of the main challenges of this competition was to create icons that could act as a standard for biology (just like the letter icons are a standard for email in Web applications). Thus the main inspiration behind my ‘Central Dogma’ icon is ease of understanding for the general public. As most people in a biology profession know, the central dogma describes the two step process which is responsible for the flow of genetic information from DNA to RNA in order to create a protein. Similar to a process arrow diagram, by representing each different state in the same body, I hope to convey the proper order of these processes (transcription first, translation next). Additionally I hoped that this simplified design would provoke recognition in both biologists and non-biologists alike and have them chanting the central dogma mantra: ‘DNA to RNA to protein!’”
data
All participant with icons created during the event.

Suggestions

If you’re interested in setting up your own Icon-a-thon, we recommend populating a list of concepts ahead of time and using paper and marker to sketch out ideas. Using markers and paper eliminates the barriers of learning graphic design software, and can help creative more inclusive and collaborative environments between researchers and creatives.

data
data
data
Icon 1: ATP Synthase; Icon 2: Central Dogma; Icon 3: Quorum Sensing.