Some basics when creating templates for smartphones 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 and clear.
- Since someone will be touching the graphic with their finger the graphic should be twice the size of a computer navigation element.
- When you build your courses using good web technology, the course should work effectively.
- Course 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 mobile devices
- Most mobile device browsers handle frames by displaying additional frames below the main content.
