Storytelling – Part 3

digital storytelling

In my previous posts in this series, I covered my interest in using storytelling and more specifically digital storytelling for learning, briefly explored what storytelling actually is and presented my list of guidelines for what a great story must have.

In this post, I’m going to further explore the power of digital storytelling for learning and attempt to simplify the process of writing a story that will be powerful in this context.

Tell me a fact and I’ll learn.
Tell me the truth and I’ll believe.
But tell me a story and it will live in my heart forever.

An old Native American proverb

As I continue to look more deeply into storytelling, I’m starting to realise how involved this process can actually be. In this Introduction to Storytelling, Pixar, arguably one of the greatest storytellers of our generation, tells the truth about how long it can take to get a story right.

building a story

Stories should have a structure, with a beginning, a middle and an end.

The Beginning: where we start
The Middle: where we travel through
The End: where we stop

If we expand on the outline structure of the Story Spine to include the core elements of a story, it looks something like this.

This is much easier to understand if it’s put in context with examples as in this Essence of Structure video.

In my next post in this series I’m going to combine this expanded outline with my guidelines on what a great story must have and continue to attempt to simplify the process of writing a story that will be potentially powerful in the context of digital storytelling for learning.

Storytelling – Part 2

In my first post in this series, I briefly explored the neuroscience behind storytelling and shared why I think we should be using storytelling for learning.

In this second post, I continue to explore exactly what storytelling is and share my guidelines around what a great story must have, as I believe these may apply to storytelling for learning, or more specifically digital storytelling for learning.

If you’re interested in knowing more about storytelling, this TED talk by Andrew Stanton (the creator behind the Toy Story, Finding Nemo and WALL-E) is a great place to start. Andrew talks about what we should and can do to tell great stories. He also talks about what he believes is the greatest story commandment, which is ‘Make me care’ – that is, how we can use emotion as the primary motivator to get someone to care enough about our message to take action.

In reality, my goal with using digital storytelling for learning is not to write scripts equal to those of award winning movies, so even though Pixar, arguably one of the greatest storytellers of our generation, subscribes to a set of 22 rules for storytelling, I’m thinking this may be a bit comprehensive for my purposes.

In introducing his adaptation of Pixar’s rules, Brian Greg Peters shares with us his view that even though storytelling is something we all do naturally, there’s a difference between good storytelling and great storytelling. So consequently I do believe we need some rules here we can follow, but I actually subscribe more to Andrew Stanton’s theory that ‘Storytelling has guidelines, not fixed rules’, so here are my guidelines.

A GREAT STORY MUST HAVE…

A CLEAR STRUCTURE

What do you want your learners to know, and when?

The answer to this question is the structure of the story. Pixar uses a series of sentence fragments, referred to as the Story Spine, to prompt the narrative of their stories – and this is not a bad place to start.

Once upon a time…
Every day…
Until one day…
And because of that…
And because of that…
And because of that…
Until finally…
And ever since then…

And the moral of the story is…

…AND PURPOSE FOR GREATER IMPACT

Why does the story need to exist?

This talks to the greater purpose telling the story serves and is at the heart of great storytelling. In the context of learning, this refers to the training need.

Why is the purpose important?

If your story serves a real purpose, it will have a greater impact. Ask yourself, is this really a training issue, or can this be addressed in another way.

A THEME – A CENTRAL IDEA

What is the central idea of the story?

The theme is the underlying principle or concept, the driving force that guides your decisions on what to include in the story, the truth that underscores the plot and characters. Themes are very often universal in nature and should include principles and truths that your learners will recognise.

A BELIEVABLE AND MEMORABLE PROTAGONIST

Whose fate matters most to the story?

The protagonist is the character whose fate matters most to the story. They are passionate about wanting something and are willing to choose to go through conflict to get it, including deciding to sacrifice their own comfort, safety, stability and peace.

The protagonist is the vehicle through which you achieve your primary learning objectives, so they need to be someone your learners connect with and whose journey they care about the most – and they need to be believable and memorable.

