EdTech 506 – Typography

September 22, 2013

Image

Justification:

The users of my final project will be students from grades 4-12 and adult instructors.  The majority of the students are advanced readers.  Both students and instructors will be familiar with the four words I selected and are very creative people.

I think my solutions will work for the following reasons:

Robotics – I used the Berlin San FB Demi font along with the Cog auto shape from Adobe Fireworks to create the gears.  Lohr (2008) mentions that you can use type to express emotion or to enhance a message (p. 213).  I think the typeface I used makes robotics seem fun and less threatening to people who may be intimidated by the concept.

Building – I used Consolas as the font because it is mono-spaced which allows for the letters to line up evenly.  I think the stacking of the letters shows that it is building, but is still readable.  I wanted to spell the word from the bottom up, but it became difficult to read since we usually read from top to bottom, left to right.  I think this typeface in addition to decreasing the leading adds a structural feel to the word, but still makes it one word.  Lohr (2008) shared an example of how decreased leading in a multi-line title helped it seem to belong together (p. 236).

Program – I used the word “program” in the Bauhaus 93 font to mask the binary code in the Consolas font.  The binary code in the background adds more meaning to the word “program” that could be misinterpreted to mean something other than software programming.

Solutions – I used Times New Roman and symbols for some of the letters in the word “solution.”  I added the equal sign, parenthesis, and square to make it tie to solving more complex types of problems.  I think the mathematical symbols helps to make the solutions seem more advanced and exciting.

I had a friend look at my images.  We discussed the design of “building” the most to determine the most effective way to arrange the letters, starting at the top left and moving either straight down to down and to the right.  We decided on going in the direction that we normally read.

Resource:

Lohr, L. (2008). Creating graphics for learning and performance (2nd ed.). Upper Saddle River, NJ: Pearson Education.


Visual Literacy and Universal Design

September 7, 2013

DiscoESample

I selected a sample page of the curriculum I help to develop at an educational resource company.  Lohr (2008) stated, “the goals of universal design focus on making information and learning accessible in the broader sphere of life for all people” (p. 8).  I think these building plans help to provide performance support (p. 6) to instructors and students.  In the sample, color-coded parts and arrows are added to provide instructions for building simple mechanical devices used to teach various STEM concepts.  This method of visual literacy (p. 5) to provide instruction enables various types of learners to be able to successfully complete the building of projects in our kits.  Rather than only showing a completed model for students to copy, steps are broken down in an order that helps novice builders be successful.  According to CAST (2012), universal design for learning is necessary because “individuals bring a huge variety of skills, needs, and interests to learning.”

Occasionally, text is used to provide tips to students but its use is not required.  The color-coded order follows that of a rainbow.  A reminder of the color order is provided at the top of each page of building instructions.  Parts in real-color are also provided on the left-side of each step so students have an easier time finding each part they are going to use.  The arrows visually instruct students on the direction in which to place or turn parts so they fit together properly. A stop sign is used to signify that students need to stop the current assembly and place the parts to the side before moving on to the next step.

Resources:

CAST, Inc. (2012). Why is UDL necessary? Retrieved from: http://www.cast.org/udl/index.html.

Lohr, L. (2008). Creating graphics for learning and performance (2nd ed.). Upper Saddle River, NJ: Pearson Education.