ComponentSkillChkList

Main Page

=Mercury Surface Geology=

1) Determine if the image shows content that supports the instructional objective you are trying to achieve. To that ask yourself the following questions: Does this image represent exactly what I am saying in the text or audio?
 * Condition: Correct Content (Portrayal 1)**
 * //Tell-C// || Correct content is relevant to the instruction is supports, appropriate for the type of content it is showing, and utilizes a graphic style that communicates the intended message. ||
 * //Show-C// || [[image:220px-CW0131775256F_Kuiper_Crater.png width="158" height="158"]] ||
 * //Tell-S// || **Relevant**

__Vector__ - Vector art is typically made of up simple geometric shapes and colors. This type of graphic style is appropriate when explaining large classifications. For instance, "This is a computer" or "This is a desk"
 * Graphic Style**

__Raster__ - Raster art or photographs generally have a great deal of visual information in the form of pixels that enable us to distinguish between specific examples. For instance, "This is a Lenovo Thinkpad x200 and this is a Lenovo Thinkpad x220"

1) Determine the type of instruction you are trying to support:
 * Type of content**

__Information about__ - When you are providing facts directly about a person, place, or thing of interest. Generally, this content is meant to assist the learner in developing a mental model of the content being covered in text. The example is not in and of itself instruction and could probably be used in multiple contexts. Use a single image for these types of examples

__Part of__ - Instruction explaining components of a place, thing, or concept require this type of example. Typically this type of example supports a generalized description of the item followed by detailed descriptions of each sub-component. Part-of examples contain one item of interest with some visual means of distinguishing parts (typically labels or colors). This is usually done through a single image as well, but may include interactivity.

__How to__ - Instruction that explains any task or event that occurs over multiple steps. Step examples are typically one image per step that clearly conveys all the information necessary to complete that step. If you find yourself consistently breaking a single step into multiple images consider that your breakdown may not be granular enough. How-to that use a vector graphic style can typically be achieved in a single image, but raster styles often require a gallery and large images in order to convey all the information necessary. || Type of Content: Information about Graphic Style: Raster (Specific Person)
 * //Show-S// || Relevant: "Barack Obama is the 44th President of the United States of America"

Relevant: "The water cycle is.... Type of Content: How to / Event Graphic Style: Vector (General Process)

Relevant: "Animal and plant cells share many common features such as:" Type of Content: Part of Graphic Style: Vector (General Structure) ||


 * Condition: Designed Content (Portrayal 1)**
 * Tell-C || Well designed content has three attributes

1) Focus - the example takes the majority of the image space 2) Coherence - The example is free of content unrelated to the instruction 3) Visible - the example is clear and easy to see ||
 * Show-C || [[image:ipad-ebooks.jpg width="142" height="187"]] ||
 * Tell-S || **Focus** - If the object or motion takes > 75% of the screen space then it is considered "Focused"


 * Coherence** - Keeping distracting elements out of images seems to be a fundamentally difficult property to achieve. Frequently as educators and designers we like to throw in extra objects and elements because we think they are interesting or will be interesting to our students. It's important to keep in mind that anything in an image that does not directly support the instruction is only a distraction that will hurt the educational outcome you are trying to achieve.

So ask yourself one question - "Would the learner understand this example just as well or better without this object in the image?"

Take the Focus and Visible example: If the goal of our example is to "Show what the front of the iPad looks like" then the hands in that image do not support that instruction. If our goal was to "Show how big the iPad is in comparison to a person" it might be useful, but even then there are better examples.

Focus
 * Visible** - Visible examples are in focus and contrast from their background so they can be easily seen. ||
 * Show-S || Focus, Coherence, & Visible

Focus & Visible

Coherence & Visible

None ||