AN EMOTIONAL COMPONENT – MAKE ME CARE

Why should I care?

Storytelling gives us the power to evoke strong emotions. Our brains react to character-driven stories with empathy, sympathy, compassion, care and connection.

As your learners begin to see themselves in the story and identify with the characters on an emotional level, they will start to care about the characters, and feel motivated and compelled to learn more. In the context of learning, this is powerful – once your learners have connected with the story emotionally, they will be more motivated toward the learning goal, and inspired to take action.

CONFLICT AND DRAMA – SOMETHING CRUCIAL AT STAKE

What is the primary problem that the characters are facing?

Without something crucial at stake, your learners can’t learn anything and won’t be interested or engaged in the story. Conflict brings stories to life by showing us who the characters really are through how they deal with the challenges they’re presented with.

Why is drama important?

Drama creates a safe atmosphere for individual expression of thoughts and feelings. It builds confidence, and plays a significant role in how individuals deal with real life issues and concerns. Genuine drama comes from unavoidable, escalating internal conflict – and without this, there will be no problem, no consequence, no story.

SIMPLICITY AND FOCUS

Great stories are kept simple and told in a language that the learner understands.

You want your learners to be invested in the story – so include creative, well-developed storytelling elements. By choosing brevity over complexity, your story will be more easily interpreted and more memorable.

So, that’s my list of guidelines or ‘must haves’ as I believe they may apply to digital storytelling for learning.

In my next post I’m going to further explore the power of digital storytelling for learning and attempt to simplify the process of writing a story that will be potentially powerful in this context.

Storytelling – Part 1

storytelling for elearning

Someone asked me recently where I seek inspiration for my e-Learning designs from. My answer was ‘everywhere’. It’s true! With my ‘Design Ideas’ and ‘WIP’ folders on my hard drive chocked full of stuff I can’t wait to get to, I often wish there were more hours in the day for me to see this inspiration through to design fruition.

WHERE AM I GOING WITH THIS POST?

Ultimately, I want to keep moving forward with my skills and continue challenging myself to design more awesome stuff than I ever have before – after all, my tagline is “Making e-Learning a better experience”!

So, when I start a design and think about what compelling visuals I’m going to use, I invariably think about how the visuals will tell a story…

WHY STORYTELLING?

Stories make people care. They excite and energise. They comfort and bond. They spread optimism and goodwill and take the audience unexpected places.

People are moved by emotion and stories help connect the audience to the narrative emotionally.

The neuroscience behind storytelling is real – in fact, our brain loves good storytelling! We understand and retain stories more readily than facts and figures. The explanation in the video below sums this up in less than 1 minute!

STORYTELLING IN THE CONTEXT OF LEARNING

The format of a story has a profound impact on our learning because of the connection of cause and effect. Storytelling separates the remembered from the forgotten.

In the context of learning, we absorb stories more readily than facts and figures. Listening to stories helps learners stimulate critical thinking skills, capture complexities of situations and reshape knowledge into something meaningful.

So why would you not want to try and use storytelling in learning – and more specifically in e-Learning? I can’t think of any good reasons why not – and lots of reasons why we should.

Have you had any experience with e-Learning design using storytelling? Or have you found an awesome e-Learning project that is designed around storytelling that you would recommend?

Broken Co-Worker is probably one of the most famous ones in the e-Learning industry – developed by Anna Sabramowicz and Ryan Martin around 10 years ago. Do you think this is more engaging than the standard click next type content-dump e-Learning?

Click on the image to view the interactive version.

I’d love to hear your thoughts on this.

Do You Have an Instructional Design Portfolio?

In a recent guest blog post I wrote for Brian Batt, eLearning Freak, I explain why you need an instructional design portfolio and how to develop one.

Check out this fantastic WordPress plugin Brian has developed that every instructional designer or eLearning developer should know about.

Turbo Charged Tabbed Interactions Design


