Some basics when creating templates for mobile devices include:
Use small or unobtrusive graphics and logos
- Avoid background graphics.
The end users ambient light will vary depending on whether they are indoors or outdoors.
- Background graphics can make it impossible for learners to read the screen in some light.
- Minimize the navigation elements.
- Graphic navigation icons should be simple arrows or a descriptive word such as next or back.
- When you build your courses using good web technology, the course should work effectively.
- Content that follows W3C recommendations such as HTML and relative positioning (page resizes based on the screen size).
- Avoid absolute positioning.
- If you are already using a tool, confirm that it works on mobile devices. If the vendor does not claim it works on mobile devices - it does not work on mobile devices.
- Frames work on some mobile devices
- Some mobile device browsers handle frames by displaying additional frames below the main content.