What To Keep In Mind When Designing Moodle For Mobile Phone Access

--- Advertisement ---

Post Pages - Post Inline - WIRIS

Have you tried to access your Moodle on a mobile device lately? How does it look?

Over 50% of all internet access worldwide is now via mobile devices. Users accessing your Moodle content on a small screen device seems inevitable. And not all will be using the Moodle Mobile app, so you should give some thought to how your course looks in browsers. Here are some tips on Moodle design for a better mobile and small screen user experience.

First, consider the parts of your course that are deliverable via mobile. Some activities or resources are better to do on a desktop. If you cannot replace them, leave them for that medium and focus on the others. Which activities are suitable to do on mobile? Could you even make the experience better than desktop?

Next, think about readability. Even if you use a responsive Moodle theme, large chunks of text can be a drag to scroll through. Avoid text in images because when they are shrunk for mobile it may be impossible to read. And break up content into small chunks. Use a custom agent manager or mobile emulator to verify how your Moodle will look on any mobile device. Most modern browsers offer this tool, already available or through an extension or add-in. Note that this can be helpful during development, but the acid test is to check a real smart phone.

Some formats lend themselves better to mobile than to desktop. Podcasts, eBooks and similar formats are perfect for mobile, so use them when possible. Some educators have designed activities which use the phone’s unique input methods. From the location and motion sensors to the camera, they are good ways to make more interactive experiences.

Navigation can be tricky on mobile. Buttons, links, and icons that work on desktop can get lost on small screens. So make sure each screen has clear pointers on it indicating the next section or next thing to do.  Placing the content plan of the course at the beginning of each section can help orient the user. Repetition is key. Reiterate the learning objectives along the course.

Many users will be using the Moodle Mobile app. Familiarize yourself with its features and develop with the users of the app in mind. Make sure Moodle Mobile app access is enabled on your site so your students can access it.

Finally, be aware of file size. Large videos or images won’t work well in areas of patchy or slow internet. Keep everything streamlined for speed and accessibility.

Course Merchant

This Moodle Practice related post is made possible by: Course Merchant, the Moodle shopping cart for selling courses. Click here to learn more.

How do you make sure Mobile works for your Moodle? Tell us in the comments below.

One Response

  1. Nice article about what needs to be done while designing a Mobile friendly theme for Moodle something we worked on and implemented during the development of Edwiser RemUI (

    With our recent experience we recently wrote a article on the same topic ( hope it works for all those you are in need for such a solution.

Leave a Reply

Your email address will not be published.

This site uses Akismet to reduce spam. Learn how your comment data is processed.

The Latest

The eLearn Podcast

--- Advertisement ---

Post Pages - Sidebar 4 - CourseMerchant

--- Advertisement ---

Post Pages - Sidebar 7 - Titus Learning

--- Advertisement ---

Post Pages - Sidebar 5 - Edwiser (RemUI)

Subscribe to our newsletter

Education technology has the power to change lives. 

To get the latest news, information and resources about online learning from around the world by clicking on the button below.