I “stole” the name for this blog post from a fellow Articulate e-Learning Heroes community member, Jackie Van Nice who used this term when referring to this tabbed interaction design I entered in one of the weekly challenges (click on the image below to view the demo).

tabbed interaction
Click on the image to view the interactive demo

I’m sure at some point we’ve all developed the standard tabbed interaction with no bells and whistles (or animation) because that’s what the client wanted, or that’s what suited the topic or learning solution – but for me this sometimes gets a little boring and I like to jazz things up a bit, even if it’s just to challenge myself to re-create something I’ve seen.

This brings me to an interesting question – where do you seek inspiration for your designs?

When I’m designing, I seek inspiration from a number of sources. Sometimes I’m not even looking for it and it appears! Other times I’m looking for something completely different and see something that I want to use as inspiration for a design.

That’s what happened with this tabbed interaction design (below) – I just had to see if I could work out how to develop this after coming across the categories side-bar on this website blog page.

This is what the sidebar looked like.

And this is my second design for the #199 Tabs Navigation challenge, which I hadn’t planned, but was inspired to share.

tabbed interaction animated design
Click on the image to view the interactive demo

The Process and the Design

I only spent a few minutes setting this up in Storyline 360, then a few minutes more to fine-tune the design and animations.

Each tab has three sections, with the centre and clickable section having a hover state (with the tab colour and a wipe from the left animation) and a selected state (the solid tab colour).

The tab content area is on a separate layer with a trigger to show the layer when the tab is selected. Of course, the tabs are all part of a button set so only one can be selected at a time.

The Conclusion

This effect was pretty simple to re-create really – except working out how to incorporate the animation where the selected tab animates back to the left when you hover over another tab may take me another few minutes…

I’d be interested in hearing from anyone who has any thoughts on how much animation is too much in a design like this one.

Colour Themes for e-Learning

For the first ever e-Learning course I designed, I chose the colours red and green as my primary colours. I had a lot to learn about colours and design, particularly with regard to designing for inclusiveness, aka colour blindness.

Colour is such an important part of visual processing and engagement, but how many of us truly understand how this works?

The Psychology of Colour

In this article on The Colours of e-Learning, Brother Andrew from e-Learning Brothers talks about the psychological effect each colour has on learning.

In this article on using psychology to design effective learning, Karla Gutierrez talks about colours being “powerful psychological triggers that help users learn better by changing their perception and evoking emotions”, but also goes on to say that excessive use of colour can lead to cognitive overload.

Of course, there are number of references to this topic in the Articulate e-Learning Heroes community, including this one on The Color Effect: How Your Palette Affects Learners that also has a pretty cool interactive infographic explaining the psychology of colour.

How do you select a colour theme?

Firstly, you need to have an understanding of how the colour wheel works. Here’s an informative article I came across on this topic by Kate Smith – Get to Know the Colour Wheel in which she goes into depth about the parts of the colour wheel – hue, tint, tone and shade. Alternatively, if you’re someone who would rather take in information in a visual and narrative format – I highly recommend the video below.

There are a number of resources and/or tools you can use to select a colour theme for your e-Learning course. Of course, consideration needs to be given to client preferences and style and often this is what dictates the colour theme from the very beginning. However, if you have no such constraints, where do you start?

I most often start with a relevant image that will set the tone for the entire course. Adobe Color CC is possibly one of the most widely-known tools for generating colour themes from an image, or from the colour wheel itself.

2017-03-04_15-58-34
2017-03-04_15-31-09

Here’s an overview of this process.

Big Huge Labs – Colour Palette Generator is a serious contender in this field – it generates the HEX values and names of the colours, as well as a downloadable Adobe Swatch Exchange (ASE) format for Photoshop.

2017-03-04_16-01-13

One last resource I wanted to mention was Coolors which allows you to create, save and share colour palettes online by generating and modifying a random colour palette, or by exploring colour palettes shared by others.

