WEBVTT
00:00:00.800 --> 00:00:04.240
Hello, and welcome to the Designing with Love Podcast.
00:00:04.240 --> 00:00:12.320
I am your host, Jackie Pelegrin, where my goal is to bring you information, tips, and tricks as an instructional designer.
00:00:12.320 --> 00:00:17.440
Hello, instructional designers and educators.
00:00:17.440 --> 00:00:22.399
Welcome to episode 83 of the Designing with Love Podcast.
00:00:22.399 --> 00:00:31.519
Today I'll walk you through five essentials for mobile learning and a short story of how a clunky desktop course became a five-part on-the-go win.
00:00:31.519 --> 00:00:40.240
We're taking a quick journey, which consists of on-ramps, mile markers, and a test drive, so you can design learning that travels well.
00:00:40.240 --> 00:00:50.000
By the end of this episode, you'll have the keys to unlock the secrets to designing engaging, mobile friendly learning that fits into learners' busy lives.
00:00:50.000 --> 00:00:56.960
So, grab your notebook, a cup of coffee, and settle in as we explore this topic together.
00:00:56.960 --> 00:00:59.600
Let's start by getting up to speed.
00:00:59.600 --> 00:01:06.159
Every great mobile course begins with understanding when and where your learners can actually learn.
00:01:06.159 --> 00:01:08.560
Stop one, the on ramp.
00:01:08.560 --> 00:01:10.239
Find the mobile moments.
00:01:10.239 --> 00:01:25.200
Mobile moments are those tiny pockets of time, such as waiting rooms, bus rides, or five minute breaks, where attention exists but bandwidth such as time, cognitive load, and sometimes internet access is limited.
00:01:25.200 --> 00:01:27.040
Here's what you can do.
00:01:27.040 --> 00:01:37.760
First, define one crisp outcome per moment, such as identify two safety checks before powering a device, not understand electrical safety.
00:01:37.760 --> 00:01:46.079
Next, design just in time, not just in case, by prioritizing what unlocks immediate job performance.
00:01:46.079 --> 00:01:55.120
Finally, keep each lesson design so it can be completed in five to seven minutes by aiming for satisfaction in a single sitting.
00:01:55.120 --> 00:01:57.040
Pitfall to avoid.
00:01:57.040 --> 00:02:00.560
Shrinking a desktop module onto a smaller screen.
00:02:00.560 --> 00:02:04.319
Mobile learning isn't a copy, it's a redesign.
00:02:04.319 --> 00:02:06.159
Here's your road sign.
00:02:06.159 --> 00:02:09.439
If it's longer than a coffee, it's too long.
00:02:09.439 --> 00:02:14.639
Once we know the moments, we need a structure that makes progress obvious.
00:02:14.639 --> 00:02:16.960
Time to watch the mile markers.
00:02:16.960 --> 00:02:18.080
Stop two.
00:02:18.080 --> 00:02:19.680
The mile markers.
00:02:19.680 --> 00:02:21.840
Structure as microlearning.
00:02:21.840 --> 00:02:25.280
On a road trip, clear mile markers keep you calm.
00:02:25.280 --> 00:02:27.599
The same is true for mobile learning.
00:02:27.599 --> 00:02:29.360
Here's what you can do.
00:02:29.360 --> 00:02:33.120
First, include one idea or action per screen.
00:02:33.120 --> 00:02:36.000
Let the headline do the heavy lifting.
00:02:36.000 --> 00:02:38.400
Next, consider the pattern.
00:02:38.400 --> 00:02:44.719
Include a headline of two to three short bullets, then a tiny task for a quick check.
00:02:44.719 --> 00:02:46.879
Then consider the language.
00:02:46.879 --> 00:02:51.199
Front load keywords and use plain, scannable sentences.
00:02:51.199 --> 00:02:53.919
Finally, remember completion.
00:02:53.919 --> 00:03:01.680
End each micro chunk with a tap to do moment, such as try it, note it, and check your understanding.
00:03:01.680 --> 00:03:05.120
Your designer cue, the five by five rule.
00:03:05.120 --> 00:03:10.719
About five screens, about five minutes, which keeps scope sane and stories tight.
00:03:10.719 --> 00:03:12.879
Pitfall to avoid.
00:03:12.879 --> 00:03:15.199
The next trap with no action.
00:03:15.199 --> 00:03:18.800
Every chunk should change what the learner can do right now.
00:03:18.800 --> 00:03:26.000
With the route mapped, let's talk driving comfort, how the experience feels under the thumb.
00:03:26.000 --> 00:03:27.840
Stop three.
00:03:27.840 --> 00:03:29.439
Grip and steering.
00:03:29.439 --> 00:03:31.439
Thumb friendly UX.
00:03:31.439 --> 00:03:35.280
If learners can't steer comfortably, they'll exit early.
00:03:35.280 --> 00:03:37.919
One hand use is the default.
00:03:37.919 --> 00:03:41.840
Design so the primary path is effortless with a thumb.
00:03:41.840 --> 00:03:43.680
Here's what you can do.
00:03:43.680 --> 00:03:48.319
First, include tap targets, large, well spaced buttons.
00:03:48.319 --> 00:03:51.919
Avoid tiny links, especially near edges.
00:03:51.919 --> 00:03:54.479
Second, include simple navigation.
00:03:54.479 --> 00:03:59.919
Always show back, next, and home, or an obvious progression control.
00:03:59.919 --> 00:04:05.199
Then integrate the interaction model, designed for tap and swipe.
00:04:05.199 --> 00:04:07.840
Skip hover only behaviors.
00:04:07.840 --> 00:04:10.159
Finally, include the reach zone.
00:04:10.159 --> 00:04:13.039
Place primary actions in the lower half.
00:04:13.039 --> 00:04:18.800
Keep non-critical links up top or behind a more section.
00:04:18.800 --> 00:04:20.319
Quick test.
00:04:20.319 --> 00:04:23.279
Can you complete the lesson while holding a coffee?
00:04:23.279 --> 00:04:25.600
If not, reduce friction.
00:04:25.600 --> 00:04:30.399
A good grip is great, but we also need fuel efficiency.
00:04:30.399 --> 00:04:33.519
Let's make sure our course doesn't guzzle bandwidth.
00:04:33.519 --> 00:04:37.759
Stop four, fuel economy, media and performance.
00:04:37.759 --> 00:04:40.720
Great road trips don't stall on hills.
00:04:40.720 --> 00:04:44.319
Great mobile courses don't stall on weak Wi-Fi.
00:04:44.319 --> 00:04:47.120
Performance determines completion.
00:04:47.120 --> 00:04:51.360
Speed and fallbacks matter more than flashy effects.
00:04:51.360 --> 00:04:53.120
Here's what you can do.
00:04:53.120 --> 00:04:55.360
First, optimize media.
00:04:55.360 --> 00:05:00.160
Compress images, keep clips under 45 seconds with captions.
00:05:00.160 --> 00:05:02.560
Prefer lightweight formats.
00:05:02.560 --> 00:05:07.360
Next, give choices, such as play now or read instead.
00:05:07.360 --> 00:05:09.920
Respect bandwidth and context.
00:05:09.920 --> 00:05:11.680
Then have fallbacks.
00:05:11.680 --> 00:05:16.800
Provide transcripts and downloadable PDFs or one pagers for offline use.
00:05:16.800 --> 00:05:24.720
Finally, include load strategy, lazy load heavy assets, then defer non essential scripts.
00:05:24.720 --> 00:05:26.639
Pitfall to avoid.
00:05:26.639 --> 00:05:29.600
Auto playing HD video on cellular.
00:05:29.600 --> 00:05:32.399
Make play a choice, not a surprise.
00:05:32.399 --> 00:05:34.160
Here's your road sign.
00:05:34.160 --> 00:05:37.279
Fast beats fancy on mobile.
00:05:37.279 --> 00:05:40.480
With speed and check, we open all lanes.
00:05:40.480 --> 00:05:43.920
Accessibility isn't an add-on, it's the highway.
00:05:43.920 --> 00:05:45.600
Stop five.
00:05:45.600 --> 00:05:47.279
Open to all lanes.
00:05:47.279 --> 00:05:50.079
Accessibility and real device testing.
00:05:50.079 --> 00:05:53.759
If any lane is closed, some learners can't travel.
00:05:53.759 --> 00:05:57.839
Inclusive design widens reach and prevents rework.
00:05:57.839 --> 00:06:00.079
It's practical and principled.
00:06:00.079 --> 00:06:01.680
Here's what you can do.
00:06:01.680 --> 00:06:11.439
First, include core essentials such as captions, alt text, sufficient contrasts, readable font sizes, and logical heading order.
00:06:11.439 --> 00:06:13.920
Second, don't use color alone.
00:06:13.920 --> 00:06:18.079
Pair status or feedback with labels or icons.
00:06:18.079 --> 00:06:20.399
Then include a device tab.
00:06:20.399 --> 00:06:27.279
Test on three realities, a small phone, a large phone, and a tablet in portrait and landscape.
00:06:27.279 --> 00:06:29.839
Finally, incorporate a field pilot.
00:06:29.839 --> 00:06:33.360
Watch three to five real users in their real context.
00:06:33.360 --> 00:06:36.480
Then fix the first friction points you see.
00:06:36.480 --> 00:06:42.319
Quick exploratory What breaks on the bus breaks completion rates.
00:06:42.319 --> 00:06:47.439
We've scoped, structured, smoothed, sped up, and opened the lanes.
00:06:47.439 --> 00:06:50.000
Let's take a quick test drive.
00:06:50.000 --> 00:06:51.920
Here's the test drive.
00:06:51.920 --> 00:07:01.600
A community health program asked a team to convert a 45-minute desktop compliance module into something nurses could complete between visits.
00:07:01.600 --> 00:07:09.199
The design team reframed it into five six-minute micro lessons, each ending with a single field task.
00:07:09.199 --> 00:07:16.000
Snap a correct label, check two documentation items, or verify a dosage calculation.
00:07:16.000 --> 00:07:23.279
Navigation was thumb-friendly with large back and next buttons and a persistent home.
00:07:23.279 --> 00:07:30.319
Videos never exceeded 45 seconds and always shipped with captions and a read-in-stead transcript.
00:07:30.319 --> 00:07:34.879
Each lesson ended with a printable field card for offline reference.
00:07:34.879 --> 00:07:35.759
The result?
00:07:35.759 --> 00:07:45.519
Nurses finished during their day, not after hours, and managers reported fewer documentation errors within the first month.
00:07:45.519 --> 00:07:53.600
The big unlock wasn't new content, it was designing for real mobile moments rather than shrinking a desktop course.
00:07:53.600 --> 00:08:06.399
Now that you have all your stops mapped out and a test drive to put it into action, let's take a peek at your own owner's manual so you can learn some best practices for mobile design.
00:08:06.399 --> 00:08:08.639
Your owner's manual.
00:08:08.639 --> 00:08:11.199
Best practices for mobile design.
00:08:11.199 --> 00:08:23.519
According to the resource, a comprehensive guide to mobile learning design by Diana Cohen at Shift eLearning, there are 10 strategies you should keep in mind when designing mobile learning content.
00:08:23.519 --> 00:08:27.040
In this episode, I'll briefly cover the 10 strategies.
00:08:27.040 --> 00:08:31.759
If you would like to learn more, please visit the link provided in the show notes.
00:08:31.759 --> 00:08:36.320
Strategy number one, only include the must-know information.
00:08:36.320 --> 00:08:42.240
According to cognitive load theory, our brains can only process a certain amount of information at once.
00:08:42.240 --> 00:08:48.799
If we overload a mobile course with too much content, it might overwhelm learners and make them leave.
00:08:48.799 --> 00:08:53.759
Strategy number two, streamline the mobile learning experience for speed.
00:08:53.759 --> 00:08:58.879
Remember, mobile learning is different from learning via a computer or laptop.
00:08:58.879 --> 00:09:05.120
Mobile learners expect the speed of an immediate response while using a mobile device for learning.
00:09:05.120 --> 00:09:08.639
Strategy number three, adapt to the medium.
00:09:08.639 --> 00:09:13.600
Make sure to consider what it takes to adapt to the medium of learning through a mobile phone.
00:09:13.600 --> 00:09:22.159
For instance, take into account how a mobile phone is used throughout the day in comparison to the use of a computer in the same period.
00:09:22.159 --> 00:09:26.000
Strategy number four, strategic layout.
00:09:26.000 --> 00:09:35.759
In a report by Search Engine Watch, one notable difference between mobile and desktop e-learning is the learning time spent on different devices.
00:09:35.759 --> 00:09:42.240
It was reported that desktop user visits lasted up to three times longer than mobile user visits.
00:09:42.240 --> 00:09:46.159
Strategy number five, test before launch.
00:09:46.159 --> 00:09:55.200
The key here is not to launch a mobile course until it has been tested on multiple devices to ensure proper function and deployment.
00:09:55.200 --> 00:09:59.200
Also, don't rely on a single person to test the course.
00:09:59.200 --> 00:10:11.360
One recommendation from Diana at Shift eLearning is to test the course with different types of users, from tech savvy ones to newbies, so you can ensure it is intuitive for everyone.
00:10:11.360 --> 00:10:15.600
Strategy number six, responsive design is the norm.
00:10:15.600 --> 00:10:19.519
Today, responsive design is the norm in mobile learning.
00:10:19.519 --> 00:10:28.000
Students are using devices of all sizes and shapes, from mobile phones, tablets, laptops, and personal computers.
00:10:28.000 --> 00:10:35.200
It is common for them to often switch between devices multiple times per day, depending on their location.
00:10:35.200 --> 00:10:42.399
According to research, nearly 87% of millennials say they use two to three devices per day.
00:10:42.399 --> 00:10:47.360
Strategy number seven, keep the user and context in mind.
00:10:47.360 --> 00:10:56.799
Research suggests that mobile learning should be less like the content found in a typical e-learning course and more focused to support orientation.
00:10:56.799 --> 00:11:05.200
Mobile learning is more effective as just in time or just in place modules or part of a broader learning intervention.
00:11:05.200 --> 00:11:08.399
Strategy number eight, simplify.
00:11:08.399 --> 00:11:12.480
When you use too many features and options, this can confuse learners.
00:11:12.480 --> 00:11:19.440
Every button, graphic, or paragraph added makes the screen more complicated, which ends up overloading your learners.
00:11:19.440 --> 00:11:25.279
Again, think about cognitive load theory and how much our brains can process at a given time.
00:11:25.279 --> 00:11:31.360
Strategy number nine, keep in mind the way learners interact in mobile environments.
00:11:31.360 --> 00:11:38.480
Mobile devices use touch screens, which means the way users interact with a mobile course is going to be very different.
00:11:38.480 --> 00:11:46.240
Instead of using a mouse to click, roll over, or hover, users tap their screen to interact with the different elements.
00:11:46.240 --> 00:11:55.039
Make sure to incorporate simple menu styles, increase the spatial size of buttons, and enlarging interface elements of buttons.
00:11:55.039 --> 00:11:59.679
And finally, strategy number 10, design to capture feedback.
00:11:59.679 --> 00:12:05.120
Mobile devices provide you access to the always-on connection to the learner.
00:12:05.120 --> 00:12:11.600
Through this connection, you can send out quick notifications and messages about new content and important announcements.
00:12:11.600 --> 00:12:18.639
This allows you to meet your learners where they are in their learning journey and provide them with just in time training.
00:12:18.639 --> 00:12:24.080
If you're ready to try this on your next build, I've got a tool to keep you on course.
00:12:24.080 --> 00:12:27.600
Call to Action: the Glove Box Guide.
00:12:27.600 --> 00:12:31.279
Before we take the exit, grab something for your glove box.
00:12:31.279 --> 00:12:35.840
Make sure to download the Glove Box Guide mobile course checklist in the show notes.
00:12:35.840 --> 00:12:46.000
It mirrors today's five stops with quick checkboxes, such as moments, microstructure, thumb UX, media performance, and accessibility testing.
00:12:46.000 --> 00:12:49.759
Plus, a space to note one real-world task per lesson.
00:12:49.759 --> 00:12:51.919
Make sure to use that on your next build.
00:12:51.919 --> 00:12:56.639
Then message me one thing it changed for your learner so we can celebrate your win.
00:12:56.639 --> 00:13:08.080
Before I conclude today's episode, I would like to share an inspiring quote by Karen McGrain, a pioneering content strategist and author of Content Strategy for Mobile.
00:13:08.080 --> 00:13:12.399
You don't get to decide which device people use to access your content.
00:13:12.399 --> 00:13:13.440
They do.
00:13:13.440 --> 00:13:16.080
Thanks for spending part of your day with me.
00:13:16.080 --> 00:13:20.480
May your next lesson travel well and meet your learners right where they are.
00:13:20.480 --> 00:13:26.720
Thank you for taking some time to listen to this podcast episode today.
00:13:26.720 --> 00:13:28.960
Your support means the world to me.
00:13:28.960 --> 00:13:37.679
If you'd like to help keep the podcast going, you can share it with a friend or colleague, leave a heartfelt review, or offer a monetary contribution.
00:13:37.679 --> 00:13:43.519
Every act of support, big or small, makes a difference, and I'm truly thankful for you.