Showing posts with label responsive design. Show all posts
Showing posts with label responsive design. Show all posts

Sunday, November 22, 2015

Mobile Moodle Creates Expectations it Can't Satisfy


The question of Moodle being available on mobile devices is not so much a technical one, as what the user's expectations are. An institution can switch on access via the Moodle App, provided they have a later version of Moodle. Also they can provide a responsive Moodle theme. But institutions have invested years of work in the classic Moodle look and are understandably cautious in making a change

Users will have expectations with an App or a Mobile interface that everything will be different, but underneath it is the same Moodle and same course content. The result can be frustration and so I understand why institutions are moving slowly.

As a result of being a student in a course on mobile educational design I have been confident enough to volunteer to be a pilot user for a responsive Moodle theme for my course ICT Sustainability, starting February 2016 at ANU.

In a way Moodle's success is a problem for transition to mobile devices. Hu, Lei, Li, Iseli-Chan, Siu and Chu (p. 5, 2015) report that students with two or more years experience with Moodle were less likely to try the mobile version, than those with less experience. Also students who considered themselves as having limited IT competency used the mobile version more.

Hu, Lei, Li, Iseli-Chan, Siu and Chu (p. 9, 2015) conclude that students did not prefer Moodle on a mobile phone, but would use it when necessary. I suspect the same would apply to the Moodle App (although that was not tested). Institutions are therefore right to be cautious about introducing the mobile interface, as it is likely to create expectations it can't satisfy. Just adding a mobile interface doesn't make for mobile learning.

Reference

Hu, X., Lei, L., Li, J. B., Iseli-Chan, N. C., Siu, F. L. C., & Chu, S. (2015). Mobile access to moodle activities: student usage and perceptions. International Mobile Learning Festival 2015. Retrieved from http://webcache.googleusercontent.com/search?q=cache:Ms9o3aVB1n0J:hub.hku.hk/bitstream/10722/213704/1/Content.pdf%3Faccept%3D1+&cd=2&hl=en&ct=clnk&gl=au

Thursday, November 5, 2015

Responsive Web Designs for Mobile Learning

Green course home page in landscape mode on a mobile device
Moodle Landscape
Green course home page in landscape mode on a mobile device
Moodle
Portrait
Mode
The default user interface for the Moodle learning management system (Version 2.9.2+) is called "Clean" theme . This is a responsive web design, which will automatically adjust from the usual three column layout used for Moodle on a desktop computer, to a one column design for a mobile device. This is triggered not by detecting a mobile device, but purely from the width (in Pixels) of the display screen. If the screen is less than 768 pixels wide, the Clean theme displays only one column of text.

The figure of 768 pixels is commonly used for what is called in web design a "breakpoint", where the layout is changed from desktop to mobile format (Natda, 2013).

You can try this with the Moodle Demo using the Mobile Browser Emulator extension for Google Chrome, or simply by making the width of your web browser window smaller until the columns disappear. Try your own installation of Moodle and see if you get the same result (there are many non-responsive Moodle themes still in use).  


The Mahara e-Portfolio has a similar responsive design by default, you can try this with the Mahara Demonstration.

Reference

Natda, K. V. (2013). Responsive Web Design. Eduvantage, 1(1). Retrieved from http://cms.omvvim.ac.in/index.php/eduvantage/article/viewFile/18/pdf