2017-03-04_16-43-16
2017-03-04_16-47-56

Other sources of inspiration

I seek inspiration from lots of other sources and have often based my colour theme on a website that inspires me. An example of this is this Course Starter Template I designed, the design and colour theme of which was initially inspired by the Alannah and Madeleine Foundation website (although I see that this website has changed somewhat since I designed this template).

Infographics is another source of inspiration I fall back on at times. I love infographics and have many of these pinned to my Infographics Pinterest board waiting for me to use as inspiration. Top of the list is this one by Isabel Avery, a section of which I’m going to show below with the colour palette generated in Adobe Color CC – isn’t this colour combination amazing?!

One thing you can generally do with these colour palette generators is choose your “colour mood”. This first image shows the “Bright” colour mood palette generated from this image. The other three colour moods shown below are “Dark”, “Muted” and “Colourful”, also generated from the same image.

2017-03-04_17-23-45
2017-03-04_17-26-46
2017-03-04_17-26-21
2017-03-04_17-26-08

Lastly, seeking inspiration from sites like Design Seeds can be a rewarding exercise, although I find I get lost in the awesome amount of creativity that others possess and are willing to share, so keeping focused on the task at hand is a must!

More articles and resources on this topic

Popular Colour Schemes for e-Learning Design – Articulate e-Learning Heroes
4 Tips to Use Color in e-Learning – eLearning Industry (Christopher Pappas)
The e-Learning Color Guide: Evoking the Right Emotion: eLearning Industry (Christopher Pappas)
Find Color Schemes for your e-Learning Courses – The Rapid e-Learning Blog (Tom Kuhlmann)
The Complete Guide to Color Combinations in e-Learning – SHIFT e-Learning (Karla Gutierrez)
7 Tips to Choose the Right Color Scheme for your Online Training – Allen Interactions (Christopher Pappas)

Templates for e-Learning

As an active member of the Articulate e-Learning Heroes community, not a week goes by where I’m not inspired by the creativity of these talented community members.

Recently members were challenged to design and share a course starter template.  Course starter templates are “multi-slide templates that include a combination of the most common e-Learning content and interaction slides.  They provide a structure to the design, layout and flow of an e-Learning course and include enough slides to give users a working model from which they can begin assembling their projects”.

The thought process behind this challenge was that this could be beneficial for new e-Learning designers and developers. A number of members very generously shared not only their designs, but their source files as well and you can view and access these in this post.

Everyone has their own process for designing a course, whether the design starts with the creation of a template or not. This challenge was a good opportunity for me to reflect on and document the process I go through when I’m developing a template.

How I develop a template in Articulate Storyline 2

I usually allow myself a little time at the beginning of designing a template to “play” before I start working through the process of developing the template.  If there’s no time pressure, I can spend a lot of time in this phase – but as we all know, this isn’t always possible!

This creative time generally includes the following:

  • Identifying up front if there are any design constraints or assets that are to be provided that would dictate the template design
  • Revisiting previous templates I’ve designed or worked on and see if any of the design elements or concepts would be appropriate for the new template design – often it’s the case that I can re-purpose a previous project and this is a huge time-saver
  • Searching generically within the industry the template is being designed for, looking for inspiration and design ideas

I start by looking at images / websites / designs relevant to the course topic – this could include sites such as Shutterstock, WeeJeeCanva, Pinterest, Fribly, Behance or Dribbble, just to name a few – I even look at sites such as SlideHelper, Presentation Magazine, Creative Market or some of the sites that sell templates such as eLearning Chips, eLearning Brothers or Skillsdox

I then move on to sourcing the design elements such as any images that may dictate the colour scheme or size of the template slides.  During this phase I make sure I have a good understanding of what will be included in the course as far as content, icons, multimedia, quizzes etc to cater for any specific requirements in the design to include these assets.

