28
Good Visual Design Makes Learning Stick @SLHerring11 #SEID

Sydney eLearning and Instrucitonal Design: Good visual design makes learning stick - sarah-louise herring

Embed Size (px)

Citation preview

Good Visual Design Makes Learning Stick

@SLHerring11

#SEID

We have something in common...

We love to learn.

We love learning so much,

it’s our profession.

We love to encourage

others to learn.

We love to inspire learning

in others.

Simply put, we’re storytellers.

Storytelling is the best way to create context for people.

Simply put, we’re storytellers.

Without a clear structure, the story can be adapted to each individual's own perception. Our backgrounds, cultural influences

and environment impact how we perceive things.

We are visual by nature and stories along with images help us to create context.

Simply put, we’re storytellers.

Are we Thinking Beings Which Feel or Feeling Beings Which Think?

The bad, the ugly and the ‘what am I looking at…’

When things are messy or unappealing it detracts from the message or the story.

The bad, the ugly and the ‘what am I looking at…’

When there is too much going on, it’s hard to focus on what is important.

Let’s talk about CATS

Cats are domesticated animals

Their Scientific name is : Felis catus

On average, cats spend 2/3 of every day sleeping. That means a nine-year-old cat has been awake for only three years of its life.i

Unlike dogs, cats do not have a sweet tooth. Scientists believe this is due to a mutation in a key taste receptor.d

When a cat chases its prey, it keeps its head level. Dogs and humans bob their heads up and down.i

The technical term for a cat’s hairball is a “bezoar.”f

A group of cats is called a “clowder.”g

Female cats tend to be right pawed, while male cats are more often left pawed. Interestingly, while 90% of humans are right handed, the remaining 10% of lefties also tend to be male.l

There are a lot of different breeds of cats

CATS ARE AWESOME

So, what went wrong?

Things to think about when using visuals as aids to storytelling...

Unity and Alignment

Reflect story Colour theory Style guide Rule of thirds

Things to think about when using visuals as aids to storytelling...

Using Graphics to Complement Narrative

Pick a theme Free stock Images Make it consistent Reflect story

Things to think about when using visuals as aids to storytelling...

Contrast and Backgrounds

Choose a background that adds to the experience and reflects your story and style guide.

Things to think about when using visuals as aids to storytelling...

Fonts are your Tone

A good font sets a good tone for your piece. Keep it readable and consistent.

Things to think about when using visuals as aids to storytelling...

Does your design generates an emotional response?

Let’s learn about cats…

...again.

This cat….

He is adorably cute and just wants to be loved!

Why you need a cat...

The number of outfits are limitless!

Your house will be turned into an feline pirate party.

Why you need a cat...

More thing to think about?

Personality central!

Look at this little guy...

I don’t think I’m sold on the idea,

But…

...if I find a cat that is like this...

Weigh up the data

Cats are cute and can be loving

Cats can be dressed up like dogs

Cats have lots of personality

Sarah is still allergic to cats

Check

Check

Check

Check

The 90% of the transmitted information in the human brain is visual.

Remember these 5 easy steps...

Start with the end goal in mind1.

Match your story with your visuals2.

Choose a theme… and stick to it3.

What will the learner experience look like4.

Does it stimulate an emotional response5.

Remember these 5 easy steps...

Thank you