[University home]

Teaching and Learning Support Office

Standards, Methodologies & Practices

Here you can find links to resources which detail standards, methodologies and practices in the area of mobile-friendly eLearning Content Production. This includes overarching methodologies, approaches and specifications. For best practice on specific content types (e.g. video, images) please see the Content Types page.


Standards

World Wide Web Consortium (W3C, main international standards organisation for the World Wide Web) Resources:


The W3C mobileOK Checker performs various tests on a Web Page to determine its level of mobile-friendliness: http://validator.w3.org/mobile/

 

Methodologies

Responsive design

Responsive web design is an approach to producing html web pages to optimise their display on different size screens.

Responsive web design involves using a mixture of flexible layouts (generally percentage-based as opposed to absolute) and media queries to ensure that a web page responds to the size of the screen on which it is being displayed.

You can see some examples online at:

http://www.awwwards.com/websites/responsive-design/

(drag the right hand side of your browser to resize and see how the web page responds to different screen sizes)


You can see how a web page looks on different screen sizes at:

http://www.responsinator.com/


You can read more about how to design responsively at:

http://www.smashingmagazine.com/2011/01/12/guidelines-for-responsive-web-design/


HTML5 Bootstrap templates can be used to create ‘responsive design’ websites.

e.g. 320andUp* http://stuffandnonsense.co.uk/projects/320andup/


Example: http://www.humanities.manchester.ac.uk/tandl/resources/mobile/index.html


*Now surpassed by Rock Hammer: http://malarkey.github.io/Rock-Hammer/

 

Best Practices

W3C Mobile Web Application Best Practices:

http://www.w3.org/TR/2010/REC-mwabp-20101214/


W3C Mobile Best Practices Flip Cards:

http://www.w3.org/2007/02/mwbp_flip_cards

http://www.w3.org/2007/02/mwbp_flip_cards.pdf


Some things to consider when designing web pages for mobile:


Advice on using multimedia content in teaching: collections and licensing

http://www.humanities.manchester.ac.uk/tandl/elearning/resources/multimedia.html