When I’m developing a template in Articulate Storyline 2, there are a number of elements that I like to customise to make sure the template can be effectively converted and used for different styles of courses, different client requirements and even different clients. These include:

  • the story size
  • the course player
  • the theme fonts
  • the theme colours

I use the Slide Master for the slide layouts and slide design elements that will remain consistent throughout the course. Within the Slide Master there is also provision to select a theme and edit the theme colours and fonts.

I also make sure I edit the Feedback Master as the design that comes standard with Articulate Storyline 2 is not very often appropriate for use without some modifications. The Feedback Master also has provision to select a theme and edit the theme colours and fonts.

feedbackmaster.png

With the Slide Master and the Feedback Master, I always retain the original masters of these and insert new ones to use for my design modifications – this way if something goes terribly wrong I can revert back to the original masters and use these elements to get me back on track.

If I take the time to customise all of these elements, the final template will be much more efficient to work with and any changes I need to make to the design can be easily applied at the master slide level, saving development time overall.

You can read more about my design process and view an interactive demo of a course starter template I recently designed by clicking on the image below.

snip_20160330120942

Skeuomorphism – an awesome interactive infographic

I came across this amazing interactive infographic on Skeuomosphism and wanted to share it – so here it is!  You need to scroll to the bottom of this static infographic to access the link to view the interactive version, or go to this link on the TemplateMonster.com website.

The WhatIs.com definition of skeuomorphism is “the design concept of making items represented resemble their real-world counterparts”.  Apparently it’s commonly used in UI and web design and contrasts with flat design which is a simpler graphic style.

Interestingly, there are also what’s known as “non-visual skeuomorphs”, eg the page-turning movement used to advance an eBook, the sound of a record ending at the end of a CD and the sound of a camera shutter on a digital camera.

As far as interactive infographics go, this would have to be one of the best ones I’ve seen and definitely an inspiration to try some of the design features that have been used here.

You can read more about my attempt at Skeuomorphism from the ID perspective here.

skeuomorphic design infographic
Via: TemplateMonster.com

Why you should use SlideShare

According to SlideShare, “70 million professionals trust SlideShare to learn about any topic quickly from subject matter experts”.

SlideShare supports the uploading of presentations, infographics, documents and videos and since joining with LinkedIn in 2012 has become a top destination for professional content.

Visual formats help you stand out – apparently images are processed by the brain 60,000 times faster than text and get shared more on social media, so the tip is to make sure your content has a strong visual story to go along with the text content.

One of the best things about SlideShare is that if you need to make a change to a file you’ve uploaded, SlideShare allows you to re-upload and retain the same URL.

SlideShare makes it very easy for viewers to add “clips” to your own profile clipboard. From the clips in your clipboard you can then you can share these clips, or view the clips in the original SlideShare presentation. You can create numerous clipboards, and even nominate whether these clipboards are private or viewable by others.

The analytics are exceptional – with information on exactly where your views are coming from and how they discovered your content – right down to the time your content was viewed.

2016-03-14_18-49-21

Here’s a good place to find out more about how to get started.

As far as using SlideShare for business goes, presentations, infographics and videos can be powerful marketing assets, so sharing your corporate story, industry insights, or marketing your business directly to a target audience can help you connect with potential customers.  Another tip is to connect your social media accounts (under account settings) to help your content “go viral”.  You can also embed your SlideShares into blog posts, websites, LinkedIn posts and more.

You can upload YouTube videos to SlideShare – firstly you need to upload your presentation file (so you need to create at least one cover slide).  Once your file has been uploaded, click on the “Edit” button, then from the “Add YouTube video” tab, enter the video URL and placement, then click on Insert and Publish.

From your profile “My Uploads” tab you can instantly see how many views, likes, comments and downloads each of your uploaded files has had, as well as preview in mobile or desktop view and edit or delete each of your uploads.

2016-03-14_18-34-45

Additional design and promotion tips are available in the Creator’s Hub here.  If you’re interested in being featured on SlideShare’s homepage, there’s some information in this SlideShare that will help you achieve this.