Color Project

Edward Tufte (1990) describes for instructional functions of color (Lohr, 2008).

• Labeling- Color can be used to label or differentiate information. Maps use color to label information to make features easy to identify.
• Identifying Quantity and Measurement- Charts and graphs use color to identify quantity or measurement. 
• Representing Reality- Realistic illustrations often use color to depict the color of objects to differentiate them from others.
• Creating Aesthetic Appeal- Color can be strictly decorative creating a visual appeal since people tend to prefer color to black and white.

My graphic will be used in a fifth grade math unit. I chose to illustrate how to solve a word problem including subtracting fractions from a whole number. I used color in several ways as I created my graphic.

Labeling- I used red to draw attention to just the denominator in the fraction. I hoped to tie information together with color by making the number match the circle where the denominator is shown.

Representing Reality- I tried to create pizza that would have a realistic look to contrast with the grey of the pan as pieces were removed.

Creating Aesthetic Appeal- I hoped to create a graphic that was visually appealing by adding color to the background. The yellow color was light enough to make sure the black text was clearly visible.

I had three people look at my graphic. My first background was a little lighter (more white) and the darker background was preferred. Otherwise, all three understood the graphic and felt it was visually appealing.

UPDATE:
Comments from classmates expressed concerns in two areas of this graphic.

• Lines dividing the pizza were heavy and became a focal point
• Background color needed contrast for visibility

Here is my updated graphic. I have included two hues of blue background.

References

Lohr, Linda L. (2008). Creating graphics for learning and performance, second edition. Pearson: Upper Sadle River, NJ.

Selection Project

For my graphic this week, I designed a graphic organizer for the math vocabulary in my adding and subtracting fractions unit. The graphic organizer will be used by fifth grade students during math class. This week I learned about the selection principle. Mayer describes the three characteristics of the selection principle to be concentrated, concise, and concrete. I focused on two of the three characteristics, concentrated and concise. When creating the graphic, I made the words the emphasis of the graphic keeping the main elements concentrated. I removed any unnecessary wording or graphics to keep it concise. I had originally added a few graphics of fractions, but realized as the students completed the organizer, I wanted their definitions and graphics to become the focus. Any graphics I would have added would have distracted from the focus. I used grey for the lines in the organizer to help keep the students work organized without being the focus of the graphic. Although the heading is big, using blue instead of black softens the look. The main focus should be on the words in the organizer, so I chose black for all words. I used a bolder and larger font to make the subheadings stand out. As I listed the words, I made sure to keep multiple words close to each other, limiting the space of the return.

I tested my graphic with two students and a teacher. Each of them understood the focus and purpose of the graphic and felt no changes were necessary.

References

Lohr, Linda L. (2008). Creating graphics for learning and performance, second edition. Pearson: Upper Sadle River, NJ.

CARP Project

CARP- Contrast, Alignment, Repetition, and Proximity

In this week's reading I learned how each of these actions can help improve instruction. According to Lohr (2008), most of the information regarding these actions are based on aesthetic design principles instead of research. Contrast is created by producing a difference between elements in a visual by altering text weight or size. The alignment of text may improve the readability. Left justified words are usually easier to read, while centered text has a more formal look (Lohr, p. 201). "Repetition can create a sense of harmony and unity" and is easily created by repeating an aspect of the design (Lohr, p. 203). Proximity can describe the relationship between aspects within a visual or even between a visual graphic and its related text. When text is placed too far from the visual example the relationship may be lost.

The following explains my application of CARP in my graphic design.

• Contrast- Contrast is created by using the bold feature for both "improper fraction" and "divide" in the first line. Also, there is contrast in the size of the font for the title.
• Alignment- Words are left aligned and title is centered in the graphic. Alignment of words and examples both in the top and the bottom.
• Repetition- Color is repeated with words and numbers to show the relationship between the explanation and the example.
• Proximity- Words are next to the example instead of being on top of the example to show their relationship.

Previous Version

Before submitting my final graphic, I reviewed the CARP rules and made a few slight adjustments.
I eliminated some of the white space on both sides and the graphic hoping to better tie the words to the examples.
Next, I aligned the top of 7 with the top of the words creating an equal space between the body and the title.
Finally I also aligned the 1 and the bottom line of words to create an equal framed space around the body.

Graphic with revisions after class feedback

References

Lohr, Linda L. (2008). Creating graphics for learning and performance, second edition. Pearson: Upper Sadle River, NJ.

Design Process Model

Continuing with my unit of instruction of adding and subtracting fractions, this week I have created a graphic organizer. Originally, I wanted to create a graphic organizer demonstrating the whole process of both adding and subtracting fractions. However, there are many so variables and steps involved, I decided to break down the process into smaller chunks. This graphic represents three different ways I teach my fifth graders to find the Least Common Multiple (LCM) of two numbers. The purpose of this graphic is for a reference for students after they have learned each method of finding the LCM. As I designed the graphic below, I used the ACE (Analyze, Create, and Evaluate) design model.

Lohr (2008) explains that "during the design phase, you identify the purpose of the instructional visual". I began by analyzing the steps of adding and subtracting fractions. Students are usually successful with adding and subtracting with like denominators, however, as they encounter unlike denominators the procedure becomes more difficult. I realized finding the least common multiple is a big piece of the puzzle when adding and subtracting fractions.  Not all fifth graders are fluent with their multiplication facts, so often students use the method of finding the LCM which works best for them. I decided a graphic organizer would help students remember the three different ways we learn to find the LCM.
Next, in the design process the concept moves to its physical form which is considered the create phase (Lohr, 2008). After listing the methods of finding the LCM, I decided I didn't want give a detailed explanation. Instead, I wanted to create a model using each of the methods to find the LCM. At first I showed a new problem with each method. The graphic seemed too busy and lacked repetition. Using the same problem for each of the methods seemed to simplify the graphic. For each method, I simply demonstrated how to find the LCM. Students would have pages in their notebook showing the specific process of each method including words and graphics. The organizer was simply a representation of each method.
Finally, the evaluation phase involves careful editing and changing the visual (Lohr, 2008). Originally, the visual had color in the two ovals in the cross multiply section. I added color to the background of the design and changed the ovals in the cross multiply section from red to pink. I wanted to keep the three methods similar colors while having a different color for the title. I have shown my final visual to three others who said the visual was logical and easy to read.