Giving Learners the Ability to Swipe Right and Left on Mobile Devices I am not a big fan of linear lessons, the kind where learners click Next, Next, Next because most learners just don’t learn much that way. Involve the learner on each page. Have the learner do something to engage him or her. Nonetheless, there are times when you may be creating an informational lesson without much interactivity that may involve a lot of branching depending on learner responses. In the cases of linear learning, you can opt to let the learner swipe right and left on their mobile devices. It also works on desktop and laptop touch screens and using the mouse to drag the current page left or right. The idea of Swipe Left and Right can be a bit counterintuitive. Here’s how it works: When you swipe left on a mobile device, it means you want the current screen to move to the left, making room for the one on the right to show. In other words, swiping left is the same as hitting a Next button. When you swipe right on a mobile device, it means you want the current screen to move to the right, making room for the one on the left to show. In other words, swiping right is the same as hitting a Previous button. Create an action and note the two options under TouchScreen. Set Swipe Left to go to the next page and Swipe Right to go to the previous page. Treating Images in Responsive Design Projects You may see the following in action here: No matter which method below you use, it’s a good idea to resize your images before you bring them into Lectora using an image editor, especially if the images are much larger than you need. In each case, determine the size of the image you will need and resize it before you bring it into Lectora. If you need to use an image full page, such as a background image, then note the highest and widest you need the image to be. Note that the standard sizes for each of the five views are: View Width Height Desktop 1009 662 Tablet Landscape 1009 662 Phone Landscape 785 450 Tablet Portrait 785 1000 Phone Portrait 480 763 Let’s assume that you are sticking with the default page sizes above. In this case, you’d be best off
Giving Learners the Ability to Swipe Right and Left on Mobile Devices I am not a big fan of linear lessons, the kind where learners click Next, Next, Next because most learners just don’t learn much that way. Involve the learner on each page. Have the learner do something to engage him or her. Nonetheless, there are times when you may be creating an informational lesson without much interactivity that may involve a lot of branching depending on learner responses. In the cases of linear learning, you can opt to let the learner swipe right and left on their mobile devices. It also works on desktop and laptop touch screens and using the mouse to drag the current page left or right. The idea of Swipe Left and Right can be a bit counterintuitive. Here’s how it works: When you swipe left on a mobile device, it means you want the current screen to move to the left, making room for the one on the right to show. In other words, swiping left is the same as hitting a Next button. When you swipe right on a mobile device, it means you want the current screen to move to the right, making room for the one on the left to show. In other words, swiping right is the same as hitting a Previous button. Create an action and note the two options under TouchScreen. Set Swipe Left to go to the next page and Swipe Right to go to the previous page. Treating Images in Responsive Design Projects You may see the following in action here: No matter which method below you use, it’s a good idea to resize your images before you bring them into Lectora using an image editor, especially if the images are much larger than you need. In each case, determine the size of the image you will need and resize it before you bring it into Lectora. If you need to use an image full page, such as a background image, then note the highest and widest you need the image to be. Note that the standard sizes for each of the five views are: View Width Height Desktop 1009 662 Tablet Landscape 1009 662 Phone Landscape 785 450 Tablet Portrait 785 1000 Phone Portrait 480 763 Let’s assume that you are sticking with the default page sizes above. In this case, you’d be best off