In my earlier post, I shared how to create iPad-compatible content using Lectora. I have also mentioned a few points that need to be considered while creating content for iPad. In this blog, I would like to share some more points in detail. These are as follows:
1. Page sizing: It is very essential to check the size of the content relative to the screen size of iPad. You should also consider “does the content perfectly fit the iPad’s screen width when it is used in the landscape position.”
The suitable course dimensions for iPad device are Width: 980 pixels; Height: 640 pixels.
Tablet users are typically habituated to scrolling vertically within a course; so your content may vary in height. In order to avoid this, add the following Meta tag to the title level.
You can add the above tag by using an External HTML Object of type to the title level.
2. Font face formats: Make sure you use common fonts that support typical browsers (safari) used in iPads. Some common fonts are Arial, Verdana, Tahoma, Georgia, and Arial Black, HelveticaNeue, Impact, Courier New, Times New Roman.
If you wish to use the fonts that are not common then the device replaces your font with anyone of the common font face.
3. Flash output: Convert Flash (.swf) files into HTML5 videos as iPad does not support Flash files. You find converters like Google that can swiftly transform your SWFs into HTML5.
4. Audio Format: Make sure all embedded audio is in the MP3 format before publishing your course so that it can be accessed on various tablets. Further iOS devices will prevent audio from playing automatically. For this, you need to ensure a controller or play button is available for your learners.
5. Video Format: Similar to audio, all embedded videos should be in the MP4 format. Here again, iOS devices will prevent video from playing automatically . For this, you need to ensure a controller or play button is available for your learners.
6. Navigation: Ensure that your navigation and input controls are properly sized so that they can be easily controlled by touch.
7. Interactivities: Try to avoid following objects and interactivities in your course.
- Mouse Enter (roll-over) actions
- Audio and video set to Auto Start
- Video Controller Overlay
These are just some aspects you need to consider while developing an eLearning course for iPads; there are many more. Please do share if you have any!