online design strategies

InterfaceDesign forLearning

Helping you think about Infograph Inspired byDorian Peters'

by EdTechEpic

how youcreate

graphicssequenc

interactio

display information

use animation

design forsocial

presence

Design for Instrinct Challenge

Center on the building of connectionsLearning as a

nonlinear process - using technology,

forming networks, andrecognizing patterns

across fields.

The designer's challenge: Creatingclear portrayal of complexity

Edward T uft

Pop-out features can guidelearners - color,

orientation, size, motion,edges, depth

Without them the user ison visual treasure hunt

Learning is Visual

Learning is Social

Learning is Emotional

Emotional affect helps our ability to solve problems - a pleasant interface can boost our mood and make iteasier to forgive interface obstacles.

aesthetic-usability

aesthetic-credibility

Users make snap judgements about a site'scredibility based almost entirely on look and feel.

Graphics can enhance reasoningskills, reflective thinking, decision

making

Make visuals

relevant to

content

provocative is not better

use graphs, diagrams, graphic organizers

Question for designers:Does the design guide

visual focus to whatmatters most?

complex vs simple What photo is more effective?

know your audiencenovice = simple

advanced = more complex

Simple -Easier to ViewMaybe too Complex

keep it closeto the

content

What a designer can do . . .Develop interfaces that build

connections among people andresources

Interface Tips

What's better visualdesign? When the learner

perceives content ascredible

Graphic tactics:

Apply with care

Use to support learning

Guide to what matter most

Avoid adding anythingthat is not relevant to

learning goal

I trust this info!

Allow the learnercontrol as much as

necessary

Providefeedback