There once was a time when all you had to do was create elearning programs with a computer screen in time. Today, it’s not that easy. Whenever you create an elearning course, you have to consider the various devices that someone could use to take the course.

While there are a variety of screen sizes out there, but mainly you need to be concerned about cell phone screens and tablets. There is a lot of information out there regarding best practices for developing a mobile learning program, but not as much related to developing for specific screen sizes.

Below are some specific points to remember when you are creating an online course and are considering a tablet screen size.

Designing With Tablets in Mind

Ensure Images are Screen Compatible – Make sure you test your images to see how they appear on the tablet screen. You will need to use an image with higher resolution and one that doesn’t negatively impact the text layout when the screen size changes.

Big Buttons that can be “Tapped” – Tablets don’t have a pointer or a mouse (well, they do, but that’s not the main way of navigation). People navigating screens with their fingers. This being the case, make sure any buttons you have on screen are large enough on the tablet that makes it easy to select.

Keep Navigation Simple – This is somewhat related to the previous point in that the more complicated the navigation, the more difficult it is for the user to click around. If you have multiple tree branches on your navigation, have a good understanding of how that impacts the material being presented.

Choose HTML5 Friendly Tools – The main tools used to build out elearning are compatible on these devices, but this doesn’t mean that all of them are. Prior to starting your development, research your tool so that you don’t waste your time.

Reference:
CommLab