{"id":7567,"date":"2021-10-04T19:09:09","date_gmt":"2021-10-04T19:09:09","guid":{"rendered":"http:\/\/sites.la.utexas.edu\/kb\/?p=7567"},"modified":"2021-10-04T19:09:09","modified_gmt":"2021-10-04T19:09:09","slug":"how-to-make-immersive-replicable-info-graphics-for-online-instructional-material","status":"publish","type":"post","link":"http:\/\/sites.la.utexas.edu\/kb\/2021\/10\/04\/how-to-make-immersive-replicable-info-graphics-for-online-instructional-material\/","title":{"rendered":"How-To Make Immersive, Replicable Info-graphics for Online Instructional Material"},"content":{"rendered":"\n
\"The
Didn’t make this banner, just wanted to save it here for now bc it looks cool<\/figcaption><\/figure>\n\n\n\n

The main goals of online instructional graphics<\/strong>:
– Attract students’ attention
– Aid with retention
– Enhance understanding<\/p>\n\n\n\n

Choosing the correct type of graphic to portray your information is important in creating an engaging experience and make the audience feel the piece is customized for them. <\/p>\n\n\n\n

Instructional Graphic Types<\/strong>:\u00a0<\/span>
– Representational:<\/strong> closely resemble the information<\/p>\n\n\n\n

\"More
Drawings closely resemble hands<\/figcaption><\/figure>\n\n\n\n


– Analogical:<\/strong> implying information with objects<\/p>\n\n\n\n

\"\"
The gavel is used to represent courthouse and laws<\/figcaption><\/figure>\n\n\n\n


– Arbitrary:<\/strong> graphics with no real-life counterpart<\/p>\n\n\n\n

\"\"
Charts and tables that are not representing any physical object<\/figcaption><\/figure>\n\n\n\n

When creating, consider which functionalities should be prioritized for your piece:<\/p>\n\n\n\n

Functionalities<\/strong> of Instructional Graphic<\/strong>:\u00a0<\/span>
– Descriptive:<\/strong> show what the information looks like
– Expressive:<\/strong> impactful imagery
– Constructional:<\/strong> show relationships between parts
– Functional:<\/strong> show a process or system
– Logico-mathematical:<\/strong> show a mathematical concept
– Algorithmic:<\/strong> show range of possibilities
– Data display:<\/strong> illustrate textual information<\/p>\n\n\n\n

Read more about different types of charts:<\/span> <\/strong>
How to Choose the Best Types of Charts For Your Data<\/a><\/p>\n\n\n\n

<\/p>\n\n\n\n

Another thing to keep in mind is to make your piece replicable by using basic elements such as shapes and icons<\/strong>, that way it could be easily modified and reuse for other materials.<\/p>\n\n\n\n

\n\n\n\n

Below is an example of the process one would go through when creating an instructional graphic.<\/p>\n\n\n\n

Example<\/strong>: “Interactive” map for HIS314K<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Analyze the graphic\/information<\/span><\/strong><\/p>\n\n\n\n

  1. What type of information<\/strong> are you illustrating (Ex: quantitative, qualitative) <\/li><\/ol>\n\n\n\n

    This map is showing trade routes of seasonal farm labor for different produces<\/span><\/p>\n\n\n\n

    2. Identify the focus and story<\/strong>. What is the audience supposed to learn from your piece? Which part of the information is important?<\/p>\n\n\n\n

    The arrows are prominent elements on the map, which we should keep.<\/span> <\/p>\n\n\n\n

    The text labels are clustered together and hard to read, we can fix that by using icons to represent produces because shapes and symbols have stronger visual impact than plain text.<\/span><\/p>\n\n\n\n

    3. Choose a theme<\/strong><\/strong>. What is the tone\/visual style? Where will your piece be shown?<\/p>\n\n\n\n

    PowerPoint slides for the course was provided, so we should keep the graphic style and color palette consistent with existing course material.<\/span><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    The map will be used for lecture, so a good format for this graphic would be a slide animation<\/span>.<\/p>\n\n\n\n

    <\/p>\n\n\n\n

    Redesign<\/span><\/strong><\/p>\n\n\n\n

    \"\"<\/figure>\n\n\n\n

    Use color palette and visual style that match your theme
    – Reused color from the PowerPoint slides provided by the professor
    – tapered the end of arrows to shift the weight of arrows and make it more modern<\/span><\/p>\n\n\n\n

    Emphasize important information
    – Added color and highlight to help lead the eye and spotlight each route
    – Separated each migratory route to make it less overwhelming<\/span>
    – Used icons to help relieve the eye<\/span> from small, crowded texts<\/span><\/p>\n\n\n\n

    \n\n\n\n

    Activity: Redesign<\/strong> Graphics<\/strong><\/p>\n\n\n\n

    Design graphics for these slides from AFR303 Intro to Black Studies following steps listed below:<\/p>\n\n\n\n

    1. Post your analysis on Basecamp<\/strong>
      – What type of information are you illustrating? (Ex: quantitative, qualitative)
      – What is the audience supposed to learn from your piece? Which part of the information is important?
      – What is the tone\/visual style? Where will your piece be shown?
      – What type of graphic will you make? (Ex: map, pie chart, table, etc.)<\/li>
    2. Design<\/strong>
      – Use illustrator to create your designs
      – Post your design on Basecamp <\/li><\/ol>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \"\"<\/figure>\n\n\n\n
      \n\n\n\n
      \"\"<\/figure>\n\n\n\n


      <\/p>\n","protected":false},"excerpt":{"rendered":"

      The main goals of online instructional graphics:– Attract students’ attention– Aid with retention– Enhance understanding Choosing the correct type of graphic to portray your information is important in creating an engaging experience and make the audience feel the piece is … Continue reading →<\/span><\/a><\/p>\n","protected":false},"author":747,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"ngg_post_thumbnail":0,"footnotes":""},"categories":[200711],"tags":[],"class_list":["post-7567","post","type-post","status-publish","format-standard","hentry","category-basic-trainings"],"_links":{"self":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7567","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/users\/747"}],"replies":[{"embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/comments?post=7567"}],"version-history":[{"count":35,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7567\/revisions"}],"predecessor-version":[{"id":7788,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/posts\/7567\/revisions\/7788"}],"wp:attachment":[{"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/media?parent=7567"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/categories?post=7567"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/sites.la.utexas.edu\/kb\/wp-json\/wp\/v2\/tags?post=7567"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}