ipt655 wk5 info hierarchy

“AAA-ND WE’RE

WALKING”

IPT 655 Visual Instructional Design

Introductions

Balance

C.R.A.P. Design

Type & Color

• Information Hierarchy

Microsoft Word

Adobe InDesign I

Adobe InDesign II

Adobe Photoshop

Microsoft PowerPoint

Quantitative Information

Qualitative Information

Abstractions

Persuasion

DISCUSSION

“the great story provides us with a road map or treasure map, which outlines all of the actions and tasks we have to accomplish in order to complete [a meaningful life change], and a tool kit for solving all of the problems that have to be solved to accomplish the actions and tasks.”

What elements of the hero’s journey are essential?…superfluous? What does that have to do with learning/design?

CRITIQUE

Visual Hierarchy : Priority/order according to visual cuesSize, weight, color, etc.

Information Hierarchy : Priority/order according to meaning, intended communication30/20/10 rule

Problem = Making them Match.

Hierarchy

Hierarchy

Remember your #1 Design SkillSquinting is the best way to “see” the

hierarchy you have set up

Flow

“aaaa-nd we’re walking…”Eyes “travel” through a designMeasurement unit = eye miles

Elements of flowEntryExitPathStop

Flow PatternsNote: “natural” flow patterns are culture-specific

Designer as Guide

Why pay for a guided tour?In-depth knowledgeLimited timeUnfamiliar area/subject“You missed the best part!”

Why invest in V/I Hierarchy?Same reasons.

Designer as Guide

Tools for guidingSizeWeightColorCRAP

EXERCISE

ASSIGNMENT

No reading assignment Using the plain-text file posted to the island site,

design an informational flyer. Focus on flow and hierarchy decisions. You may add elements and perform slight edits, but all the original information must be present in your design.